¿Buscas un tutorial rápido y fácil sobre cómo incrustar fotos de Instagram en WordPress?
Las incrustaciones de Instagram no son lo mismo que tener un enlace a una publicación de Instagram. Con las incrustaciones de Instagram, puedes mostrar tu feed completo de Instagram o partes de él como mejor te parezca.
Pero la parte complicada es crear una incrustación de Instagram para WordPress. WordPress ya no admite oEmbeds de Facebook e Instagram. oEmbed era una forma sencilla de obtener fotos de Instagram en cualquier sitio simplemente pegando el enlace. Pero ahora, tienes que registrarte como desarrollador de aplicaciones de Facebook y crear una aplicación con permisos de oEmbed para incrustar fotos de Instagram en WordPress.
Si eso suena complicado, es porque realmente lo es. La buena noticia es que hay una forma súper sencilla de incrustar fotos de Instagram en WordPress. En este artículo, veremos exactamente cómo puedes incrustar fotos de Instagram en WordPress sin una sola línea de código.
¡Y lo haremos en 10 minutos o menos!
Vamos a ello.
Por qué deberías incrustar fotos de Instagram en WordPress
Si puedes incrustar fotos de Instagram en WordPress, verás muchos beneficios de inmediato. Es una excelente manera de conseguir que los visitantes de tu sitio web, que provienen de otros canales como el SEO, se conviertan en tus seguidores de Instagram.
Pero ese es solo el beneficio más obvio. Con los feeds de Instagram, puedes personalizar la sección para mostrar las reseñas de tus clientes, el contenido de tus principales afiliados e influencers, y tus campañas más exitosas. También es muy fácil de hacer. Puedes filtrar las publicaciones mostradas por hashtags específicos y menciones de marca.
El contenido dinámico también aumenta la participación en tu sitio. Incluso puedes obtener algunos impulsos para el SEO de tu sitio debido al contenido adicional en tus páginas.
Cómo incrustar fotos de Instagram en tu sitio de WordPress
Puedes incrustar fácilmente feeds de Instagram en tu sitio web usando el plugin Instagram Feed Pro de Smash Balloon.
Smash Balloon es el plugin de feeds de redes sociales número 1 para WordPress. El plugin Instagram Feed Pro de Smash Balloon es la forma más fácil de incrustar fotos de Instagram en WordPress.
Puede usar Smash Balloon para:
- Usa tus feeds de hashtags en tu sitio como prueba social
- Muestra feeds interactivos de Twitter para aumentar la interacción en el sitio web
- Incrusta tus vídeos de YouTube en tu sitio para aumentar tus suscriptores
- Añade reseñas auténticas de páginas de empresa de Facebook a tu sitio para incrementar las conversiones
¡Y mucho más! Lo más importante es que Instagram Feed Pro te permite incrustar un feed de Instagram sin registrarte como desarrollador de aplicaciones. Esto te ahorrará mucho tiempo y molestias.
Si deseas consultar la lista completa de funciones de Smash Balloon, deberías echar un vistazo a nuestra reseña de Smash Balloon.
Los siguientes pasos son todo lo que necesitas hacer para incrustar fotos de Instagram en WordPress. Si sigues cada paso, deberías poder crear un feed de Instagram en tu sitio como este:
Empecemos.
Paso n.º 1: Instalar y activar el plugin Instagram Feed Pro
Primero, instala y activa el plugin Instagram Feed Pro. Puedes descargar el plugin Instagram Feed Pro desde tu cuenta de Smash Balloon en Descargas:
Luego, activa el plugin usando tu clave de licencia en tu panel de WordPress yendo a Instagram Feed » Ajustes » General » Clave de licencia:
Pega tu clave de licencia y haz clic en el botón Activar.
Paso #2: Conecta tu cuenta de Instagram con WordPress
Paso #4: Personaliza tu fuente de Instagram
A continuación, haz clic en el botón Iniciar sesión con Instagram:
Una vez que hayas iniciado sesión en tu cuenta, podrás empezar a crear fuentes de Instagram para tu sitio.
Paso #3: Elige el contenido de Instagram a mostrar
En tu panel de WordPress, ve a Instagram Feed » Todas las fuentes y haz clic en el botón Añadir nueva:
A continuación, deberás seleccionar el tipo de contenido que deseas mostrar en tu sitio:
Puedes crear 4 tipos de fuentes de Instagram:
- Línea de tiempo del usuario: Este tipo de fuente está disponible para todas las cuentas y puedes usarla para mostrar tus últimas publicaciones.
- Hashtag público: Puedes incrustar este tipo de fuente para mostrar solo las publicaciones con un hashtag específico.
- Publicaciones etiquetadas: Este tipo de fuente muestra solo las publicaciones en las que se ha etiquetado tu nombre de usuario de Instagram. Es perfecto para mostrar reseñas de redes sociales.
- Muro social: Puedes incrustar fotos de Instagram en WordPress como parte de un muro personalizado con fuentes de otras plataformas de redes sociales.
Elige el tipo de contenido adecuado para tu sitio y haz clic en el botón Siguiente. Se te pedirá que selecciones la fuente para tu feed de Instagram. Simplemente selecciona la cuenta que conectaste anteriormente con tu sitio de WordPress.
Paso #4: Personaliza tu feed de Instagram
Ahora, la parte más genial de Smash Balloon. ¡Puedes usar un editor de arrastrar y soltar para personalizar tu fuente de Instagram! En la barra lateral izquierda, encontrarás un montón de opciones de diseño que son súper fáciles de usar.
Personalizar el diseño de la fuente
Puedes hacer clic en la pestaña Diseño de la fuente en Personalizar para elegir un diseño para tu incrustación:
Hay 4 tipos de diseños entre los que puedes elegir. Puedes ver cómo se ve cada uno en la vista previa y luego seleccionar el que más te guste:
También puedes establecer una altura y un relleno personalizados para la fuente:
Incluso puedes seleccionar el número de publicaciones que deseas mostrar a la vez:
Y si te sientes realmente elegante, también puedes establecer el número de columnas en tu fuente de Instagram:
Personalizar la paleta de colores
La paleta de colores predeterminada en Instagram Feed Pro está diseñada para funcionar con el diseño de casi cualquier sitio. Pero en caso de que sientas que no encaja con el resto de tu sitio, también puedes personalizar la paleta de colores de la fuente.
En Personalizar, ve a Paleta de colores para seleccionar un aspecto personalizado:
Recomendamos usar la opción Heredar del tema porque recupera automáticamente los estilos de tu tema.
Pero puedes hacer clic en Personalizado para crear tu propia paleta de colores.
Añadir secciones a tu fuente de Instagram
Finalmente, también puedes añadir secciones personalizadas a tu fuente de Instagram en Personalizar » Secciones:
Esto incluye:
- Encabezado: Puedes personalizar el encabezado para incluir estilos de fuente, una imagen de perfil personalizada, una biografía personalizada y más.
- Publicaciones: Puedes personalizar la resolución de imágenes y vídeos para tus publicaciones, permitir subtítulos, incluir resúmenes de «Me gusta» y comentarios, y crear efectos al pasar el ratón por encima.
- Botón «Cargar más»: Puedes añadir un botón Cargar más a tu feed para obtener más imágenes cuando tus visitantes hagan clic en ellas.
- Botón «Seguir»: Puedes añadir un botón para animar a los visitantes de tu sitio web a que te sigan en Instagram.
- Lightboxes: Puedes crear un popup de lightbox donde tus publicaciones aparecen en modo de pantalla completa al hacer clic.
Cuando estés satisfecho con la configuración, haz clic en el botón Guardar.
Paso n.º 5: Incrustar fotos de Instagram en una página/publicación de WordPress
Ahora que tu feed está completamente personalizado, es hora de incrustar fotos de Instagram en tu sitio. En tu panel de WordPress, ve a Instagram Feed » Todos los feeds y copia el shortcode del feed:
Ahora, puedes usar este shortcode para incrustar fotos de Instagram en WordPress al instante. Puedes añadirlo a la barra lateral, al pie de página, a las publicaciones e incluso a las páginas de tu sitio.
Si has seguido todos los pasos de principio a fin, deberías tener un feed de Instagram en tu sitio como este:
¡Eso es todo! Has terminado.
Qué hacer después de incrustar fotos de Instagram en WordPress
¡Eso es todo por ahora, amigos!
A estas alturas, ya has conseguido incrustar fotos de Instagram en WordPress. A continuación, deberías configurar un sorteo viral para potenciar tus seguidores en redes sociales.
Después de eso, solo queda generar tráfico a tu sitio para que tus formularios de contacto puedan ponerse a trabajar. Una forma sencilla de hacerlo es empezar a usar notificaciones push. Enviar notificaciones push es una excelente manera de generar tráfico recurrente a tu sitio. Si eso es algo que te interesa, también deberías consultar estos artículos:
- Costo de las notificaciones push: ¿Es realmente gratis? (Análisis de precios)
- Cómo conseguir más tráfico para tu blog de WordPress (9 maneras fáciles)
- Cómo aumentar su tasa de opt-in de notificaciones push web (7 maneras)
- Cómo añadir un plugin de WordPress de notificaciones web a tu sitio
Recomendamos usar PushEngage para enviar tus notificaciones push. PushEngage es el software de notificaciones push número 1 del mundo. Por lo tanto, si aún no lo has hecho, empieza hoy mismo con PushEngage.
