Si alguna vez te has preguntado cómo incrustar un feed de Instagram en tu sitio web de WordPress sin utilizar un plugin, no estás solo.
Mark, Miguel y yo hemos dedicado mucho tiempo a investigar este mismo tema.
¿Cuál es la conclusión? No se puede incrustar un feed completo de Instagram sin un plugin.
Claro que puedes añadir entradas individuales, pero eso no es el feed dinámico y siempre cambiante con el que sueñas.
Por eso hemos creado Spotlightel plugin de feeds de Instagram para WordPress más fácil de usar. Spotlight te permite incrustar feeds de Instagram en WordPress sin esfuerzo, personalizarlos a tu gusto y no preocuparte por ralentizar tu sitio web.
Añadir un feed de Instagram a su sitio web puede mejorar significativamente su atractivo visual, promover su presencia en las redes sociales, aumentar la participación de los usuarios y proporcionar contenido fresco. Esto lo convierte en una característica clave para cualquier sitio web.
Veamos con más detalle cómo puedes añadir un feed de Instagram a tu sitio de WordPress.
Principales conclusiones
- No puedes incrustar un feed completo de Instagram sin un plugin. ¿Mensajes individuales? Claro. ¿Un feed completo? No.
- Spotlight es el plugin ideal para incrustar un feed de Instagram repleto de funciones.
- Un plugin de feed de Instagram como Spotlight te ayudará a optimizar el diseño de tu feed, el estilo de la cabecera y la combinación de colores.
- Aspectos como el diseño adaptable, la coherencia de la marca y la accesibilidad no son sólo palabras de moda, sino que son esenciales para una experiencia de usuario óptima. Spotlight se encarga de todo esto por usted.
Por qué incrustar un feed de Instagram en WordPress
Una de las claves del éxito de una estrategia de contenidos es la reutilización. Si trabajas incansablemente para crear contenidos increíbles para Instagram, lo lógico es intentar que lleguen al mayor número de ojos posible.
Instagram hace un gran trabajo en este sentido, ayudando a la gente a encontrar contenidos que les puedan gustar y, potencialmente, llevándoles hasta ti. Sin embargo, no hay ninguna razón por la que tu contenido de Instagram deba permanecer únicamente dentro de los confines de la plataforma.
Si tienes un sitio web para tu negocio o marca, tiene sentido utilizar tu contenido de Instagram para hacerlo aún más atractivo. Puedes volver a subir fácilmente imágenes o vídeos a WordPress, pero, si le falta la marca de Instagram, es más fácil que los visitantes lo ignoren:
Incrustar un feed de Instagram en WordPress puede ser una gran manera de añadir una galería a tu sitio (una que se actualiza automáticamente), también puede funcionar como prueba social, mostrando a los clientes potenciales que tienes un seguimiento activo. Además, puedes utilizar los feeds incrustados para compartir contenido de Instagram con esas personas poco frecuentes que prefieren evitar las redes sociales, así todos contentos.
Incrustar contenido de Instagram en WordPress es definitivamente inteligente. Sin embargo, también tendrás que elegir bien el método que vas a utilizar.
La realidad de un enfoque sin plugins
Tiempo y esfuerzo
Mark cita a menudo el adagio "El tiempo es oro", y no podría ser más acertado. Incrustar publicaciones individuales de Instagram sin un plugin lleva mucho tiempo. Y eso es sólo para la incrustación inicial. Cada vez que se publique una nueva entrada, tendrás que volver a copiar y pegar el código de inserción de Instagram.
A lo largo de un año, piensa en cuántas horas pasarías actualizando tu feed. No es solo una tarea, es una fuga de recursos.
Falta de personalización
En segundo lugar, un enfoque sin plugins limita enormemente las opciones de personalización. Sin embargo, encontrar el plugin adecuado puede cambiar por completo las reglas del juego.
Incorporar feeds de Instagram a un sitio WordPress con Spotlight permite personalizar diseños, cabeceras, colores y soluciones de comercio electrónico, algo que no se puede hacer sin un plugin.
Por ejemplo, si vinculas WordPress con tu cuenta de Instagram a través de Spotlight, podrás mostrar fácilmente en todas las páginas de tu sitio web distintos tipos de contenidos, como publicaciones generadas por los usuarios o comisariadas.
Esto le ofrece la oportunidad de hacer que su sitio web sea único sin dejar de ofrecer eficiencia en términos de tiempos de carga y rendimiento.
Cuentas de Instagram privadas frente a públicas
Instagram sólo permite generar códigos de incrustación para perfiles públicos. Si quieres incrustar publicaciones de una cuenta privada (aunque sea la tuya), tendrás que cambiar tu cuenta a una pública.
Lo hemos investigado a fondo y no hay forma de evitarlo. Es una limitación que puede restringir seriamente tus opciones. Sin embargo, Spotlight te simplifica esta tarea, permitiéndote importar publicaciones de tu cuenta privada sin que tengas que hacer ningún cambio.
No siempre funciona
Es fácil usar WordPress e incrustar contenido de Instagram usando bloques de código corto (explicaremos cómo funciona en un minuto). Lo malo es que a veces no funciona, aunque el perfil sea público. Un ejemplo:
En muchos casos, WordPress no mostrará el contenido de Instagram. En su lugar, mostrará un elemento en blanco y te enlazará de nuevo a Instagram para ver realmente la publicación, historia o carrete.
Esto suele ocurrir debido a restricciones de compartición en función de la cuenta. En lugar de perder el tiempo tratando de solucionar estos errores o encontrar contenido que sí se muestra en WordPress, tiene más sentido utilizar una solución de plugin que simplemente funciona.
Rendimiento
Si te preocupa el rendimiento de tu sitio web y los posibles conflictos con otros plugins, es importante saber que un plugin de feed de Instagram bien elegido no debería afectar significativamente a la velocidad o funcionalidad de tu sitio.
Miguel ha invertido incontables horas asegurándose de que Spotlight sea lo más ligero posible y compatible con la mayoría de los plugins de WordPress. Por lo tanto, puede dejar de preocuparse por el rendimiento.
Spotlight se ha creado pensando en el rendimiento, utilizando los últimos estándares de codificación y las mejores prácticas para garantizar que no ralentice su sitio web.
Los costes ocultos de la incrustación manual
Aunque el enfoque sin plugins puede parecer rentable, existen costes ocultos. El trabajo manual que conlleva la actualización del feed, la falta de personalización y la posibilidad de que se produzcan errores son factores que se acumulan.
Son costes que a menudo se pasan por alto, pero que pueden tener un impacto significativo en la eficacia de su sitio web y en la imagen de su marca.
Cómo incrustar publicaciones individuales de Instagram sin un plugin
Si todavía quieres seguir el camino de la publicación individual, ahora veremos el proceso paso a paso para incrustar una publicación de Instagram sin un plugin.
Utilizaremos una URL oEmbed que permite mostrar publicaciones individuales de Instagram a través de HTML con todos los metadatos necesarios incluidos.
¡Vamos!
1. Localiza el post: Elige un post que vibre con la temática de tu web.
2. Obtén el código de incrustación: Haz clic en el menú de tres puntos de la esquina superior derecha de la entrada y selecciona "Incrustar". Se abrirá una nueva ventana con el código que necesitas para incrustar la entrada en tu sitio web.
3. Inserte el código: Copia el código de inserción y pégalo en el bloque de código corto de tu sitio web. Para ello necesitarás acceder al backend de tu sitio web. Es importante colocar el código en el lugar correcto para que la publicación aparezca donde tú quieras en tu sitio.
El inconveniente de los puestos individuales
Aunque incrustar publicaciones individuales puede parecer una solución rápida, está lejos de ser lo ideal. Te pierdes la naturaleza dinámica de un feed de Instagram, que puede mostrar una amplia gama de contenidos y atraer a tu audiencia de manera más eficaz.
Además, las entradas individuales no ofrecen los mismos beneficios SEO que un feed completo, que puede ser indexado por los motores de búsqueda y mejorar la visibilidad de su sitio.
El impacto SEO
Un aspecto que a menudo se pasa por alto es el impacto SEO de tu feed de Instagram. Un feed que se actualiza dinámicamente puede proporcionar contenido fresco que los motores de búsqueda adoran, en forma de pies de foto.
Las publicaciones individuales de Instagram pueden verse muy bien en tu sitio web, pero el contenido permanece estático si las incrustas manualmente. Eso significa que te llevas todos los quebraderos de cabeza técnicos de intentar incrustar publicaciones y ninguno de los beneficios SEO.
Cómo incrustar un feed completo de Instagram con Spotlight
En esta próxima sección, vamos a ir a través de los cuatro pasos para tomar WordPress e incrustar los feeds de Instagram utilizando Spotlight. ¡Manos a la obra!
Paso 1: Instalación y configuración
Después de instalar Spotlight, dirígete a la pestaña Instagram Feeds. Aquí encontrarás un proceso de configuración sencillo y fácil de usar.
Inicialmente, se te pedirá que decidas el tipo de feed que deseas crear. Tienes la opción de mostrar todo tu contenido de Instagram, que incluye fotos, vídeos y carretes.
También puedes optar por mostrar sólo las publicaciones en las que te hayan etiquetado, crear un feed de feed de hashtagso un feed shoppableentre otros. Después de elegir, haz clic en el botón Siguiente.
A continuación, se le pedirá que seleccionar una plantilla de diseño para su feed, como una galería de fotos o fila. Pero, si quieres crear un feed de Instagram único, solo tienes que hacer clic en el enlace Crea tu propio feed situado bajo la sección Elige una plantilla:
Al seleccionar el botón Siguiente, serás dirigido a la última página de configuración antes de entrar en el editor de feeds. Para avanzar, solo tienes que hacer clic en el botón Conectar y personalizar.
Paso 2: Conexión de la cuenta
Aquí descubrirá el editor de feeds Spotlight .
Para el siguiente paso, tendrás que conectar una cuenta profesional de Instagram. Es decir, una cuenta Business o Creador . Si estás usando una cuenta personal, tendrás que hacer un cambio, aquí te explicamos cómo hacerlo:
La diferencia entre las conexiones Básica y Avanzada (como se ve a continuación) es que la opción Básica conecta tu cuenta profesional directamente a Spotlight a través de Instagram, no requiere una página de Facebook, pero no admite hashtags ni feeds etiquetados.
En cambio, una cuenta avanzada requiere que tu cuenta profesional de Instagram esté vinculada a una página de Facebook antes de conectarla a Spotlight.
Si en cambio necesita conectarse a la cuenta de un cliente, puede utilizar un token de acceso único.
La conexión de tu cuenta de Instagram puede tardar unos instantes mientras se recuperan las publicaciones de la cuenta. Una vez que la conexión se haya realizado correctamente, deberías ver las publicaciones correctas en el editor. Para conectar cuentas adicionales, simplemente haz clic en el botón Conectar más cuentas de Instagram.
Con todo configurado, ya estás preparado para finalizar la configuración de tu feed de Instagram.
Paso 3: Personalización del diseño
Spotlight ofrece un bufé de plantillas de diseño. Y nos hemos asegurado de que puedas ajustar cada pequeño detalle, desde el número de entradas hasta los estilos de diseño.
Para empezar, cambie a la pestaña Diseño.
En esta sección, puedes ajustar el diseño de tu feed. Además, puede determinar el número exacto de entradas y columnas que desea mostrar en su página web.
Dentro de la sección Opciones de Feed, tienes la posibilidad de modificar la secuencia de los posts. Puedes optar por mostrar primero las entradas más recientes, o quizás las más populares. Además, puede especificar si desea abrir las entradas en la pestaña actual, en una nueva pestaña o en un cuadro emergente.
Si amplías la configuración de apariencia, podrás modificar la anchura, la altura, el relleno de la imagen y el tamaño del texto. Además, puedes asignar un color de fondo al feed.
Mientras tanto, en la pestaña Encabezado del feed, tienes la opción de activar o desactivar el encabezado del feed, subir una foto de perfil y ajustar el tamaño de la foto de perfil.
Además, puedes adaptar los botones Seguir en Instagram y Cargar más para que coincidan con el mensaje y los colores de tu marca.
Paso 4: Incrustación
Cuando estés satisfecho con tu feed, guárdalo e incrústalo en tu sitio de WordPress. Así de sencillo.
Accede a la pestaña Incrustar. Encontrarás tres métodos diferentes para incrustar tu feed. La forma más sencilla es añadirlo directamente a una nueva página o entrada desde el propio editor de feeds haciendo clic en el enlace correspondiente.
También puedes utilizar el código de inserción (o shortcode) del feed de Instagram:
Por último, si desea incorporar el feed en una página/post existentesimplemente añade el bloque Spotlight Instagram Feed a la página deseada.
Y el feed debería mostrarse al instante.
SpotlightFunciones avanzadas
Spotlight no se trata sólo de incrustar un feed, sino de mejorar la funcionalidad de tu sitio web. Con funciones como publicaciones que se pueden comprar, feeds de hashtags y contenido generado por el usuario, puedes convertir tu feed de Instagram en una potente herramienta de marketing.
Consejos para personalizar y dar estilo a los feeds incrustados
Esta sección te guiará a través de algunos de los consejos más esenciales para personalizar y dar estilo a tu feed de Instagram incrustado.
Si das prioridad al diseño adaptable, mantienes una imagen de marca coherente y garantizas la accesibilidad y la facilidad de uso al incrustar el feed de Instagram en tu sitio web, crearás una interfaz fácil de usar con un aspecto y un funcionamiento excelentes, independientemente del dispositivo o la plataforma que utilicen tus visitantes.
Es muy recomendable aplicar estos puntos para conseguir una interacción visualmente atractiva y accesible con los feeds de Instagram incrustados.
Diseño adaptable
Garantizar que tu feed de Instagram incrustado sea flexible y se adapte a diferentes dispositivos y tamaños de pantalla es esencial para una experiencia de usuario óptima. Un diseño responsivo redimensiona automáticamente el diseño y el contenido para adaptarse al dispositivo en el que se está visualizando, como ordenadores de sobremesa, portátiles, tabletas o smartphones.
Miguel ha programado Spotlight para que responda de forma natural, pero si eres como él y te gusta trastear, puedes ajustar manualmente parámetros como el recuento de columnas para diferentes dispositivos.
Marca coherente
Tener un feed de Instagram incrustado con una marca coherente en todo tu sitio web es vital para mantener la profesionalidad.
Utilizar colores y tipos de letra similares generará un aspecto reconocible que atraerá a los visitantes.
Spotlight hereda las fuentes de tu sitio y te permite personalizar los colores, lo que garantiza un aspecto cohesionado que me encanta.
Elegir imágenes y contenidos que se ajusten a la estética de su página web permite una experiencia visual fluida a la vez que se mantiene la identidad de la marca, lo que aumenta la confianza de los clientes y les proporciona una mejor usabilidad.
Para curar tu feed, navega hasta la pestaña de moderación visual de Spotlightpara seleccionar fácilmente las publicaciones de Instagram que se ajusten a tu marca.
Accesibilidad y facilidad de uso
Si coges WordPress e incrustas un feed de Instagram, es importante hacerlo de forma accesible y fácil de usar. Hay que tener en cuenta factores como el tamaño de la fuente, el contraste de colores y la navegación mediante teclado para garantizar una experiencia web inclusiva.
Creemos en una experiencia web integradora, y por eso Spotlight cumple las normas de accesibilidad. No es solo una buena práctica, es lo correcto.
La importancia de la experiencia del usuario
Un feed de Instagram bien diseñado puede mejorar significativamente la experiencia del usuario en su sitio web. Puede servir como punto focal, atraer la participación del usuario e incluso impulsar las conversiones. Spotlight se ha diseñado teniendo en cuenta estas consideraciones y ofrece funciones como las galerías lightbox y los pies de foto interactivos para enriquecer la experiencia del usuario.
Resumen
En conclusión, integrar un feed de Instagram en tu sitio web WordPress no sólo es posible, sino también muy beneficioso, sobre todo cuando cuentas con un plugin robusto y fiable como Spotlight para ayudarte. Nuestra guía en profundidad tiene como objetivo simplificar el proceso, por lo que es accesible incluso para aquellos que no son expertos en tecnología.
¿Qué le frena?
Da el salto y enriquece tu sitio web con un feed de Instagram dinámico y siempre cambiante.
Aunque incrustar entradas individuales es una opción, es el feed completo e interactivo lo que realmente cautiva y atrae a tu audiencia. Spotlight está diseñado para hacer esto no sólo posible, sino también eficiente y personalizable. Es la culminación de incansables esfuerzos de investigación y desarrollo por parte de nuestro dedicado equipo, asegurando que usted obtenga las mejores características, rendimiento y experiencia de usuario.
Así que, ¿por qué conformarse con menos cuando puedes tener lo mejor? Spotlight es más que un simple plugin; es una solución completa para incrustar un feed de Instagram en tu sitio de WordPress, diseñado con amor y experiencia por personas que se preocupan.
Preguntas frecuentes
¿Puedo incrustar mi feed de Instagram gratis?
Puede incrustar publicaciones de Instagram en su sitio web de forma gratuita utilizando Spotlight.
¿Por qué elegir Spotlight?
Spotlight te permite llevar WordPress e incrustar un feed de Instagram (o tantos como quieras) fácilmente. También puede recuperar automáticamente nuevas publicaciones de Instagram y mantener tus feeds actualizados.
¿Se puede incrustar un feed de Instagram en WordPress?
Instagram te permite generar códigos de incrustación para tus contenidos (con algunas limitaciones) y utilizarlos en cualquier sitio web. Sin embargo, solo puedes generar códigos de incrustación para publicaciones individuales, no para feeds.
¿Es legal incrustar publicaciones de Instagram?
Es legal incrustar publicaciones de Instagram y la plataforma de redes sociales te proporciona directamente el código que necesitas para hacerlo. Sin embargo, algunos contenidos no se pueden incrustar debido a las restricciones de privacidad que cada cuenta puede configurar.
¿Qué ocurre cuando incrustas un enlace de Instagram?
Los códigos de incrustación de Instagram son tipos de enlaces a contenidos específicos de Instagram. Cuando añadas ese código en tu sitio web, se mostrará ese contenido utilizando el estilo y las funciones de Instagram.
¿Qué son los códigos de incrustación de feeds de Instagram o shortcodes?
Si utiliza un plugin como Spotlight, puede crear feeds de Instagram personalizados e incrustarlos en su sitio web WordPress. Los códigos de incrustación de feeds de Instagram o shortcodes, te permiten colocar estos feeds donde quieras.
