El editor de widgets es el eje central de todos los React de React. Está diseñado para profesionales y principiantes por igual, por lo que no es necesario tener conocimientos previos en CSS.
Puede encontrarlo en Configuración de la tienda > Integración del sitio web > Widget Editor.
El desarrollo sigue en marcha
Ya puedes utilizar el Editor de Widgets pero con una funcionalidad reducida. La cantidad de cosas que puede hacer aumentará en el futuro.
Las funcionalidades que faltan se destacan en este artículo.
Las funcionalidades que faltan se destacan en este artículo.
1. Resumen
Una vez que abra el editor de widgets, verá dos secciones principales.
Sus widgets trata de la creación y configuración de tus widgets.
Ajustes de diseño es el lugar al que debes acudir cuando quieras cambiar la apariencia de tus widgets.
Empecemos por sus widgets!
2. Crear y personalizar sus propios widgets
En Tus Widgets puedes configurar y gestionar todos los widgets que creados en el Widget Editor. Están ordenados por tipo de Widget.
2.1 Elegir un tipo de widget
Actualmente, puede seleccionar entre tres tipos de widgets:
- Widget de catálogo: Visión general de múltiples productos.
- Widget de producto: Página de detalle de uno de sus productos seleccionados.
- Widget de reservas: Módulo de reservas con calendario.
Perspectivas de los tipos de widgets
Otros tipos de widgets seguirán pronto, una vez que se hayan actualizado a la nueva infraestructura de React. El objetivo es incluir todos los widgets que ofrecemos.
2.2 Configuración de los ajustes del widget
Los ajustes dependen del tipo de widget que hayas elegido.
Si fuera el Catálogo o Widget de reserva puede seleccionar el idioma del producto y el producto que desea mostrar.
Si ha elegido el Widget de productos puede seleccionar el idioma del producto, así como filtrar los productos con un filtro de categoría y ubicación.
Las categorías son las que tú mismo has creado y organizado. Si quieres tener más información sobre cómo organizar tus categorías, lee este artículo.
Además, o de forma independiente, puede utilizar el filtro de localización. La ubicación estará determinada por la Ciudad que introduzca. Para aumentar o reducir la cantidad de productos mostrados en el Widget de Catálogo, puede introducir un Radio en el que el Producto debe estar incluido para ser mostrado.
2.3 Selección de un diseño
En este paso puedes seleccionar el tema en el que el widget debe ser representado. Para cambiar los colores individuales, eche un vistazo a la configuración del diseño.
Consejo
La selección de temas puede ser útil cuando se actualiza regularmente el diseño.
Digamos que cambias el aspecto de tu sitio web por temporada. Puedes adaptar fácilmente el widget al nuevo diseño sin tener que cambiar nada en el backend.
2.4 Definir el contenido visible
Si ha seleccionado el Producto o Widget de catálogo puede decidir qué información ve el cliente en el widget.
Puede personalizar la caja del producto, definir tras qué atributos puede filtrar el cliente y también decidir cómo de detallada debe ser la página del producto.
2.5 Guardar y publicar
En el último paso debes dar un nombre y una descripción a tu widget. Ambos serán visibles en la vista general.
Una vez que haga clic en Guardar, se generará un código HTML. Puede incrustar este código en su sitio web.
Consejo
Tienes que integrar el código en tu sitio web sólo una vez¡! Cada cambio que hagas en el Editor de Widgets afectará también al widget en tu sitio web.
3. Creación de un diseño
Los ajustes de diseño le permiten crear temas y así cambiar el aspecto de sus widgets. Los temas consisten en colores y fuentes.
3.1 Colores y fuentes
En cuanto al color, actualmente tiene acceso al color de acento que afecta a los botones primarios ("Reservar aquí" y "Añadir al carro de la compra").
Puede elegir entre 8 tipos de letra diferentes y 5 tamaños de letra.
Pronto habrá más personalización
Esta área se mejorará ampliamente en el futuro para que pueda acceder no sólo al color de acento, sino también al color secundario, al color de fondo, al color de la fuente, etc.
3.2 Guardar y publicar
Cuando hayas terminado de editar tu diseño global, dale un nombre y una descripción. Al pulsar "Guardar los últimos cambios", todos los widgets con el diseño se actualizarán automáticamente.
Si aún no ha seleccionado el diseño de ninguno de sus widgets, consulte el capítulo 2.3 sobre cómo proceder.
Consejo
Si ha olvidado guardar los últimos cambios, recibirá una notificación sobre los cambios no guardados en la vista general del Editor de widgets.