Cómo usar el widget de encabezado en 3Pod

En este artículo aprenderás a agregar, editar y personalizar el widget de encabezado en el constructor de 3Pod. Este componente es ideal para crear títulos o bloques de texto llamativos.

El widget de Encabezado sirve para añadir títulos y subtítulos llamativos a tu embudo, página o tienda. Es fundamental para captar la atención del visitante, guiar la lectura y destacar mensajes clave como promociones, beneficios o secciones principales.

🔧 Opciones del Panel “General”

Aquí puedes configurar el texto y su estilo visual:

✏️ Contenido

  • Puedes escribir el título directamente o usar el botón "Crear con IA" para generar una propuesta automática usando inteligencia artificial.

🖋️ Estilo de texto

  • Elige si será Título 1, Título 2, etc. Esto define su jerarquía visual y tamaño predeterminado.

  • Opción de “Restablecer estilo” para volver al diseño por defecto.

🅰️ Tipografía

  • Selecciona la fuente. Ejemplo: Montserrat, que es moderna y legible.

🔠 Tamaño

  • Ajusta el tamaño del texto en píxeles con un deslizador o valor numérico.

📏 Alineación

  • Elige entre alineado a la izquierda, centrado, justificado o a la derecha.

🧷 Estilos adicionales

Activa o desactiva:

  • Negrita (B)

  • Cursiva (I)

  • Subrayado (U)

  • Texto tachado (X²)

🎨 Colores

  • Color del texto: Puedes elegir el color que mejor combine con tu diseño (#HEX).

  • Resaltar texto: Añade color de fondo al texto (tipo marcador).

🧾 Espaciado

  • Interlineado: Ajusta el espacio entre líneas del título (1.0, 1.5, etc.)

  • Transformar texto: Convierte texto a mayúsculas, minúsculas o tipo oración.

🔗 Insertar enlace

  • Convierte el encabezado en un enlace clicable hacia otra sección o página externa.


⚙️ Panel “Avanzado”

Permite aplicar efectos adicionales:

Animación

  • Agrega una animación de entrada: deslizar, desvanecer, aparecer, etc.

📍 Posición

  • Ajusta el margen, padding o posición flotante del título dentro de la página.

🧩 CSS personalizado

  • Para usuarios avanzados, puedes aplicar estilos adicionales con código CSS.


🧠 Recomendaciones

  • Usa Título 1 para encabezados principales (portada o sección).

  • Usa Título 2 o 3 para subtítulos o encabezados secundarios.

  • Aprovecha la herramienta de IA para generar textos que conviertan.

  • Alinea con tu identidad visual (fuente + color) para mantener coherencia.


¿Te gustaría ver un video pasa a paso, explicando como usar esta herramienta? Míralo aquí.


Preguntas frecuentes

¿Puedo aplicar estilos globales automáticamente al encabezado? Sí. Si ya configuraste estilos globales, se aplicarán por defecto, pero puedes modificarlos en cada encabezado si lo necesitas.

¿La IA modifica el texto automáticamente? No. Tú decides cuándo aplicas una sugerencia de la IA. Siempre podrás editar manualmente.

¿Puedo usar varios encabezados en una misma página? Claro. Puedes añadir tantos encabezados como necesites en distintos bloques.

Última actualización