Estás aquí:   Contenido / El Diseño De La App / Menú Navegación & Pagina Inicio

Widgets disponibles en la sección de Inicio

Tu página de inicio es la primera página que se muestra en tu aplicación después de la pantalla de inicio.
Desde esta página, puedes resaltar automáticamente el contenido de otras páginas, agregar llamadas a la acción, insertar enlaces útiles y más.

Construye tu sección de inicio con widgets. Esta ayuda en línea describirá los diferentes tipos de widgets disponibles para tus aplicaciones GoodBarber.

Puedes agregar hasta 20 widgets en tu página de inicio.

Para agregar un widget a tu página de inicio:
1. Ve al menú Contenido y diseño> Diseño> Inicio
2. Haz clic en el botón verde "+" en la columna derecha
3. Selecciona qué tipo de widget deseas


1

​Widget de lista de productos

Este widget muestra los productos incluidos en tus colecciones.

Pestaña Fuente
Cuando agregas este widget, selecciona de tus colecciones existentes la colección de la que se mostrarán los productos en tu widget.

Pestaña Ajuste
Esta pestaña enumera todas las configuraciones de diseño disponibles para este widget (plantilla de widget, encabezado, zona de contenido y opciones)
Aquí es donde selecciona sus colores, fuentes, número de líneas de productos que se muestran, etc.


2

Widget​ lista de de colecciones

Este widget muestra enlaces a tus páginas de colecciones.
Cuando agregas este widget, selecciona de tus colecciones existentes qué colecciones tendrán enlaces mostrados en tu widget.


3

​Widget Promo de banner

Este widget te permite promocionar tu tienda para resaltar, por ejemplo, un descuento continuo.
1. Selecciona un color de fondo o una imagen de fondo para tu widget
2. Establece un título y sus opciones de diseño: color, fuente
3. Configura el botón de acción de tu widget: título, color, a dónde apunta (contenido que deseas promocionar)
4. Establece las opciones globales


4

​Buscar widget

Este widget habilita la función de búsqueda en tu página de inicio y redirige a tus usuarios al resultado de tu sección de búsqueda *
Solo se puede agregar 1 widget de búsqueda en la página de inicio.

* Para poder configurar un widget de búsqueda, primero debe configurar una sección de búsqueda.


5

​Widget de enlaces sociales

Este widget muestra accesos directos a las cuentas de redes sociales de tu aplicación: Facebook, Twitter, LinkedIn, YouTube, Dailymotion, Instagram, Pinterest, Flickr, Tumblr, Dribbble y otros.
1. Selecciona la red social a la que deseas crear un enlace
2. Repita la operación en este widget para cada red social
3. Establezca el encabezado y las opciones globales del widget


6

​Widget de Newsletter

2. Pestaña Suscriptores
Haz clic en exportar datos para exportar la lista en un archivo .csv

3. Ve al menú Ajustes> Texto de la aplicación
Buscar GB_WIDGET_NEWSLETTER_TOS_TEXT
Edita el texto para que tus usuarios finales sepan por qué está recopilando su correo electrónico (qué hará con su correo electrónico) y pídales que lean tus Términos de uso. (1)
Advertencia: no edite el token [TOS]

(1) Requerido por el GDPR. El RGPD se aplica a todas las entidades con sede en un país de la UE que procesan datos personales, así como a todas las entidades en todo el mundo que procesan datos personales pertenecientes a residentes de la UE.


7

Widget enlace

Este widget te permite:
- Crear enlaces a páginas internas de tu aplicación o enlaces externos en tu página de inicio
- Crear acciones desde tu aplicación (llame, envíe un SMS o correo electrónico)
- Abrir la URL de una aplicación en las tiendas

1. Plantilla de widget, selecciona la plantilla de su widget

2. Enlaces
- Haz clic en "agregar un enlace" para crear su enlace
- Selecciona el tipo de enlace (Sección, Acción, Enlace externo, una aplicación en las tiendas)
- Dependiendo de tu plantilla, configura las diferentes opciones: agregar una imagen, título y descripción, icono, mostrar un botón, etc.

3. Configuración general, dependiendo de su plantilla, le permite establecer los márgenes, el color de fondo del widget, las fuentes, el botón de acción, el efecto en las imágenes, etc.
 


8

​Widget separador

Este widget muestra un separador entre otros widgets.

1. Establece su altura en píxeles y color del widget
2. Establece las opciones globales del widget


9

​Widget HTML

Este widget te permite mostrar tu propio código HTML.

1. Completa la altura de la zona del widget
2. Elige si deseas habilitar el desplazamiento
3. Agrega tu propio código HTML *
4. Haz clic en "Guardar"

* El equipo de soporte técnico de GoodBarber no gestiona la resolución de problemas relacionados con el código externo.
El equipo de GoodBarber no depura ningún código que no codificó, incluidos los códigos incrustados o el iframe.


10

Este widget muestra enlaces a tus términos y condiciones.
1. Escribe tus términos y condiciones en el menú Ajustes> Ajustes de la tienda> Proceso de pago
2. Establece el título de tus enlaces y tu visualización (color, fuentes y margen)