Help Center > Editor V4 > Elements > Elemento de encabezado

Elemento de encabezado

Última actualización: septiembre 3, 2025

Esta publicación ha sido traducida mediante traducción automÔtica, por lo que puede haber ligeras inexactitudes o diferencias en la redacción en comparación con el original. Pedimos disculpas por cualquier inconveniente que esto pueda causar. Por favor, contÔctenos si necesita que aclaremos algo para usted.

Quién puede usar esta función:
Este artĆ­culo es para usuarios de Editor v4. Si estĆ” utilizando Editor v3, consulte el artĆ­culo correspondiente aquĆ­: Widget de encabezado

AƱadir y eliminar el elemento

Para acceder a un widget y usarlo:

  1. En el editor de Elementor, haga clic en +.
    Se muestran todos los elementos disponibles.

  2. Haga clic o arrastre el elemento al lienzo. Para obtener mÔs información, consulte Añadir elementos a una pÔgina.

Para eliminar el elemento:

  1. En el lienzo, seleccione el elemento haciendo clic en Ʃl.
  2. Pulse la tecla Suprimir en su teclado. Para obtener mÔs información, consulte Eliminar elementos de una pÔgina.

¿Qué es el widget de encabezado?

Los encabezados o títulos llaman la atención sobre las secciones mÔs importantes de su sitio. El widget de encabezado se utiliza para insertar y personalizar los encabezados de pÔgina sin utilizar ningún código.

Vea todas las opciones disponibles con el elemento de encabezado.

Caso de uso comĆŗn

Alex estƔ creando un sitio web para una panaderƭa. En la parte superior de la pƔgina de inicio, aƱade un encabezado destacado con el texto Horneando con amor y selecciona la etiqueta HTML <h1> para obtener beneficios de SEO. TambiƩn personaliza la tipografƭa para que el tƭtulo destaque, utilizando un estilo de fuente cƔlido y atractivo que se alinee con la identidad de marca de la panaderƭa.

Ejemplo

Casos de uso adicionales

  • TĆ­tulos y subtĆ­tulos de entradas de blog.
  • Crear encabezados de testimonios.
  • TĆ­tulos interactivos de llamada a la acción (CTA).

AƱadir un elemento de encabezado: paso a paso

En el ejemplo siguiente, crearemos un encabezado llamativo para una panaderĆ­a.

AƱadir un elemento de encabezado

Para aƱadir un elemento de encabezado:

  1. Añade el widget de encabezado al lienzo. Para obtener mÔs información, consulte Añade elementos a una pÔgina.
  2. En la pestaƱa General, debajo de Tƭtulo, aƱade el texto principal para tu encabezado.
  3. Para crear un encabezado en el que se pueda hacer clic, haga clic en el signo mƔs junto a Enlace.

  4. Introduzca el URL de destino al que quiere que vayan los visitantes en el campo Enlace.

  5. Utiliza el campo Etiqueta HTML para definir el tipo de etiqueta HTML para tu encabezado.
    En este caso, dejaremos el encabezado como un H2 para indicar su importancia.

  6. Haz clic en la pestaƱa Estilo.

  7. Abre la sección Diseño.

  8. El campo Alinear automĆ”ticamente le permite elegir dónde aparece su encabezado dentro del contenedor principal. Las opciones disponibles son Inicio, Centro, Fin y Estirar. Para obtener mĆ”s información sobre la sección DiseƱo, consulte PestaƱa Estilo – DiseƱo.
    En este caso, centraremos el encabezado.

  9. Abre el campo de tipografĆ­a para configurar el tamaƱo y el tipo de fuente. Para obtener mĆ”s información, consulta PestaƱa Estilo – TipografĆ­a.

    Aquƭ, le daremos al encabezado una fuente menos formal y mƔs grande.

Ajustes para el elemento de encabezado

Puede personalizar sus elementos utilizando contenido, estilo y otros parƔmetros avanzados, lo que le ofrece una gran flexibilidad para adaptarlos a sus necesidades. Haga clic en las pestaƱas siguientes para ver todos los ajustes disponibles para este elemento.

PestaƱa General

El texto que aparece en el encabezado.

Elija la etiqueta HTML para su encabezado. Etiquetar su elemento correctamente ayuda a los motores de bĆŗsqueda a entender su sitio y puede ayudar a SEO.

Haga clic en el signo mƔs para introducir un enlace. Los visitantes que hagan clic en el archivo Div Block abrirƔn el enlace.

Si añade un enlace, aparece la siguiente opción:

Abrir en una pestaƱa nueva: Si el Div Block contiene un enlace, actƭvelo si quiere que el enlace se abra en una pestaƱa nueva.

Le permite etiquetar elementos individuales en una pƔgina. De esta forma, puede enlazar a este elemento especƭfico.

PestaƱa Estilo

Vea los artĆ­culos individuales sobre las opciones de Estilo:

En esta pƔgina

Compartir este artĆ­culo

Hosted with