Multi Builder
Ir a la webPreciosAPI
  • Base de conocimientos
  • Plataforma
    • Ajustes
      • Sitemaps
      • Dominios
      • Idioma y hora
      • Título, Favicon, Imagen para compartir
      • Cookies y confidencialidad
      • Solicitud de datos del cliente
      • Administrador de archivos
      • Panel de control
      • Código personalizado
      • Personalización
      • Ajustes de SEO
    • Editor
      • Estilos globales
      • Imágenes
      • Footer o pie de página
      • Header
      • Estilos globales de textos
      • Paleta de colores
      • Diseño del sitio
      • Estilo de la página
      • Cómo añadir páginas y pop-ups
      • Tipos de vistas y vistas previas
    • Widgets
      • Básicos
        • Widgets: Texto y encabezado
        • Widget: Botón
        • Widget: Contenedor
        • Widget: Icono
        • Widget: Sección de icono
        • Widget: Separador
        • Widget: Espaciador
        • Widget: Acordeón
        • Widget: Upsell/Downsell
      • Contenidos multimedia
        • Widget: Imagen
        • Widget: Vídeo
        • Widget: Lista de vídeos
        • Widget: Audio
        • Widget: Galería
        • Widget: Slider
      • Generación de leads
        • Widget: Citas
        • Widget: Formulario
        • Widget: Cuestionario/Encuesta
      • Ventas
        • Widget: Módulo de pago
        • Widget: Tienda
        • Widget: Resumen del pedido
      • Comunidad
        • Widget: Círculo
        • Widget: Círculos
        • Widget: Área de comentarios
        • Widget: Debate
        • Widget: Reseñas
        • Widget: Muro/Foro
      • Otros
        • Widget: Donación
        • Widget: Redes sociales
        • Widget: Blog
        • Widget: Código
        • Widget: Cuenta atrás
        • Widget: Incrustar
        • Widget: Mapa
        • Widget: Menú
        • Widget: Portafolio
        • Widget: Barra de progreso
        • Widget: Buscar
        • Widget: Inicio de sesión/Registro de miembros
    • Embudos
      • Introducción
      • Ajustes del embudo
      • Upsells y downsells
      • Pasos del embudo
      • Prueba A/B (A/B testing)
      • Embudo dentro de una web
      • Ofertas bump
      • Estadísticas en embudos
      • Generador de enlaces de seguimiento
    • CRM
      • CRM (Conceptos básicos)
      • Etiquetas
      • Propiedades
      • Miembros
      • Mensajes y formularios
      • Ficha del contacto
      • Segmentos
    • Tienda online
      • Conceptos básicos
      • Ajustes de tu tienda
      • Productos
      • Gastos de envío
      • Impuestos
      • Formas de pago
      • Descuentos y ofertas
      • Página del producto
      • Página del catálogo de productos
      • Carrito
    • Portfolios
      • Cómo crear un portfolio
    • E-mails
      • Campañas de e-mail
      • Automatizaciones
      • Segmentos
      • Autorización para el envío de e-mails
      • Doble opt-in
      • Cómo verificar tu dominio
      • Plantillas de e-mail
      • Editor de e-mails y bloques
      • Listas y suscriptores
    • Calendario de citas
      • Agenda de citas (I): Introducción
      • Agenda de citas (II): Cómo crear un Operador
      • Agenda de citas (III): Cómo crear un Servicio
      • Agenda de citas (IV): Cómo crear un Evento
      • Widget: Citas
  • E-mails del sistema
    • Confirmación doble opt-in
    • Productos digitales de descarga
    • Pedido completado
    • Recordatorio de cita
    • Registro de miembro aprobado
    • Recuperación de contraseña de miembro
    • Nuevo pedido
    • Pedido cancelado
    • Pedido enviado
    • Mención en la Comunidad
    • Respuesta en la Comunidad
    • Nueva cita
    • No se pudo renovar suscripción
  • Comunidad
    • Ajustes de la Comunidad
    • Panel de control
    • Moderación
    • Roles de la Comunidad
    • Widgets: Comunidad
  • Círculos
    • Ajustes del círculo
    • Estilos del círculo
    • Páginas
    • Grupos
    • Niveles de acceso
    • Disponibilidad del contenido
    • Analíticas e interacción
  • LMS
  • Blogs
    • Cómo crear un blog
    • Widget: Blog
    • Página de presentación del blog
    • Artículos del blog
  • DISEÑOS DE EMBUDOS
    • Tipos de embudos
      • Generación de leads
      • Embudo para un webinario
      • Embudo "hero"
  • Integraciones internas
    • Twilio
    • E-mail marketing
  • Integraciones externas
    • Make
  • Zapier
  • Usuarios avanzados
    • Modificaciones con CSS
      • Galería de imágenes en móvil
      • Scroll to Top
      • Posición del menú en móvil
      • Menú móvil a pantalla completa
      • Menú desplegable en móvil
      • Cómo mejorar textos en móvil
      • Efecto de scroll sobre una imagen
      • Insignias de Moderador y Admistrador
    • Modificaciones con CCS y JS
      • Widget de Sección de icono con efecto hover
      • Icono o botón en móviles
      • Barra fija de llamada a la acción
      • Widget de Sección de icono con tooltip
    • Modificaciones con JS
      • Añadir descripciones a formas de pago
  • Otros
    • Preguntas frecuentes
    • Glosario
      • Administrador
      • Agenda
      • Automatización
      • Campaña
      • Carrito abandonado
      • Contacto
      • CSS
      • Dominio
      • Downsell
      • E-mail marketing
      • Embudos
      • Encuesta (o Cuestionario)
      • Etiquetas
      • Formulario
      • Grupo de miembros
      • JavaScript
      • Lista
      • Membresía
      • Miembro
      • Mensaje
      • Oferta bump
      • Operador
      • Página del sistema
      • Pedido
      • Portafolio (o Portfolio)
      • Producto
      • Propiedad
      • Proyecto
      • Segmento
      • Sitio web
      • Subdominio
      • Suscriptor
      • Suscripción
      • Widget
      • Upsell
Con tecnología de GitBook
En esta página
  1. Plataforma
  2. Widgets
  3. Básicos

Widget: Acordeón

contenido | FAQ | textos

AnteriorWidget: EspaciadorSiguienteWidget: Upsell/Downsell

Última actualización hace 13 días

Widget: Acordeón

Este es un widget de texto y lo encontramos en el apartado de Básicos.

Donde más se usa es para publicar FAQs (Preguntas más frecuentes), pero puede servir para publicar características de un producto (dentro de una ficha de producto) o para crear un menú (en una barra lateral, por ejemplo).

Cada elemento del acordeón tiene tres partes: el título, el contenido y la llamada a la acción.

Cuando añadimos un acordeón a un bloque, por defecto aparecen tres pestañas de contenido. Podemos añadir más haciendo clic en Añadir pestaña.

Dentro de cada pestaña tenemos:

  • El título de la sección. En el caso de las preguntas frecuentes escribimos la pregunta o duda que queremos resolver.

  • El párrafo de texto, donde redactamos la respuesta en detalle. En esta parte también podemos organizar el texto en títulos y párrafos.

  • Un botón de llamada a la acción que en realidad tiene forma de texto con una flechita. De esta forma tenemos más opciones para guiar al usuario y ampliarle la información dirigiéndole a otro contenido. Podemos modificar el texto de esta llamada a la acción en Estilo.

Dentro Ajustes vemos varios iconos:

  • El símbolo junto al título permite desplazar arriba y abajo la posición de la pestaña

  • Con la ruedecita entramos a editar los textos

  • Justo al lado vemos un icono para duplicar la pestaña y no tener que escribir todo desde cero

  • Por último vemos el símbolo para eliminar toda la pestaña

Dentro de Estilos tenemos varias opciones:

  • Estilo del acordeón: en cada estilo elegimos el símbolo que abre y cierra la pestaña (puede ser un signo de +, una flecha o sin nada)

  • Fuente del título: seleccionamos la tipografía de los títulos de todas las pestañas

  • Tamaño de la fuente de todos los títulos.

  • Color del título y color del fondo donde aparece el título

  • Color de fondo del área que se abre con el texto más largo. El formato de esos textos lo modificamos directamente con el editor cuando los redactamos.

Igual que en otros widgets, existe la opción de animar la entrada del acordeón con movimientos o de retrasar su aparición.

Ejemplo de un acordeón:

Ajustes de las pestañas
Ajustes y estilos del acordeón