Recientemente, uno de nuestros lectores preguntó si era posible agregar un feed de fotos de Instagram personalizado a su sitio.
Específicamente, querían personalizar el feed de fotos de Instagram para mostrar solo fotos seleccionadas en lugar de todas las fotos de su perfil.
En este artículo, le mostraremos exactamente cómo crear un feed de fotos de Instagram personalizado en WordPress.
¿Por qué incluir un feed de Instagram en su sitio de WordPress?
Agregar un feed de Instagram en su sitio de WordPress le permite agregar contenido nuevo sin mucho trabajo. También anima a los lectores a seguirte en Instagram.
En lugar de agregar fotos manualmente a su sitio, simplemente puede cargarlas en Instagram y aparecerán en su sitio web. También puede incluir fotos de otras personas usando un feed de hashtag.
Esta podría ser una excelente manera de mostrar a las personas que usan sus productos, brindando una prueba social valiosa que podría ayudarlo a ganar más dinero en línea.
Videotutorial
Si prefiere instrucciones escritas, siga leyendo.
Cómo crear un feed de fotos de Instagram personalizado en WordPress
Para configurar un feed de fotos de Instagram personalizado en su sitio, deberá instalar y activar el Aplastar globo Instagram Feed enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Esta es la versión premium del Complemento de alimentación de Instagram gratuito que es utilizado por más de 1 millón de sitios web.
Después de instalar el complemento, vaya a Feed de Instagram » Ajustes en su administrador de WordPress y haga clic en la pestaña Licencia para ingresar su clave de licencia. Puedes encontrar esto en tu cuenta de Smash Balloon.
No olvide hacer clic en el botón ‘Guardar cambios’ en la parte inferior después de activar su clave de licencia.
Una vez que haya activado su licencia, vaya a la pestaña ‘Configurar’ y haga clic en el botón ‘Conectar una cuenta de Instagram’.
Luego verá una ventana emergente que le pedirá que elija si está usando un perfil de Instagram personal o comercial.
Si simplemente desea mostrar un feed de sus fotos, puede usar una cuenta personal de Instagram. Sin embargo, si desea mostrar un feed de hashtag, necesitará una cuenta comercial de Instagram.
Consejo: ¿No tienes una cuenta comercial? Para convertir su cuenta personal de Instagram en una cuenta comercial, puede seguir Instrucciones paso a paso de Smash Balloon.
Es gratis crear una cuenta comercial con Instagram. Puede volver a cambiar en cualquier momento en la aplicación de Instagram.
Cuando hace clic en el botón ‘Conectar’ en el panel de control de WordPress, simplemente debe seguir las instrucciones y conectar su cuenta.
Después de eso, verá su cuenta junto a las ‘Cuentas de Instagram’ de esta manera:
Nota: Puede conectar más de una cuenta. Más adelante en este tutorial, veremos cómo mostrar varios feeds de Instagram diferentes en su sitio.
Mostrando un feed de tus fotos de Instagram en WordPress
Si desea mantener su sitio de WordPress fresco y actualizado, es fácil agregar un feed de sus últimas fotos de Instagram. Primero veremos el método básico, luego cubriremos cómo personalizar su feed.
Primero, haga clic en el botón ‘Agregar a la fuente principal’ junto a su cuenta de Instagram conectada:
Después de eso, puede abrir una publicación o página donde agregará su feed. Alternativamente, si lo prefiere, puede agregarlo en un widget de la barra lateral.
Vamos a crear una nueva página bajo Páginas » Agregar nuevo para nuestra alimentación.
Haga clic en el símbolo (+) para agregar un nuevo bloque, luego seleccione el bloque ‘Feed de Instagram’ de la sección Widgets:
Su feed de Instagram se agregará instantáneamente a su página, con un botón Seguir:
Si está utilizando el editor clásico, simplemente ingrese el código abreviado [instagram-feed] donde quieres tu feed.
También puede usar el código abreviado o el widget Feed de Instagram para agregar sus publicaciones de Instagram en su barra lateral o pie de página. solo ve a Apariencia » Widgets y arrastre el widget Feed de Instagram a donde quiera.
Personalización de su estilo de alimentación de Instagram en WordPress
De forma predeterminada, sus fotos de Instagram se mostrarán en una cuadrícula de cuatro columnas. Para empezar, los usuarios verán 20 fotos de su cuenta, pero pueden hacer clic en «Cargar más» para ver fotos adicionales.
El complemento Feed de Instagram le brinda control total sobre esta configuración.
Para cambiar el aspecto de su feed de Instagram, vaya a Feed de Instagram » Ajustes » Personalizar.
Aquí, puede cambiar el ancho y el alto de su feed, cambiar el diseño, cambiar la cantidad de fotos, columnas y más.
Para cambiar el diseño, simplemente haga clic en la opción que desee. Vamos a utilizar un diseño Destacado para nuestras fotos de Instagram, con cada 3 fotos resaltadas.
También puede elegir en cuántas columnas dividir las fotos y cuántas mostrar para empezar. Hemos elegido tener 6 fotos en 3 columnas.
Asegúrese de hacer clic en el botón ‘Guardar cambios’ en la parte inferior de la pantalla después de realizar cualquier cambio.
Así es como se ve ahora el feed de Instagram en nuestro sitio web:
Mostrar un feed de Instagram Hashtag, etiquetado o mixto en WordPress
Instagram Feed muestra de forma predeterminada las publicaciones más recientes de su cuenta de Instagram conectada.
En algunos casos, es posible que desee mostrar algo diferente. Por ejemplo, es posible que desee mostrar las publicaciones de Instagram de cualquier cuenta siempre que usen un hashtag específico. Esta podría ser una excelente manera de exhibir fotos de un evento o conferencia.
Puede cambiar su tipo de alimentación yendo a Feed de Instagram » Configurar. En Tipo de fuente, puede cambiar a un hashtag o fuente etiquetada. Puede hacer clic en el icono (?) junto a una opción para obtener más información.
Vamos a cambiar a un feed de hashtag usando la opción Public Hashtag. Lo ordenaremos por publicaciones más recientes:
Nota: No puede crear un feed mixto aquí. Un feed mixto es aquel que combina diferentes tipos, como fotos de una cuenta de usuario más fotos de un hashtag. Puede seguir las instrucciones en la siguiente parte del tutorial para crear un feed como ese.
Así es como se ve ahora el feed en nuestro sitio:
Creación de múltiples feeds de Instagram en WordPress
¿Qué sucede si desea incluir varios feeds de Instagram diferentes en su sitio de WordPress? Eso también es posible con algunas configuraciones simples.
Primero, ve a Feed de Instagram » Ajustes y haga clic en la pestaña ‘Mostrar su feed’.
Verá una serie de configuraciones diferentes que puede usar dentro de la [instagram-feed] Código corto.
Consejo: Si solo desea crear un feed para su sitio, puede cambiar esta configuración en la pestaña Configurar, como se muestra arriba.
Si tiene varias cuentas de usuario conectadas, puede usar [instagram-feed type="user" username="wpbeginner"] para especificar una cuenta. Cambio wpprincipiante al nombre de usuario que desee.
También puede optar por crear fuentes basadas en hashtags aquí. En este caso, deberá utilizar [instagram-feed type="hashtag" hashtag="#wpbeginner"] donde #wpprincipiante es tu hashtag elegido.
Otra opción es crear un feed que haya etiquetado una cuenta de usuario específica. Esta opción solo está disponible si su cuenta de Instagram conectada en la configuración del complemento es una cuenta comercial.
Incluso puede usar códigos abreviados para crear un feed mixto que combine diferentes tipos de feed, como su cuenta de usuario de Instagram más todas las fotos con un hashtag específico.
Si está utilizando el bloque Feed de Instagram en el editor visual de WordPress, no necesita crear el shortcode completo. Simplemente puede agregar la configuración de su shortcode en la configuración del bloque:
Asegúrese de hacer clic en el botón ‘Aplicar cambios’ después de realizar los cambios aquí.
Otras configuraciones populares de feeds de Instagram en WordPress
Es posible que esté perfectamente satisfecho con la visualización predeterminada de sus fotos, ya que Instagram Feed hace un gran trabajo sin ninguna personalización.
Sin embargo, es posible que desee realizar algunos ajustes comunes según cómo desee mostrar sus fotos de Instagram.
Por ejemplo, es posible que desee mostrar solo las fotos sin los títulos. Esto es especialmente útil si agrega las fotos en una barra lateral bastante estrecha:
Puede desactivar los subtítulos agregando showcaption="false" a su código abreviado. Luego, sus fotos se mostrarán así:
Es posible que desee filtrar las publicaciones si está utilizando un feed de hashtag. Por ejemplo, es posible que desee evitar publicaciones que mencionen a uno de sus competidores o publicaciones que usen palabras groseras en el pie de foto.
Puedes usar excludewords="competitor, rude" en tu código abreviado. Esto excluirá cualquier publicación que use cualquiera de las palabras dentro de la lista de palabras separadas por comas. Cambia «competidor» y «grosero» por las palabras que quieras excluir.
Otra opción que puede querer usar es cambiar el texto del botón Cargar más. Puedes hacer esto agregando buttontext="See More Photos" a su código abreviado. Simplemente reemplace «Ver más fotos» con el texto que desea usar.
Hay muchas otras configuraciones que puede usar. Complemento de alimentación de Instagram de Smash Balloon le permite ajustar todo sobre cómo se muestran sus fotos de Instagram en su sitio.
Si quieres ver todas las configuraciones posibles, solo tienes que ir a Feed de Instagram » Ajustes » Mostrar su feed para obtener la lista completa:
Esperamos que este artículo le haya ayudado a aprender cómo crear un feed de Instagram personalizado en WordPress. También es posible que desee ver nuestra comparación de los mejores complementos de obsequio de WordPress para aumentar sus seguidores en las redes sociales y los mejores servicios de marketing por correo electrónico para aumentar el tráfico de su sitio web.
.