blog webempresa

Cómo añadir dos emails a la cabecera de Divi

por | Ago 16, 2022 | Tutoriales Divi

Cómo añadir dos emails a la cabecera de Divi

Divi dentro de sus opciones por defecto nos permiten añadir en el header top información de contacto para que nuestros usuarios puedan contactarnos de forma sencilla.

Esta opción se activa desde el apartado Apariencia > Personalizar > Elementos de cabecera

¿Pero qué pasaría si nuestra empresa maneja diferentes cuantas de correo y necesitamos añadir otra?, como intuición nosotros solo añadiríamos otro correo en la misma línea con un espacio.

Esto nos genera un error dentro de nuestra cabecera, ya que divi no permite añadir solo un email en este campo

Para solucionar este problema y poder añadir un nuevo correo en la cabecera de Divi necesitamos realizar las siguientes modificaciones en el código de la plantilla-

 (Tener en cuenta realizar esta modificación en un tema hijo si es posible) también puedes realizar las modificaciones en el archivo principal, solo ten en cuenta que estos cambios se pueden borrar al actualizar el tema.

Ingresa a tu cPanel > Administrador de archivos > public_html dentro de este ingresa a la carpeta donde tienes los archivos de tu sitio web y ubica la ruta /wp-content/themes/Divi y copia el archivo header.php en tu directorio del tema hijo.

Una vez tienes el archivo copiado dentro del directorio de tu tema hijo, ingresa a este (tema hijo) y editar el archivo header.php que copiaste

Dentro de este archivo encuentra la línea “et-secondary-menu” debajo de este añades el siguiente código

<div class="cta"> | <a href="segundoemai@webempresa.es">segundoemai@webempresa.es</a></div>

Luego solo guara los cambios. El siguiente paso es estilizar un poco la posición de este nuevo email para ello solo debes ingresar al apartado Apariencia -> Personalizar -> CSS adicional y dentro de este pega el siguiente código CSS

.cta {
margin-left: -38% !important;
position: absolute;
}

Guarda los cambios, con esto podremos añadir un segundo email dentro de la cabecera de nuestro sitio web.

¿Te ha resultado útil este artículo?

Video tutorial, paso a paso y demo del editor de contenidos

 

La verdad es que este creador de webs con IA me tiene algo enamorado, y aquí te envío un vídeo de cómo es “por dentro”, para terminar de convencerte y animarte a que lo utilices.

Durante el vídeo voy a:

  • Configurar la web desde cero, con el asistente (que hemos visto en el apartado anterior).
  • Añadir información sobre mi web (una web para un restaurante vegano en madrid, especializado en verduras de la huerta).
  • Ver el resultado y explorar las características principales de WeBuilder en cuanto a configuración y posibilidades generales.

Ten en cuenta que este vídeo no es un curso completo sobre la herramienta, es un recorrido por encima para que te hagas una idea de las posibilidades que tiene.

 

 

 

Conclusión

Crear una web con IA y WeBuilder te permite centrarte en tu negocio o tu pasión, dejando la parte técnica en manos de algoritmos inteligentes. Ahorro de tiempo, costes reducidos y resultados profesionales son solo el comienzo.

  1. Define tu proyecto y palabras clave.
  2. Deja que la IA genere la estructura y contenido.
  3. Personaliza el diseño y las funcionalidades.
  4. Publica y mantén tu sitio siempre optimizado.
  5. Delega la parte técnica y las dudas al equipo de soporte de Webempresa.

Prueba WeBuilder hoy mismo y lleva tu proyecto a un nivel que no pensabas alcanzable hasta antes de leer este artículo, y todo gracias a la potencia de la inteligencia artificial en Webempresa.

¡Espero de todo corazón que este artículo te haya servido para darte un empujoncito a llevar a cabo esa puesta a punto de tu web o prueba de concepto de tu proyecto, y nos vemos en el siguiente artículo!

Promo hosting Webempresa julio 2025