¿Te preguntas cómo puedes mostrar rápidamente tu feed de Instagram en tu sitio web Elementor?
Añadir tu feed de Instagram es una forma fantástica de mantener tu sitio web actualizado, conseguir más interacción y animar a los visitantes a seguirte en Instagram.
Con un alcance orgánico en Instagram cada vez más difícil de mantener, compartir tus publicaciones en tu sitio web te ayuda a conectar con un público más amplio.
Pero conseguir que tu feed de Instagram aparezca perfectamente en Elementor utilizando los métodos habituales puede ser confuso y llevar mucho tiempo. Especialmente si no estás familiarizado con el código o los widgets.
Recuerdo la primera vez que intenté integrar mi feed de Instagram con Elementor. Como era un novato en WordPress, me resultó difícil.
Con años de experiencia en Smash Balloon como vendedor digital ayudando a los usuarios a mostrar maravillosamente los feeds de Instagram en sus sitios, he encontrado lo que realmente funciona.
En este artículo, te guiaré a través de los pasos exactos que utilizo para añadir mi feed de Instagram a Elementor en menos de cinco minutos. Sí, incluso si eres nuevo en el proceso o no eres un experto en tecnología.
En este artículo
¿Cuál es la forma más fácil de añadir feeds de Instagram a Elementor?
De todas las opciones, me decidí por Instagram Feed Pro para esta guía, ya que es muy fácil de usar.
No tienes que lidiar con complejos códigos de incrustación o una larga configuración. En cuestión de minutos, puedes crear un hermoso feed de Instagram y añadirlo a tu sitio Elementor.
De hecho, hay algunas características que hacen que esta herramienta destaque sobre la competencia.
- Fácil y rápida configuración: Configuración de Instagram Feed Pro sólo toma unos minutos sin necesidad de codificación.
- Muchos tipos de Feed: Instagram Feed Pro te da diferentes tipos de feeds para elegir. Puede mostrar hashtag feeds, Instagram carretes, shoppable Instagram feeds y más.
- Feeds comprables: En lugar de un simple enlace en la biografía, puede crear feeds de Instagram shoppable y vincular sus productos a las publicaciones de Instagram y ofrecer a sus visitantes una experiencia de compra sin problemas.
- Se adapta a su marca: Además, todos los feeds que hagas con este plugin copiarán automáticamente el aspecto de tu sitio web. Obtendrás feeds de Instagram que se adaptan perfectamente a tu marca y al tema de WordPress, sin ningún esfuerzo adicional.
- Responsive Instagram Feeds: Este plugin de Instagram para WordPress crea automáticamente feeds de Instagram responsive. Esto significa que sus feeds se ven muy bien y funcionan bien en cualquier tamaño de pantalla y dispositivo.
Lo que más aprecio de este mejor plugin de WordPress para feeds de Instagram es su personalizador visual de feeds, que te permite controlar tanto el diseño como el contenido de tu feed de Instagram con unos simples clics.
Además, la herramienta es bastante ligera, así que pude añadir un montón de fotos y vídeos a Elementor y el sitio fue tan rápido como siempre.
Como un bono, los otros usuarios parecen estar contentos con el plugin también. Instagram Feed Pro tiene una calificación de 4.9/5 estrellas de más de 1 millón de usuarios.
Pro-tip: ¿Quieres mostrar el contenido de Instagram en Divi en su lugar? Aquí es cómo usted puede incrustar Instagram alimenta en su sitio web Divi.
¿Listo para probarlo? Puedes empezar a utilizar Instagram Feed Pro aquí.
Cómo añadir un feed de Instagram a Elementor (paso a paso)
Añadir un feed de Instagram de Elementor es en realidad bastante fácil. Vamos a ir a través de los 5 sencillos pasos para hacerlo a continuación.
Paso 1: Instalar y activar el plugin Instagram Feed Pro
Para empezar, puede obtener su copia de Instagram Feed Pro aquí. A continuación, sólo tiene que instalar y activar el plugin en su sitio web.
Si quieres ver cómo se hace, puedes consultar nuestra guía sobre cómo instalar plugins de WordPress.
Paso 2: Crear un nuevo feed de Instagram Elementor
Después de instalar y activar el plugin, ya puedes utilizar Instagram Feed Pro para crear tu nuevo feed.
En primer lugar, ve al menú Instagram Feed " All Feeds desde el panel de control de WordPress.
Ahora haz clic en el botón Añadir nuevo para empezar.
En la página siguiente, puedes seleccionar el tipo de feed de Instagram que deseas entre estas 3 opciones:
- Línea de tiempo del usuario: Muestra tus propias publicaciones de Instagram
- Hashtag público: Mostrar fotos y vídeos de Instagram que tengan hashtags específicos.
- Publicaciones etiquetadas: Incrusta publicaciones que hayan etiquetado tu cuenta de Instagram.
¿Quieres combinar diferentes tipos de feeds de Instagram en uno solo? Solo tienes que seleccionar varias opciones aquí.
Por último, haz clic en el botón Siguiente una vez que hayas elegido el tipo de feed de Instagram,
En este tutorial Elementor Instagram feed, voy a utilizar una línea de tiempo de alimentación de usuario. Al seleccionar este tipo de feed, Instagram Feed Pro mostrará las publicaciones de tu propio perfil de Instagram.
Paso 3: Conecta tu feed de Instagram de Elementor a Instagram
En este paso, puedes conectar el nuevo feed a tu cuenta de Instagram para que pueda mostrar fotos y vídeos de Instagram en tu sitio web.
Para empezar, haga clic aquí en el botón Añadir fuente.
Ahora, puedes conectar la cuenta de Instagram de tu empresa o creador a tu sitio web.
En caso de que aún no tengas una, echa un vistazo a esta guía sobre cómo convertirla en una cuenta de Instagram para empresas.
Una vez que su cuenta esté lista, podrá elegir entre 2 tipos de conexiones:
- Business Basic: Puedes mostrar contenido de tu perfil de Instagram para conseguir engagement y seguidores.
- Negocios avanzados: Encima de tus publicaciones, puedes mostrar feeds de hashtags, Instagram Reels, feeds shoppable y mucho más.
Una vez elegida la opción que prefieras, haz clic en Conectar.
Para esta guía, seleccionaré el tipo Business Basic .
A continuación, haz clic en Conectar con la cuenta de Instagram.
A continuación, puedes dar al plugin acceso de sólo lectura a tu cuenta de Instagram.
Esto significa que Instagram Feed Pro sólo puede ver tu contenido y no puede cambiar nada, por lo que este plugin Smash Balloon es completamente seguro. Así que haga clic en Permitir para dar el acceso de sólo lectura.
Y una vez hecho esto, por fin puedes hacer clic en Siguiente para terminar de conectar tu feed a Instagram.
¿Ves lo fácil que ha sido? Ni siquiera has tenido que crear manualmente un token de acceso a Instagram. Solo has necesitado unos clics y tu cuenta de Instagram ya está conectada a tu feed.
Paso 4: Personaliza tu feed de Instagram con Elementor
Una vez que hayas conectado tu cuenta, puedes seguir adelante y empezar a personalizar tu feed.
El plugin abrirá ahora el editor de feeds en vivo, donde podrás configurar el diseño de tu feed, la combinación de colores, el diseño de la entrada, el estilo de la cabecera, los botones, el espaciado y más opciones de estilo en la parte izquierda.
A la derecha podrás ver una vista previa en directo del aspecto de tu feed de Instagram.
En primer lugar, selecciona la opción Diseño de la fuente de la izquierda para empezar a cambiar el diseño de tu fuente de Instagram.
Con Instagram Feed Pro, usted tiene 4 opciones de diseño diferentes aquí: Grid, Carousel, Masonry y Highlight.
Si quieres mostrar muchas imágenes de Instagram al mismo tiempo en filas y columnas, prueba la opción de cuadrícula .
Suelo utilizar el diseño de cuadrícula para mi feed de Instagram, ya que encuentro que esto le da a mi contenido de Instagram un aspecto limpio y uniforme.
¿Quieres una forma dinámica de mostrar tus publicaciones de Instagram? Puedes probar a utilizar un diseño de carrusel de Instagram para mostrar fotos y vídeos.
También tienes el diseño de mampostería , que puede mostrar fotos y vídeos de tu galería de Instagram en diferentes columnas manteniendo sus proporciones originales.
Por último, está la opción de resaltar , que centrará más la atención en tus publicaciones eliminando los "me gusta", los comentarios y los pies de foto.
De hecho, este diseño multiplica por 4 el tamaño de determinadas fotos y vídeos .
Tras seleccionar el diseño de feed de Instagram que más te guste, haz clic en Guardar cambios.
Ahora busque el pequeño botón Personalizar en la parte superior y haga clic en él para volver a las opciones de personalización principales.
Ahora haz clic en la opción Combinación de colores de la izquierda para cambiar los colores de tu feed de Instagram.
Ahora puedes elegir entre 4 esquemas de color diferentes para tu nuevo feed de Instagram aquí:
- Heredar del tema: Fácilmente los colores del tema de su sitio web.
- Claro: Muestra un fondo claro junto con una fuente oscura
- Oscuro: Elige un color oscuro para el fondo y una fuente de color claro.
- Personalizado: Elige todos los colores de tu feed de Instagram
Sólo tienes que elegir tu combinación de colores entre las opciones y hacer clic en Guardar para conservar los cambios.
Después, puedes personalizar el diseño de la cabecera, el estilo de la publicación, el botón de cargar más, el diseño del lightbox y mucho más con el editor de feeds en vivo de Instagram Feed Pro.
Por último, haz clic en Guardar para confirmar los cambios tras personalizar el resto de tu feed de Instagram.
Como puedes ver, la personalización es bastante fácil con Instagram Feed Pro. Por lo tanto, usted puede tener feeds que se ven de la manera que desee sin ningún tipo de codificación compleja necesaria.
Paso 5: Añade tu feed de Instagram a Elementor
Una vez que hayas terminado de personalizar, es hora de añadir tu feed de Instagram a Elementor.
Con Instagram Feed Pro, es fácil mostrar tu feed de Instagram en cualquier página de Elementor, como la página Coming Soon, la página Optin, la página de ventas y mucho más.
Para empezar, vaya al menú Páginas " Añadir nueva desde su panel de control para crear una nueva página de WordPress.
Después, haz clic en el botón Editar con Elementor de la parte superior.
También puedes utilizar una entrada de WordPress. Para ello, ve a Entradas " Añadir nueva desde tu panel de control y selecciona Editar con Elementor.
Para este ejemplo, utilizaremos una página de WordPress.
Hacia la derecha del editor de Elementor, puedes ver una vista previa en vivo de tu página web. Y a la izquierda, puedes encontrar todos los widgets de Elementor que puedes añadir a tu página.
Para el siguiente paso, sólo tienes que ir al campo de búsqueda de la izquierda y escribir "instagram " .
Y debajo, deberías ver el widget de Instagram Feed en los resultados de búsqueda.
Ahora todo lo que tienes que hacer es arrastrar el widget y soltarlo a la derecha.
Ahora puedes ver la configuración del widget de feed de Instagram en el editor.
Aquí, utiliza el menú desplegable para seleccionar el feed de Instagram que creaste anteriormente.
Por último, haz clic en el botón Publicar para terminar.
Ya has añadido tu feed de Instagram a Elementor. Comprueba cómo queda en tu sitio web.
¡Y ya está!
Como puedes ver, es bastante fácil añadir tu widget de feed de Instagram a Elementor. Con el plugin Instagram Feed Pro, todo lo que necesitas son unos simples clics, sin necesidad de tocar ni una sola línea de código.
Y ahora, puede hacerlo para su sitio web y crear páginas atractivas para aumentar la conversión y conseguir más ventas.
¿Por qué añadir tu feed de Instagram a Elementor?
Elementor es un popular plugin constructor de páginas de aterrizaje para WordPress.
Con su sencillo editor, puedes crear páginas web como páginas 404, páginas de modo de mantenimiento, páginas de ventas y otras páginas de aterrizaje, para que puedas atraer a tu audiencia aunque seas un nuevo propietario de un sitio WordPress.
Y también puedes añadir feeds de Instagram a tus páginas de Elementor para mejorarlas. Así conseguirás más seguidores de Instagram, conversiones y ventas para tu negocio.
Aquí tienes algunas razones por las que deberías añadir un feed de Instagram a tu página de Elementor:
- Puedes mostrar reseñas y testimonios de Instagram en tu sitio de comercio electrónico. Cuando la gente ve que otros disfrutan de tus productos, funciona como prueba social y es más probable que te compren.
- Al añadir un feed de tu perfil de Instagram a WooCommerce, puedes mostrar imágenes relevantes y vídeos completos en tu sitio web. Así, puedes hacer que tus páginas sean más atractivas incluso sin subir estas imágenes y vídeos a tu sitio web.
- Incrustar tus propias publicaciones de Instagram en tu sitio significa que más personas pueden verlas. Y eso puede conseguirte más seguidores de Instagram.
- Los feeds de Instagram también pueden ofrecer a tus visitantes una increíble experiencia de compra online. Puedes añadir feeds de Instagram shoppable a tu sitio web y vender directamente tus productos.
Como puedes ver, los feeds de Instagram de Elementor pueden ayudarte a promocionar tu negocio y conseguir más ventas de muchas maneras.
¿Quieres incrustar feeds de Instagram en tu sitio Elementor? ¡Consigue Instagram Feed Pro hoy mismo!
¿Tienes reels? Aquí tienes un útil post sobre cómo conseguir más visualizaciones en tus reels de Instagram.
Artículos populares sobre cómo añadir fuentes sociales a Elementor
- Cómo incrustar listas de reproducción de YouTube en Elementor (la mejor manera)
- Cómo añadir tu feed de Twitter a Elementor
- Cómo añadir una galería de vídeos de YouTube para Elementor
- Cómo añadir reseñas de Tripadvisor a Elementor
- Cómo añadir feeds de redes sociales a Elementor [Para novatos].
