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: Sección de icono

iconos | textos | listas servicios

AnteriorWidget: IconoSiguienteWidget: Separador

Última actualización hace 13 días

Widget: Sección de icono

Este widget combina un icono con texto. El texto puede ser solo un título o un título acompañado de un texto. Todos los textos se modifican con el editor de textos que tiene por defecto el editor.

Elegir icono

Lo primero es elegir el icono. Puedes buscarlo con alguna palabra clave. Por ejemplo "arrow" si quieres un icono de un flecha.

El icono puede tener tres posiciones con respecto al texto:

  • A la izquierda del título, con la descripción debajo

  • Centrado encima de título y descripción

  • A la izquierda, con el título y la descripción sangrados

Otros ajustes de estilo (🖌️):

  • Mostrar descripción: si lo desmarcamos solo tendremos un título.

  • Color del icono: recomendamos seleccionar un color de nuestra paleta.

  • Color de fondo: se colorea todo el widget.

  • Tamaño del relleno: aumenta el padding del widget respecto a los elementos que tenga alrededor.

  • Sombra: puedes elegir sombra interna o externa. Esta configuración se repite en muchos widgets y en las columnas.

Estos iconos son de .

Formato de la seccion de icono
Font Awesome