En este Tutorial de Cómo poner Instagram en WordPress vamos a aprender a mostrar imágenes de Instagram en nuestra página web o blog.
Instagram es una de las redes sociales más utilizada a día de hoy y algunas de las ventajas de utilizarla en estrategias de Marketing Digital son:
- Tiene más de 400 millones de usuarios.
- Utiliza contenido visual.
- La interacción con el usuario es muy alta.
- Casi exclusivamente para móvil.
- Sirven para construir o reforzar marcas personales o empresariales.
- Puedes mostrar tus servicios y productos de una forma humana o con personalidad.
- Se utiliza para empatizar con tus los seguidores y clientes.
- Y la que razón que más me gusta a mí, puedes perder el día mirando memes, ¡Jajaja!
Primero, vamos a ver cómo poner Instagram en WordPress sin utilizar plugins y después veremos los plugin para poner Instagram en una página web más utilizados.
Nota: para mostrar Instagram en WordPress en algunos casos es necesario tener el perfil de Instagram público.
Cómo poner Instagram en WordPress sin plugins
Si queremos que se muestre un post de imagen o video de Instagram dentro de una entrada de WordPress sin utilizar plugins, lo podemos hacer de varias formas:
Copiar la URL del post de Instagram y pegarla en el editor de texto de WordPress.
WordPress reconoce automáticamente las URL de Instagram, e inserta automáticamente la imagen o video de Instagram si pegamos la URL del elemento en el editor de texto de WordPress.
La URL que tienes que copiar, es la que aparece cuando abres una imagen de Instagram.
Una vez pegada la URL de WordPress, se insertará la imagen de Instagram automáticamente.
Utilizando el código de inserción de Instagram.
Otro método para insertar las imágenes o videos de Instagram en WordPress es utilizando el código de inserción de Instagram.
Este código de inserción lo podemos encontrar pulsando el botón de opciones (En la imagen punto 1º, botón de tres puntos) dentro de una imagen en Instragram.
Se nos abrirá un cuadro de diálogo, donde podemos copiar el código y elegir si se incluye el título de la imagen en la inserción.
Una vez copiado el código, debes copiarlo en el editor de texto en la parte de HTML para que funcione.
Si te interesa, puedes ver información más detallada para personalizar este código y muy útil para los desarrolladores en https://www.instagram.com/developer/embedding/
Páginas web externas para generar el código que muestre el perfil de Instagram
Instawidget es una página web donde podemos utilizar un generador de código para mostrar nuestro perfil de Instagram en nuestra web.
Con este sencillo generador de códigos podemos personalizar la sección de Instagram, tamaño, columnas, bordes, fondos y hastags, entre otras, y generar el código.
Después, solo hay que copiar y pegar el código en la parte de HTML del editor de texto o ponerlo en un Widget de HTML si queremos mostrar Instagram en la barra lateral de WordPress.
Usar este método tiene como desventaja que al hacer clic en una imagen no te redirige a instagram, si no que te redirige a Instawidget donde se mostrarán tu imagenes de Instagram.
Plugins de Instagram para WordPress
Otra manera de añadir Instagram en WordPress es usando plugins. De esta manera podemos controlar más la personalización del módulo de Instagram en WordPress
Existen multitud de plugin de Instagram para WordPress repletos de opciones, vamos a ver dos.
Instagram Feed
Instagram Feed es uno de los plugin más utilizados para poner Instagram en nuestra página web.
Su versión gratuita permite incrustar un Feed de Instagram mediante un Shortcode que muestra nuestro perfil usuario y podemos personalizar el feed con una lista de atributos para los Shortcode o utilizar CSS.
La versión Premium desbloquea otras opciones para personalizar el feed de Instagram y algunas opciones para mostrar las imágenes dependiendo del hastag o la localización entre otras opciones.
Para configurarlo, hay que enlazar nuestro perfil de Instagram con el plugin mediante el botón azul “Log in and get my Access Token and user ID” y pegar el User ID que se genera y después pegamos el Shortcode en cualquier parte de nuestra web.
WP Instagram Widget
El plugin más sencillo para poner Instagram en WordPress, al instalarlo se creará un nuevo Widget de Instagram en WordPress.
Este Widget Apenas tiene opciones, y el plugin es tan simple que no tiene ni CSS personalizado, al ser tan simple se necesita saber CSS para darle estilo y en sus opciones, se echa en falta la opción de poder configurar columnas en el Widget sin CSS.
Conclusión
Si necesitas poner Instagram en WordPress, hay muchas maneras para hacerlo y muchas son gratuitas.
A mí, me gustan las opciones del generador de códigos web y es el que suelo utilizar para intentar no sobrecargar la web con plugins.
La importancia de esta red social es muy grande de cara a las marcas personales y grandes marcas, y no hay que descuidar un canal tan utilizado como este.
Si tienes contenido visualmente atractivo, no lo dudes, debes de estar en Instagram.
Si todavía no sabes cómo utilizar Instagram puedes leer esta “Guía completa de Instagram“
Otros tutoriales de Redes Sociales para WordPress
- Tutorial de Monarch plugin de botones sociales premium
- Tutorial de Add To Any Share Buttons plugin de botones sociales gratuito
- Tutorial de Revive Old Post plugin para enviar los post automáticamente a las redes sociales
- Tutorial de Click to Tweet plugin para crear citas de retuit