Cada pestaña puede contener una etiqueta, un título, una descripción, una imagen y un botón, y cada uno de estos elementos se puede personalizar completamente.
Para agregar el widget:
- Inicie sesión en su cuenta de Guesty.
- En la barra de navegación superior, haga clic en el selector de modo y seleccione el Modo de crecimiento.
- Haga clic en Distribución.
- Haga clic en la miniatura de Sitios web de Guesty.
- A la derecha del sitio web correspondiente, haga clic en Editar.
- En el panel izquierdo, haga clic en Widgets.
- Haga clic y arrastre el widget Pestañas a su sitio.
Para más información sobre cómo agregar widgets a su sitio, consulte Agregar widgets.
Editor de contenido
Para acceder al editor de contenido:
- Inicie sesión en su cuenta de Guesty.
- En la barra de navegación superior, haga clic en el selector de modo y seleccione el Modo de crecimiento.
- Haga clic en Distribución.
- Haga clic en la miniatura de Sitios web de Guesty.
- A la derecha del sitio web correspondiente, haga clic en Editar.
- Haga clic derecho en el widget y haga clic en Editar contenido.
- Para agregar una nueva pestaña, haga clic en Agregar pestaña.
- Para editar la imagen (y el texto alternativo), la etiqueta de la pestaña, el tipo de encabezado de la etiqueta, el título, la descripción y el botón, haga clic en la pestaña.
- Las etiquetas de encabezado facilitan la identificación del texto en los motores de búsqueda. Se recomienda seleccionar H3 como tipo de encabezado.
- El campo de texto alternativo para la imagen se encuentra en la parte inferior.
- Para mostrar imágenes en las pestañas, haga clic en el botón Mostrar imagen.
Editor de diseño
Para acceder al editor de diseño:
- Inicie sesión en su cuenta de Guesty.
- En la barra de navegación superior, haga clic en el selector de modo y seleccione el Modo de crecimiento.
- Haga clic en Distribución.
- Haga clic en la miniatura de Sitios web de Guesty.
- A la derecha del sitio web correspondiente, haga clic en Editar.
- Haga clic derecho en el widget y haga clic en Editar diseño.
- Haga clic en el diseño para seleccionar un diseño diferente para las pestañas.
- Haga clic en Todas las pestañas para personalizar el estilo de las pestañas no seleccionadas, invertir la dirección de las pestañas y controlar el diseño de las pestañas en el móvil.
- Haga clic en la pestaña seleccionada y pase el cursor para personalizar el estilo del texto y el fondo. Esto no afecta el diseño de todas las pestañas.
- Haga clic para cambiar el estilo de descripción, el estilo del botón y el estilo de la imagen.
Para obtener información sobre las opciones de diseño que no son específicas de este widget (por ejemplo, diseño, estilo o espaciado), consulte Diseño de widgets.
Vista móvil
Hay dos opciones de diseño para la pantalla móvil: pestañas y acordeón. El diseño de las pestañas se puede controlar deslizando el dedo. Sin embargo, no todos los navegadores móviles admiten el deslizamiento, en cuyo caso se puede usar la vista de acordeón.
Para cambiar el widget Pestañas para dispositivos móviles:
- En la barra de navegación superior, haz clic en la vista del dispositivo para cambiar a la vista móvil (). Para más información, consulta Editar por dispositivo.
- Haga clic derecho en el widget y haga clic en Editar diseño.
- Haga clic en Todas las pestañas y, a continuación, haga clic en el botón Mostrar como acordeón.