Instagram se ha convertido en una herramienta esencial para muchas marcas, y mostrar tus publicaciones en tu página web puede mejorar tanto la estética como la interacción con tus visitantes. En este tutorial, te explicaremos cómo insertar tus publicaciones de Instagram en Divi utilizando el potente plugin Smash Balloon Social Photo Feed, y también veremos cómo integrar el footer de Instagram de Destaca para darle un toque especial a tu sitio web.
Contenido
¿Por qué mostrar tu feed de Instagram en Divi?
Exponer tu feed de Instagram en tu página web no solo agrega contenido visualmente atractivo, sino que también fomenta la interacción social y el crecimiento de tus seguidores. Divi, en combinación con el plugin Smash Balloon, permite una integración limpia y completamente personalizable, que se adapta perfectamente al diseño de tu sitio web.
Paso 1: Instalar y activar Smash Balloon
El primer paso es obtener el plugin Smash Balloon Social Photo Feed, que puedes adquirirlo gratis en su web oficial o en el repositorio de plugins de WordPress.
- Adquiere el plugin desde el sitio web de Smash Balloon
- Instala el plugin accediendo a tu panel de WordPress > Plugins > Añadir nuevo > Subir plugin.
- Activa el plugin desde el panel de administración una vez que haya sido subido correctamente.
Paso 2: Conectar tu cuenta de Instagram
Una vez que el plugin está instalado, es momento de conectarlo con tu cuenta de Instagram.
- Ve a Instagram Feed en el menú lateral de WordPress.
- Haz clic en Conectar una cuenta y sigue los pasos para autorizar la conexión entre tu sitio web y tu cuenta de Instagram.
- Una vez que tu cuenta esté conectada, podrás configurar los detalles del feed, como la cantidad de publicaciones a mostrar, el diseño y el estilo.
Paso 3: Configurar el diseño de tu feed
Smash Balloon ofrece varias opciones de personalización que te permiten ajustar el aspecto de tu feed de Instagram para que coincida con la estética de tu sitio web.
- Diseño de cuadrícula: Perfecto para mostrar varias imágenes de forma organizada.
- Diseño de carrusel: Ideal para mostrar una serie de imágenes desplazables. Esa opción sólo está disponible con la versión de pago del plugin.
- Diseño de columna única: Una opción más simple y elegante si quieres destacar cada imagen individualmente.
Puedes ajustar los colores, fuentes y tamaños para asegurarte de que se integre perfectamente en el diseño de tu sitio web Divi.
Paso 4: Insertar el feed en tu página Divi
Ahora que has configurado tu feed, es momento de añadirlo a tu página utilizando Divi.
- Abre la página donde deseas mostrar tu feed y selecciona Usar el Constructor Visual de Divi.
- Añade una nueva Sección o Fila en el lugar donde quieres que aparezca el feed.
- Utiliza el módulo Código de Divi para pegar el shortcode proporcionado por Smash Balloon. Este shortcode se puede encontrar en tu backoffice Feed / All Feeds.
[instagram-feed]
Este es el shortcode básico para insertar tu feed de Instagram. Si necesitas personalizar más el feed (cantidad de columnas, número de imágenes, etc.), puedes ajustar los parámetros en el shortcode. En este vídeo verás como lo insertamos en el footer global de la web pero podríamos insertarlo en cualquier página siguiendo el ejemplo del vídeo.
Paso 5: Integrar el footer de Instagram con Divi Instagram Footers
Para darle un toque adicional a tu sitio web, puedes integrar el footer de Instagram de Destaca, que te permite mostrar tu feed de Instagram en el pie de página de manera elegante.
- Adquiere y descarga el paquete de Divi Instagram Footers desde Destaca.
- Importa el archivo de diseño de los footers a tu Divi Theme Builder.
- Añade el módulo “Instagram Footers” al footer global o a un footer específico en el Theme Builder.
- Conecta tu feed de Instagram al diseño importado y personaliza el estilo utilizando las opciones de Divi.
Este tipo de integración es perfecto para aquellos sitios web que desean mantener una presencia constante de Instagram, pero sin ocupar demasiado espacio en las páginas principales.
Conclusión
Insertar tus publicaciones de Instagram en tu página web con Divi y Smash Balloon es un proceso sencillo que puede mejorar enormemente la experiencia de usuario y la presencia visual de tu marca. Con herramientas como Smash Balloon y el footer de Instagram de Destaca, puedes mostrar tu contenido de forma profesional y completamente personalizada, asegurando que tu sitio web esté siempre actualizado y en sintonía con tus redes sociales.
Footer de Instagram | Destaca Imagen Plugins y plantillas para Divi
0 comentarios