Artículos sobre: Widgets

Qué pasó con el editor de widgets

¿Buscas el botón Personalizar o la página Widget? Ahora el estilo se define en la página Diseño: ve a Supr Bundles & Subscriptions > Diseño.

Antes, tu widget de suscripción y tus opciones de paquete se diseñaban por separado, diseño a diseño, cada uno en su propia página. Para que parecieran una sola cosa tenías que tomar cada decisión dos veces, y probar otro diseño significaba empezar de cero.

Ahora comparten un único conjunto de controles en la página Diseño. Es la experiencia de widget unificada. El elemento del menú que antes se llamaba Widget ahora es Diseño, y los enlaces antiguos al editor de un diseño concreto abren la página Diseño.

El aspecto de tus widgets no ha cambiado por sí solo. Tu configuración está exactamente donde estaba, y tus páginas de producto no cambian hasta que decidas modificar algo.

Si instalaste Supr Bundles & Subscriptions hace poco, este artículo es historia más que novedad: en tu tienda siempre ha habido un único lugar para diseñar tus widgets, y es la página Diseño.

Índice

Dónde está ahora cada cosa
Pasar a la experiencia de widget unificada
Restaurar tu diseño anterior
Fuentes
Diseños personalizados creados por nuestro equipo
Preguntas frecuentes
Guías relacionadas

Dónde está ahora cada cosa

Todo lo que hacía el editor antiguo está en la página Diseño, y ahora se aplica a todos los diseños a la vez en lugar de a uno solo:

Elegir un diseño está en la sección Diseño de la parte superior: haz clic en Cambiar junto al widget de suscripción o al widget de paquetes para abrir la galería.
Los colores están en la sección Colores. Elige un color y la opción seleccionada, los bordes, los botones de opción y las insignias lo siguen.
El redondeo y el grosor del borde están en la sección Forma. El relleno dentro de cada opción, la separación entre los widgets y el espacio alrededor de todo el widget están en la sección Espaciado, justo debajo.
La fuente de ambos widgets está en la sección Fuente. Si la dejas en Sigue tu tema, usan las fuentes de tu tema.
El estilo de cada elemento, es decir, el color, el tamaño y el grosor del texto de cada parte, está en Elementos, con una fila por parte. Ahí también puedes mostrar u ocultar cada parte.
El CSS personalizado viene justo después de Elementos (CSS personalizado). Pertenece a tu tienda y no a un diseño concreto, así que se mantiene al cambiar de diseño.
Los textos están en la tarjeta Etiquetas, debajo de la configuración, incluidos los sufijos de frecuencia de entrega, el precio por unidad y la fila de opción, que antes solo se podían editar en algunos diseños.
La insignia de suscripción, el texto del botón de añadir al carrito, la prioridad de los planes y los demás complementos están en la tarjeta Configuración de complementos, más abajo en la página.

Algunos controles más finos todavía no tienen fila en la página Diseño, como el estilo con el que se marca la opción de paquete elegida. Todo lo que configuraste antes se sigue aplicando, y mientras tanto soporte puede cambiarlo por ti. Dinos qué buscas y lo configuraremos en tu tienda.

Si diseñaste tus widgets con el antiguo editor por diseño, tu tienda se pasa a la nueva experiencia la primera vez que guardas en la página Diseño. Hasta entonces no cambia nada.

Como la página Diseño escribe un único valor en todos los diseños a la vez, ese primer guardado aplica tus colores, redondeo y espaciado en todas partes, y no solo al diseño que estés mirando. Esa es la idea de la página, pero la primera vez puede sorprender, así que pasan dos cosas:

Te lo preguntamos antes de ese primer guardado y te explicamos lo que hará.
Antes de aplicar nada, guardamos una copia de cómo se ven tus widgets en ese momento.

Lo que ganas a cambio:

Un estilo, todos los diseños. Tus colores, redondeo y espaciado se aplican a la vez a tu widget de suscripción y a tus opciones de paquete, así que los dos siempre combinan en tu página de producto.
Cambiar de diseño es fácil. Tu estilo se traslada a todos ellos, así que puedes probar otro diseño sin volver a diseñar tu tienda desde cero.
Mucho más control. Cada elemento tiene su propia fila con su color, tamaño y grosor, hay cuatro formas de insignia para elegir y todos los textos que ven tus clientes están en un solo lugar.
Velo antes de guardar. Una vista previa en directo de tu página de producto real muestra los dos widgets apilados tal como los ve un comprador.

Tus ofertas, tus precios y tus suscriptores no se ven afectados.

Restaurar tu diseño anterior

Esta sección es para las tiendas que diseñaron sus widgets con el antiguo editor por diseño. Si instalaste la app después de que se retirara, no hay ningún diseño anterior al que volver ni botón Restaurar diseño anterior en tu página Diseño.

La copia que se guarda antes de tu primer guardado no caduca. A partir de entonces hay un botón Restaurar diseño anterior cerca del final de la página Diseño. Haz clic en él y tus widgets vuelven a estar exactamente como estaban antes de pasar a la experiencia de widget unificada, sin importar cuánto tiempo haya pasado.

Puedes volver a cambiar el estilo después y restaurar de nuevo. El botón se queda, así que restaurar nunca es definitivo.

Restaurar sustituye todo lo que hayas cambiado en la página Diseño desde que se guardó esa copia, porque devuelve todo el diseño a como estaba. No afecta a tus ofertas, tus precios ni tus suscriptores.

Cuando hayas guardado cambios propios, aparece también un botón Restablecer valores predeterminados en la sección Diseño. Devuelve tus colores, forma, espaciado, elementos, etiquetas y CSS personalizado a los valores predeterminados de la app en la vista previa, y mantiene los diseños que publicas. No cambia nada en tu tienda hasta que haces clic en Guardar, y Descartar recupera tu propio estilo.

Fuentes

Los widgets toman las tipografías de tu tema salvo que elijas una, así que de entrada combinan con la página en la que están. La mayoría de los temas definen dos: una fuente para los encabezados y otra para el cuerpo, ambas en la configuración de tipografía del tema.

Los títulos usan la fuente de encabezados de tu tema: el título del bloque de paquetes, el título de cada opción de paquete y el nombre de cada opción de suscripción y de la fila de compra única.
Todo lo demás usa la fuente del cuerpo de tu tema: precios, descripciones, textos de ahorro y el resto.

Es la misma división que hace tu tema, así que el widget se lee como parte de la página de producto y no como un bloque aparte. Los temas que solo definen una fuente la usan en todo.

Para usar otra tipografía, abre la sección Fuente de la página Diseño. Define una sola fuente para tu widget de suscripción y tus opciones de paquete a la vez, títulos incluidos: la fuente del cuerpo o de los encabezados de tu tema, una fuente del sistema, serif o monoespaciada, o Personalizada con el nombre de una fuente que tu tema ya cargue. Sigue tu tema mantiene la división anterior.

Los tamaños y grosores de fuente los eliges tú para cada elemento en Elementos, con independencia de la tipografía.

La vista previa del panel de control no puede cargar las fuentes de tu tienda online, así que las fuentes de tu tema y las fuentes personalizadas se muestran allí con la fuente del propio panel. Abre una página de producto de tu tienda para ver el resultado real.

Diseños personalizados creados por nuestro equipo

Dos diseños mantienen un editor propio, porque están escritos en HTML, CSS y JavaScript en lugar de montarse a partir de ajustes: el diseño de suscripción Personalizado y el diseño de paquete Personalizado.

Si tu tienda ya usa uno de ellos, no cambia nada. Se queda en la galería de diseños en Avanzado, con un enlace Personalizar que abre su propio editor (o un enlace Contactar con soporte si nuestro equipo todavía no lo ha creado). Las tiendas que no usan un diseño Personalizado ya no lo ven en la galería.

Si los diseños incluidos, Colores, Forma, Espaciado, Fuente, Elementos y CSS personalizado no te dan el estilo que buscas, haz clic en Chatear con un experto al final de la página Diseño. Envíanos una captura de pantalla o un enlace a un diseño que te guste y te ayudaremos a conseguirlo.

Preguntas frecuentes

¿Dónde está el botón Personalizar de mi widget?
Ya no hay un editor aparte para cada diseño. Todo está en Diseño, y se aplica al diseño que publiques.

¿Dónde ha ido la página Widget?
Ahora se llama Diseño, en el menú de la app.

He cambiado de diseño y mis colores siguen igual. ¿Es correcto?
Sí. Los colores, la forma, el espaciado, la fuente, los estilos de los elementos, las etiquetas y el CSS personalizado pertenecen a tu tienda, no a un diseño, así que se mantienen al cambiar de diseño.

¿Puedo recuperar el aspecto antiguo de mi widget?
Si tu tienda diseñó sus widgets con el editor antiguo, haz clic en Restaurar diseño anterior cerca del final de la página Diseño.

¿Puede el equipo de soporte crear un diseño de widget personalizado para mí?
Empieza con los diseños incluidos y el CSS personalizado, y después haz clic en Chatear con un experto en la página Diseño y cuéntanos qué buscas.

Guías relacionadas

Actualizado el: 24/10/2026

¿Este artículo te resultó útil?

¡Gracias!