Saltar al contenido principal
El widget Pestañas es una excelente manera de mostrar contenido eficientemente en tu sitio. Los visitantes pueden hacer clic entre pestañas (en lugar de desplazarse por el texto) para ver contenido relacionado. Las pestañas son una excelente manera de mostrar contenido, como Servicios, Planes o Miembros del equipo, en secciones compactas e interconectadas.

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:

  1. Inicie sesión en su cuenta de Guesty.
  2. En la barra de navegación superior, haga clic en el selector de modo y seleccione Modo de crecimiento.
  3. Haga clic en Distribución.
  4. Haga clic en la miniatura de Sitios web de Guesty.
  5. A la derecha del sitio web correspondiente, haga clic en Editar.
  1. En el panel izquierdo, haga clic en Widgets.
  2. 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:

  1. Inicie sesión en su cuenta de Guesty.
  2. En la barra de navegación superior, haga clic en el selector de modo y seleccione Modo de crecimiento.
  3. Haga clic en Distribución.
  4. Haga clic en la miniatura de Sitios web de Guesty.
  5. A la derecha del sitio web correspondiente, haga clic en Editar.
  1. Haga clic derecho en el widget y haga clic en Editar contenido.
  2. Para agregar una nueva pestaña, haga clic en Agregar pestaña.
  3. 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 texto alternativo El campo para la imagen se encuentra en la parte inferior.
  4. 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:

  1. Inicie sesión en su cuenta de Guesty.
  2. En la barra de navegación superior, haga clic en el selector de modo y seleccione Modo de crecimiento.
  3. Haga clic en Distribución.
  4. Haga clic en la miniatura de Sitios web de Guesty.
  5. A la derecha del sitio web correspondiente, haga clic en Editar.
  1. Haga clic derecho en el widget y haga clic en Editar diseño.
  2. Haga clic en el diseño para seleccionar un diseño diferente para las pestañas.
  3. 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.
  4. 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.
  5. Haga clic para cambiar el estilo de descripción, el estilo del botón y el estilo de la imagen.
Nota
  • Puedes tener tantas pestañas como quieras, pero ten en cuenta que el espacio para cada etiqueta se reduce con cada nueva pestaña.
  • Hay dos opciones de diseño para la pantalla móvil: pestañas y acordeón. El diseño de las pestañas se controla deslizando el dedo.

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 asisten a esta función, en cuyo caso se puede usar la vista de acordeón.

Para cambiar el widget Pestañas para dispositivos móviles:

  1. 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.
  2. Haga clic derecho en el widget y haga clic en Editar diseño.
  3. Haga clic en Todas las pestañas y, a continuación, haga clic en el botón Mostrar como acordeón.
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0