Widget de pestañas html para su sitio web

Convierta el contenido relacionado de su sitio web en una experiencia de pestañas enfocada y responsiva. Cree hasta 15 pestañas con etiquetas de navegación independientes, contenido de tarjetas, imágenes opcionales y botones, sin necesidad de código.

Cómo crear un widget Tabs

Add and arrange your tabs

Agregue y organice sus pestañas html

Cree hasta 15 pestañas, reordénelas y asigne a cada una una etiqueta de navegación, un título de tarjeta, una descripción, una imagen opcional y un botón.

Choose a layout and appearance

Elija un diseño y una apariencia

Seleccione navegación horizontal o vertical, posicione imágenes, alinee el texto y personalice el tema, los colores, la fuente, el radio, el ancho y la visibilidad en dispositivos.

Embed it on your website

Integrarlo en su sitio web

Previsualice el widget responsivo, copie el código de inserción generado y colóquelo en cualquier página que admita HTML personalizado o bloques de inserción.

Haga que las páginas largas sean más fáciles de leer

Dé a cada pestaña su propio contenido

Use títulos de pestaña y de tarjeta independientes, agregue una descripción concisa y muestre u oculte una imagen y un botón de CTA para cada elemento. Los enlaces de los botones se abren en una pestaña nueva de forma predeterminada.

Give Every Tab Its Own Content

Adapte las pestañas a su contenido y pantalla

Coloque la navegación encima o junto a la tarjeta. Las pestañas horizontales se adaptan al ancho de la computadora de escritorio y se desplazan en móviles, mientras que las listas verticales largas se desplazan junto a la tarjeta. También puede elegir la pestaña de apertura, la posición de la imagen y la alineación del texto.

Adapt Tabs to Your Content and Screen

Aplique estilo y muestre el widget a su manera

Comience con un tema claro u oscuro, cree una paleta de colores personalizada, elija una fuente y un radio de esquina, establezca un ancho completo o máximo, y controle si el widget aparece en todos los dispositivos, en computadoras de escritorio o en móviles.

Style and Display the Widget Your Way

Dónde usar su widget de pestañas

Agregue contenido en pestañas en cualquier lugar donde los visitantes necesiten comparar o explorar detalles relacionados sin desplazarse demasiado.

Páginas de productos para separar características, especificaciones, notas de configuración, reseñas y políticas de devolución.

Páginas de precios para organizar detalles de planes, complementos, preguntas frecuentes, notas de facturación y puntos de comparación.

Páginas de servicios para mostrar paquetes, sectores, entregables, cronogramas y avisos de reserva.

Páginas de cursos y eventos para dividir horarios, módulos, ponentes, requisitos y detalles de inscripción.

Páginas de soporte para agrupar información de incorporación, cuenta, facturación, resolución de problemas y contacto.

Páginas de portafolio para presentar la descripción general del proyecto, el proceso, los resultados, los testimonios y los próximos pasos.

Cómo integrar su Tabs en WordPress

1Obtenga su código de inserción

Después de personalizar su widget de sitio web de Jotform, haga clic en Pruébelo en su sitio web gratis y copie el código de inserción generado.

2Abra el editor de la página

Vaya a la entrada o página de WordPress donde desea mostrar el widget y luego agregue un nuevo bloque.

3Agregue un bloque HTML personalizado

Seleccione HTML Personalizado y pegue el código de inserción de su widget de sitio web de Jotform en el campo HTML.

4Actualice y vea

Haga clic en Actualizar o Publicar y luego abra la página para revisar su widget insertado.

Por qué destacan los Widgets para Sitios Web de Jotform

Los widgets de Jotform hacen que su sitio web sea más interactivo y aumentan las conversiones. Hay muchas herramientas disponibles, desde valoraciones con estrellas y controles deslizantes de testimonios hasta ventanas emergentes de prueba social e inserciones de medios. Agregue widgets a sus formularios o páginas de destino para recopilar datos, mostrar pruebas y captar prospectos — sin necesidad de programación.

Inserte widgets sin necesidad de programar

Agregue widgets de Jotform a su sitio web con un simple código de inserción. Personalice el widget, previsualice su aspecto y péguelo en cualquier página que admita HTML personalizado o bloques de inserción, todo sin un desarrollador.

Cree páginas más interactivas

Utilice los Widgets para Sitios Web de Jotform para captar prospectos, mostrar comentarios de clientes, presentar pruebas sociales, insertar medios o agregar herramientas útiles para páginas web. Cada widget ayuda a los visitantes a interactuar con su negocio directamente desde su sitio web.

Obtenga soporte cuando lo necesite

Si necesita ayuda para configurar, personalizar, insertar o solucionar problemas de su widget, el equipo de atención al cliente de Jotform está disponible las 24 horas, los 7 días de la semana. Puede avanzar con confianza, sabiendo que la ayuda está ahí cuando la necesita.

Convierta prospectos en clientes de pago con el Creador de Formularios de Jotform

Convierta la interacción en acción con Jotform. Cree formularios potentes que captan prospectos, recopilan pagos y automatizan respuestas, todo en un solo lugar. Cada envío llega a su Jotform Inbox, donde puede hacer seguimiento o conectar con sus aplicaciones favoritas.

Empiece — ¡Es gratis!
Convert leads into customers

Preguntas Frecuentes

  • ¿Qué es un widget de pestañas?

    Un widget de pestañas es una sección insertable que organiza el contenido relacionado de su sitio web detrás de pestañas en las que se puede hacer clic. Los visitantes pueden cambiar de tema sin salir de la página.

  • ¿Cuántas pestañas puedo agregar?

  • ¿Qué puedo agregar a cada pestaña?

  • ¿Qué diseños están disponibles?

  • ¿Puedo cambiar la primera pestaña que ven los visitantes?

  • ¿Cómo puedo personalizar el widget de pestañas?

  • ¿Puedo controlar el ancho del widget y la visibilidad en dispositivos?

  • ¿Necesito código para agregarlo a mi sitio web?