¿Buscas una forma sencilla de mostrar widgets de Instagram en tu sitio web?
Con los widgets de Instagram, puedes convertir fácilmente a los visitantes de tu sitio web en nuevos seguidores, «Me gusta» y comentarios. Al mismo tiempo, puedes mostrar contenido atractivo y mantener el interés de los usuarios.
Pero añadir manualmente widgets de Instagram a las páginas web puede resultar complicado si acabas de empezar.
¿La buena noticia? Te vamos a enseñar la forma más sencilla de vincular Instagram con un widget de WordPress y mostrar fotos y vídeos atractivos.
Para empezar, veamos las ventajas que te ofrece añadir widgets de Instagram a tu sitio web.
O bien, puedes hacer clic aquí para pasar directamente al tutorial.
¿Por qué añadir widgets de Instagram a tu sitio web?
Instagram es una de las redes sociales más importantes que existen y una plataforma fantástica para compartir fotos y vídeos.
Con más de 1.440 millones de usuarios activos, en esta plataforma puedes encontrar muchísimos clientes potenciales.
Si quieres aumentar tu número de seguidores en Instagram y llegar a más gente, una solución sencilla es mostrar widgets de Instagram en tu página web.
De esta forma, cualquier persona que visite tu sitio web podrá ver fácilmente tu contenido de Instagram. Así podrás conseguir montones de «me gusta», comentarios y seguidores sin ningún problema.
Además, también puedes añadir widgets de Instagram a tu sitio web para:
- Demuéstrales a los visitantes que estás activo en Instagram; así será más probable que te envíen un mensaje si quieren ponerse en contacto contigo.
- Incluye reseñas y testimonios en las páginas de tus productos para convertir a los visitantes en clientes.
- Publica fotos y vídeos atractivos para que los usuarios permanezcan en tu sitio web durante mucho más tiempo.
- Añade un feed de Instagram con función de compra para que los visitantes disfruten de una mejor experiencia a la hora de comprar productos en tu sitio web.
- Añade contenido rico en palabras clave de Instagram para mejorar tu posicionamiento SEO y aparecer en los primeros puestos de los resultados de los motores de búsqueda.
Y eso es solo el principio. Los widgets de Instagram pueden ayudarte a aumentar tu número de seguidores en las redes sociales, conseguir más ventas y hacer crecer tu negocio con facilidad.
Dicho esto, veamos la forma más sencilla de insertar un widget de Instagram.
La forma más fácil de añadir un widget de Instagram a tu sitio web
Si quieres integrar Instagram con WordPress, hay dos formas de hacerlo:
- Método manual: Obtén el código HTML de incrustación de cada publicación de Instagram y, a continuación, insértalo manualmente en tu sitio web
- La forma más fácil: utiliza un plugin de WordPress para integrar automáticamente un feed de Instagram en tu sitio web, sin necesidad de programar.
Con el primer método, tendrás que lidiar con mucho código, y puede llevarte bastante tiempo si quieres mostrar muchas publicaciones de Instagram.
Si integras Instagram en WordPress sin plugins, tendrás que modificar este código para cambiar el aspecto del widget en tu sitio web.
Como resultado, podrías acabar con un widget de Instagram que no encaja en absoluto con tu imagen de marca.
¿La buena noticia? Solo tienes que utilizar un complemento de feed de Instagram para tu sitio web y crear fácilmente un widget para mostrar fotos y vídeos de Instagram.
Y la mejor opción que puedes encontrar es el plugin Instagram Feed Pro.
Con este sencillo complemento, solo tienes que seguir un proceso paso a paso para crear, personalizar e incorporar widgets de Instagram a tu sitio web.
Puedes utilizar los widgets de Instagram para mostrar tu propio contenido de Instagram, publicaciones con hashtags específicos, historias de Instagram y menciones a tu marca.
Además, todos los widgets de Instagram que crees adoptarán automáticamente el diseño de tu sitio web y encajarán a la perfección con tu imagen de marca.
Además, puedes utilizar el configurador de feeds en directo para personalizar fácilmente los widgets de tu feed de Instagram, sin necesidad de saber programar.
Solo necesitas unos pocos clics para cambiar el diseño de tu feed, la combinación de colores, el diseño del encabezado, el estilo de los botones y mucho más.
De este modo, podrás captar la atención de los visitantes de tu sitio web con contenido generado por los usuarios (UGC) relevante y pruebas sociales de Instagram.
Además, el plugin es ultrarrápido, por lo que puedes incrustar todo el contenido de Instagram que quieras y tu sitio web seguirá cargándose tan rápido como siempre.
Instagram Feed Pro cuenta además con un equipo de atención al cliente formado por expertos en WordPress que siempre están dispuestos a echarte una mano.
Con todas estas fantásticas funciones, este plugin es el mejor plugin de feed de Instagram del mercado, con una valoración de 4,9/5 estrellas y más de un millón de usuarios.
En definitiva, es sin duda el mejor plugin de widgets de Instagram del mercado.
¿Listo para añadir widgets de Instagram a tu sitio web? Consigue Instagram Feed Pro hoy mismo.
Dicho esto, veamos cómo puedes utilizar este plugin para añadir widgets de Instagram a tu sitio de WordPress.
Cómo añadir widgets de Instagram a tu sitio web
¿Estás listo para añadir un widget de Instagram a tu sitio de WordPress? Solo tienes que seguir los pasos que se indican a continuación para empezar:
Paso 1: Instalar el plugin Instagram Feed
Para empezar, descarga el plugin Instagram Feed Pro y guárdalo en tu ordenador. A continuación, solo tienes que instalar y activar este plugin de WordPress en tu sitio web.
Si necesitas un repaso sobre esto, echa un vistazo a nuestra guía sobre cómo instalar un plugin de WordPress.
Una vez hecho esto, ya puedes crear tu widget de Instagram en el paso 2.
Paso 2: Crea tu widget de Instagram
Ahora que tu plugin está listo, puedes utilizarlo para crear un widget de Instagram.
Desde el panel de control de WordPress, ve al menú «Feed de Instagram» » «Todos los feeds» y, a continuación, haz clic en el botón «Añadir nuevo».
Una vez hecho esto, puedes elegir el tipo de widget de Instagram que deseas insertar:
- Cronología del usuario: Mostrar las publicaciones de tu cuenta de Instagram
- Hashtag público: elige hashtags concretos e integra las publicaciones de Instagram que contengan ese hashtag
- Publicaciones etiquetadas: Mostrar publicaciones de Instagram que mencionen tu cuenta
¿Quieres combinar diferentes tipos de widgets de Instagram? Solo tienes que seleccionar más de una opción aquí.
Una vez que hayas elegido la opción que prefieras, solo tienes que hacer clic en «Siguiente» para continuar.
En este tutorial, mostraremos la biografía de un usuario mediante nuestro widget de Instagram.
Como puedes ver, este complemento te permite crear widgets de Instagram fácilmente con solo unos clics.
En el siguiente paso, puedes vincular este widget a tu cuenta de Instagram.
Paso 3: Conecta tu cuenta de Instagram
Al vincular tu cuenta de Instagram, tu widget podrá mostrar fotos y vídeos de Instagram en tu sitio web.
Para empezar, haz clic en el botón «Añadir fuente » de la página.
A continuación, puedes elegir entre vincular un perfil personal o de empresa de Instagram a este widget de Instagram.
Si eliges un perfil personal, tu widget de Instagram solo podrá mostrar publicaciones de tu propia cuenta.
Por otro lado, puedes utilizar una cuenta empresarial para integrar feeds de hashtags, feeds de vídeos de IGTV, feeds de menciones y mucho más.
Selecciona la opción que prefieras en elapartado «Seleccionar tipo de cuenta» y, a continuación, haz clic en el botón «Iniciar sesión con Instagram» que aparece más abajo.
Para conectar tu cuenta, solo tienes que conceder acceso de solo lectura al plugin Instagram Feed Pro. De este modo, el plugin podrá utilizar ese acceso para consultar la información de Instagram, pero no podrá realizar ningún cambio.
Solo tienes que hacer clic en el botón «Permitir»de la ventana emergente para continuar.
Al hacerlo, volverás a tu sitio de WordPress para que puedas confirmar esta cuenta como fuente de tu widget de Instagram.
Para ello, solo tienes que hacer clic en el botón «Siguiente ».
A partir de ahí, solo tienes que seleccionar esta cuenta como fuente cada vez que crees un nuevo widget de Instagram.
Con esto, ya puedes pasar al siguiente paso y personalizar el aspecto de tu widget del feed de Instagram.
Paso 4: Personaliza tu widget de Instagram
Para ayudarte a cambiar fácilmente el diseño de tu widget de Instagram, el complemento incluye un configurador de feeds en tiempo real.
A la izquierda, puedes ver el panel de personalización con las opciones para cambiar la combinación de colores, el diseño del feed, el estilo del encabezado, los elementos de las entradas, las opciones de la ventana emergente y mucho más.
A la derecha, puedes ver una vista previa en directo de tu widget de Instagram. De esta forma, podrás ver los cambios en tiempo real.
Para empezar, puedes cambiar la forma en que aparecen las publicaciones de Instagram en tu widget.
Solo tienes que hacer clic en la opción «Diseño del feed» en la sección de la izquierda.
Desde aquí, puedes elegir entre cuatro diseños para tu widget del feed de Instagram: Cuadrícula, Carrusel, Masonry y Destacados.
Echemos un vistazo a estos diseños que aparecen a continuación.
Con el diseño en cuadrícula, puedes mostrar el contenido de Instagram en filas y columnas ordenadas.
De este modo, puedes mostrar una galería de Instagram con montones de fotos y vídeos a la vez.
A continuación, tienes el diseño de carrusel, que puede convertir tu widget en un bonito carrusel de Instagram.
De esa forma, tu sitio web será más interactivo.
¿Quieres mantener las proporciones originales de las fotos y los vídeos de Instagram?
En ese caso, puedes optar por el diseño en forma de sillería.
A continuación, tienes el diseño destacado , que hace que las publicaciones de Instagram sean más visibles al eliminar detalles como los pies de foto.
Es una forma estupenda de destacar publicaciones concretas de Instagram en tu widget.
Una vez que hayas elegido el diseño para tu widget de Instagram, haz clic en el botón «Guardar ».
A continuación, puedes hacer clic en el pequeño botón «Personalizar»para seguir editando el diseño de tu widget de Instagram.
Al hacerlo, volverás a las opciones principales de personalización.
Para continuar, haz clic en la opción «Esquema de colores » para cambiar los colores de tu widget.
Instagram Feed Pro incluye opciones sencillas de combinación de colores que te permiten cambiar todos los colores a la vez:
- Heredar del tema: Copiar los colores del tema de WordPress
- Luz: elige un diseño claro con un color de letra oscuro
- Oscuro: muestra una fuente de color claro sobre un fondo oscuro
- Personalizados: Elige manualmente todos los colores
Una vez que hayas seleccionado la combinación de colores, haz clic en el botón «Guardar» para confirmar tu elección.
Ahora puedes modificar el tamaño del feed, el estilo del encabezado, los elementos de las entradas, el número de entradas y mucho más utilizando las opciones de personalización que quedan aquí.
Por último, haz clic en «Guardar» para confirmar los cambios y ya estarás listo para el paso final.
Paso 5: Incrusta el widget de Instagram en tu sitio web
Con Instagram Feed Pro, hay dos formas de añadir tu widget de Instagram a una página web:
- Incorpora un widget de Instagram en tu página web
- Incorpora un widget de Instagram en la barra lateral o el pie de página de tu sitio web
Veamos ambos métodos a continuación:
Incrusta un widget de Instagram en tu página web
Puedes empezar a insertar tu widget de Instagram directamente desde el editor de tu feed en directo. Además, puedes hacerlo con unos pocos clics: no necesitas códigos cortos ni lenguajes de programación como HTML o CSS.
Primero, haz clic en el botón "Incrustar" de la parte superior para empezar.
Al hacer clic ahí, se abrirá una ventana emergente que muestra las posibles ubicaciones para tu widget de Instagram.
Por ahora, puedes hacer clic aquí en «Añadir a una página ».
A continuación, el plugin te mostrará una lista de las páginas de WordPress que tienes y te pedirá que elijas dónde quieres insertar tu widget.
Solo tienes que seleccionar la opción que desees y hacer clic en «Siguiente».
Una vez que lo hagas, Instagram Feed Pro abrirá esa página en el editor de WordPress para que puedas añadir tu widget.
En primer lugar, añade un nuevo bloque de contenido haciendo clic en el icono del signo más (+).
Ahora utiliza la barra de búsqueda de la parte superior para buscar el bloque «instagram ». A continuación, haz clic en «Instagram Feed» en los resultados de búsqueda que aparecen a continuación.
Y ya está, acabas de añadir el widget de Instagram a tu sitio web de WordPress. Recuerda hacer clic en «Actualizar» para confirmar los cambios.
Después, solo tienes que abrir tu página web para ver cómo queda.
Ahora veamos cómo puedes añadir este widget de Instagram a la barra lateral o al pie de página de tu sitio web utilizando este plugin.
Incorpora un widget de Instagram en la barra lateral o el pie de página de tu sitio web
Al igual que con el método anterior, puedes utilizar el editor de transmisiones en directo para insertar fácilmente tu widget.
En primer lugar, ve al menú «Feed de Instagram» » «Todos los feeds» desde el panel de control de WordPress para ver una lista de tus widgets de Instagram.
En esa lista, haz clic en el widget que has creado anteriormente.
Como puedes ver, esto volverá a abrir el editor de la retransmisión en directo.
Desde aquí, solo tienes que hacer clic en el botón «Insertar», situado en la esquina superior derecha, para continuar.
Ahora puedes utilizar la ventana emergente para elegir la ubicación de tu widget de Facebook.
Haz clic en el botón «Añadir a un widget» que aparece aquí para integrar contenido de Instagram en la barra lateral o en el pie de página.
Una vez hecho esto, Instagram Feed Pro te redirigirá a la página de widgets de tu sitio web para que puedas añadir tu widget de Instagram.
¿Quieres mostrar contenido de Instagram en la barra lateral? Haz clic aquí en el panel «Barra lateral ».
O también puedes hacer clic en el panel «Pie de página ». De esta forma, podrás mostrar tu widget de Instagram en la parte inferior de tus páginas web.
En este ejemplo, utilizaremos una barra lateral de WordPress.
Para añadir un nuevo widget, solo tienes que hacer clic en el icono del signo más (+) situado en la parte inferior y, a continuación, seleccionar el widget «Feed de Instagram» entre las opciones.
Por último, haz clic en «Actualizar» para confirmar los cambios, y tu feed de Instagram ya estará disponible en tu sitio web.
Solo tienes que abrir tu sitio web para ver cómo lo ven tus visitantes.
¡Y ya está!
Ahora ya sabes cómo añadir widgets de Instagram a tu sitio web sin ningún tipo de complicación. Con Instagram Feed Pro, solo necesitas unos pocos clics para atraer a tus visitantes con fotos y vídeos de Instagram.
De esta forma, podrás conseguir fácilmente un montón de seguidores en Instagram, aumentar tus ventas e incluso hacer crecer tu negocio.
¿Listo para incrustar widgets de Instagram con facilidad? Empieza hoy mismo con Instagram Feed Pro.
¿Quieres empezar a utilizar los mejores agregadores de redes sociales de Smash Balloon? Echa un vistazo a nuestra guía sobre cómo añadir feeds de redes sociales a tu WordPress.
Y si te ha gustado este artículo, no dudes en seguirnos en Twitter y Facebook para ver más tutoriales útiles.
