Blog

Cómo añadir un enlace de YouTube en el footer de Divi (paso a paso)

Blog

Cómo añadir un enlace de YouTube en el footer de Divi (paso a paso)
Como añadir un enlace de Youtube en el footer de Divi
Como añadir un enlace de Youtube en el footer de Divi

Cómo añadir un enlace de YouTube en el footer de Divi (paso a paso)

¿Tienes un canal de YouTube y quieres darle más visibilidad desde tu web? Si usas el tema Divi, puedes añadir fácilmente un enlace a tu canal o a un vídeo específico en el pie de página (footer). En esta guía te mostramos paso a paso cómo añadir un enlace de YouTube en el footer de Divi, con distintos métodos para que elijas el que mejor se adapta a tu diseño y necesidades.


Más visibilidad para tu contenido

El footer aparece en todas las páginas del sitio, por lo que colocar ahí un enlace a tu canal garantiza exposición continua. Incluso si no todos los visitantes llegan al final de la página, quienes lo hacen suelen estar más interesados y receptivos a explorar más contenido.

Refuerza tu presencia de marca

Si en tu canal compartes vídeos de productos, tutoriales, casos de éxito o testimonios, enlazarlo desde tu web transmite coherencia, profesionalidad y mejora la experiencia de usuario. Además, ayuda a conectar tus diferentes canales digitales.


Método 1: Usar el personalizador de temas (área de widgets)

Este método es ideal si no estás usando el Divi Theme Builder y prefieres una solución rápida desde el panel de WordPress:

  1. En el escritorio de WordPress, ve a Apariencia > Personalizar > Widgets > Footer.
  2. Selecciona la zona del pie de página donde quieras colocar el enlace.
  3. Añade un widget de Texto o HTML personalizado.
  4. Pega este código, cambiando la URL por la de tu canal o vídeo:
YouTube

Puedes usar también solo texto o un icono, según tu preferencia. Si lo deseas, puedes añadir estilos CSS para adaptar el diseño al estilo del resto del sitio.


Método 2: Añadir el enlace con el Divi Theme Builder

Si estás usando el constructor de temas de Divi para personalizar el footer, tienes mucho más control visual:

  1. Ve a Divi > Theme Builder.
  2. Edita la plantilla del pie global o la de una página específica.
  3. Inserta un módulo de imagen, botón o icono:
    • En un botón, escribe algo como “Visita nuestro canal” y añade el enlace a YouTube en el campo correspondiente.
    • En un módulo de imagen, puedes subir el logo de YouTube y enlazarlo.
    • En un icono, selecciona uno relacionado con YouTube y configura su enlace.
  4. Guarda los cambios y publica el diseño.

Este método es el más flexible y visual. Además, puedes adaptarlo fácilmente a la versión móvil.

añadir un enlace de YouTube en el footer de Divi

Método 3: Añadir un icono personalizado con enlace a YouTube

Divi permite mostrar iconos de redes sociales en el footer, pero no siempre incluye YouTube por defecto. Para activarlo:

  1. Ve a Divi > Opciones del tema > General.
  2. Busca el campo URL de YouTube y pega ahí el enlace a tu canal.
  3. Asegúrate de que la opción Mostrar iconos sociales esté activada (en Divi > Opciones del tema > Diseño).

Divi usará el icono oficial de YouTube en el área de redes sociales. Si tu diseño es personalizado y no usas los iconos por defecto, puedes añadir uno manualmente desde el Theme Builder.

Por ejemplo, en un módulo de Blurb o Texto, puedes insertar un SVG del icono o usar la librería Font Awesome con este código:

YouTube

Recuerda que debes tener activada la carga de Font Awesome en tu web.


Buenas prácticas al enlazar a YouTube

Abrir en una nueva pestaña

Cuando enlaces a YouTube, haz que se abra en una nueva pestaña con el atributo target="_blank". Así, el usuario no abandonará tu sitio web y podrá seguir navegando después de ver tu contenido.

Añadir atributo “nofollow” si es necesario

Si estás cuidando el SEO de tu web, puedes añadir el atributo rel="nofollow" para indicar a los buscadores que no sigan ese enlace externo. Especialmente útil si enlazas a contenido ajeno o si lo haces por motivos promocionales.

Iconos o texto claros y visibles

Evita enlaces poco reconocibles. Si usas un icono, asegúrate de que sea reconocible, tenga suficiente contraste y esté bien alineado con el resto del footer. Si prefieres texto, que sea breve, directo y con una llamada a la acción clara: “Mira nuestros vídeos en YouTube”, por ejemplo.


Consejos finales y personalización

Adapta los colores a tu marca

Un detalle sencillo pero potente: personaliza el icono de YouTube con los colores de tu marca. Puedes hacerlo con CSS, cambiando el color de fondo, el borde o aplicando filtros a la imagen.

.icono-youtube { filter: grayscale(100%) brightness(0.8); }

Que sea responsive

Verifica cómo se ve el footer con el enlace desde móvil y tablet. Usa las opciones de vista previa en Divi y ajusta márgenes, tamaños de icono o alineación si es necesario. La experiencia móvil debe ser igual de intuitiva que en escritorio.

Coherencia visual

Si ya tienes enlaces a redes sociales como Instagram, Facebook o LinkedIn, el de YouTube debe mantener la misma estética: tamaño, estilo, colores o animaciones al pasar el cursor. Esto mejora la percepción profesional de tu sitio.


Añadir un enlace de YouTube en el footer de Divi, Conclusión

Añadir un enlace a tu canal de YouTube en el footer de Divi es una acción sencilla y muy efectiva para reforzar tu estrategia digital. Ya sea desde el personalizador de WordPress o a través del Theme Builder de Divi, puedes integrar este enlace de forma profesional y adaptada a tu diseño.

En Destaca Imagen ayudamos a usuarios de Divi como tú a personalizar cada rincón de su web sin complicaciones. Si buscas mejorar tu footer o integrar aún más funciones, descubre herramientas como Divi Instagram Footers, o nuestras plantillas premium, que te permiten tener un sitio con diseño profesional en minutos.

Añadir un enlace de YouTube en el footer de Divi | Destaca

Encuentra todo lo que necesitas para crear con Divi

Plugins Divi | Plantillas Divi | Layouts para Divi

En Destaca Imagen damos vida a tus ideas con Divi. Creamos plantillas y plugins para DIVI únicas que transforman tu web en una experiencia visual y funcional, totalmente adaptada a tus necesidades. Dale a tu proyecto el impulso que merece con diseños innovadores y 100 % personalizables.
¡El futuro de tu sitio web empieza aquí!

About Destaca Imagen

CHEMA & ANTO

We are brothers. As a designer and developer, we have decided have to join forces  to create plugins and themes for WordPress.

 

¡Apuntate a nuestra lista!

Los mejores trucos y tutoriales para Divi y WordPress en tu bandeja de entrada

Join our list!

The best tricks and tutorials about Divi in your inbox

También te podría gustar:

You may also like

Cómo Añadir Interactividad a Tu Sitio Web Divi con Efecto Flip CSS

Cómo Añadir Interactividad a Tu Sitio Web Divi con Efecto Flip CSS

Introducción al Efecto Flip CSS en Divi La interactividad es clave para captar y mantener la atención de los visitantes en tu sitio web. Una de las formas más efectivas de lograrlo es mediante el efecto Flip CSS, que transforma presentaciones estáticas en experiencias...

Cómo crear un footer en Divi paso a paso

Cómo crear un footer en Divi paso a paso

El pie de página, o "footer", de tu sitio web es una de las áreas más subestimadas, pero de las más importantes. Es el último lugar que ven los usuarios y suele contener información vital como enlaces de contacto, políticas de privacidad, y perfiles de redes sociales....

Cómo Crear un Child Theme en WordPress

Cómo Crear un Child Theme en WordPress

En el desarrollo de sitios web con WordPress, la personalización es clave para destacar y ofrecer una experiencia única a los usuarios. Sin embargo, modificar directamente un tema puede resultar problemático cuando se trata de actualizaciones. Aquí es donde entra en...

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¡Consigue 5€ gratis!

Regístrate y obtén un cupón descuento.

 Registrarme
Select currency
Euro
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Más información sobre nuestra política de cookies