¿Está buscando una forma confiable de agregar un feed de Facebook a su sitio de WordPress?
Agregar un feed personalizado de Facebook hace que su sitio sea más atractivo e interactivo. Al mismo tiempo, también proporciona prueba social de una presencia activa en línea, lo que le ayuda a convertir a sus lectores en sus fans.
La forma más fácil de agregar un feed de Facebook a WordPress es usando un plugin. Se encarga de las cosas técnicas y le permite configurar todo con solo unos pocos clics.
En este tutorial, le mostraremos cómo crear un feed personalizado de Facebook en WordPress en solo 5 sencillos pasos.
Primero, asegurémonos de si realmente necesita un feed de Facebook en su sitio.
Razones por las que necesita un feed de Facebook en su sitio de WordPress
Con más de 2.9 mil millones de visitantes mensuales, Facebook tiene usuarios globales interesados en muchas cosas. Como propietario de un sitio, puede aprovechar estas cifras y hacer crecer su audiencia.
Conectar su Facebook a su sitio viene con muchos beneficios que incluyen:
- Impulsar el descubrimiento de contenido y mantener fresco el contenido del sitio web
- Construir una comunidad
- Mejorar la autoridad de su dominio
- Promocionar cruzadamente entre redes sociales y su sitio web
- Usar recursos de manera rentable
- Mantener a su audiencia actualizada con la información más reciente sobre su marca
- Aumentar la interacción a través de comentarios, compartidos y me gusta
Ahora bien, WordPress no ofrece una opción predeterminada para agregar un feed de Facebook a su sitio.
En su lugar, necesitará encontrar un plugin confiable que le ayude con esto.
El mejor plugin para ayudarle a agregar su feed de Facebook a su sitio web es Smash Balloon, y le diremos por qué.
¿Por qué elegir Smash Balloon?
Smash Balloon es la mejor manera de agregar un feed personalizado de Facebook a su sitio de WordPress debido a lo fácil y flexible que es de usar.
Es una configuración única y luego el plugin se ejecutará por sí solo, obteniendo nuevo contenido de tu feed de Facebook y mostrándolo en tu sitio.
Puedes personalizar completamente tu feed para mostrar las publicaciones que deseas. Smash Balloon te permite hacer eso eligiendo tipos de contenido específicos, como videos o eventos, filtrando por hashtags y usando palabras clave para omitir ciertas publicaciones.
También puedes configurar múltiples feeds para mostrar diferentes tipos de publicaciones de Facebook en páginas específicas. Cada feed que crees puede tener un diseño y una ubicación diferentes.
Así que si tienes un catálogo de productos, puedes mostrar publicaciones relacionadas con productos en esa página. O puedes configurar el feed de Facebook de tu sitio solo para mostrar eventos si diriges un negocio local. De esta manera, puedes usar las redes sociales y tu sitio web para comercializar mejor tu negocio fuera de línea.
Aquí hay solo algunas razones por las que este plugin es nuestra elección número 1 para feeds de Facebook:
- Fácil integración con Facebook
- Configuración de "configurar y olvidar"
- Feed totalmente personalizable
- 4 diseños diferentes para elegir
- Mostrar/ocultar publicaciones específicas
- Optimizado para velocidad y SEO
Ahora, te mostraremos cómo configurar Smash Balloon en tu sitio de WordPress.
Agregar un feed de Facebook en WordPress
En este tutorial, te mostraremos cómo instalar el plugin Smash Balloon y configurar ajustes importantes para ayudarte a mostrar un hermoso feed de Facebook agregado a tu sitio.
Paso 1: Instalar Smash Balloon
Comienza visitando el sitio web de Smash Balloon para registrarte y crear una cuenta. Luego, obtendrás acceso a tu propia cuenta de Smash Balloon, donde podrás descargar el plugin y copiar tu clave de licencia.
Necesitarás instalar y activar el plugin Facebook Feed Pro dentro de tu panel de WordPress. ¿No estás seguro de cómo hacerlo? Sigue nuestra guía sobre Cómo instalar un plugin de WordPress.
Una vez activado, en el menú de WordPress de la izquierda, ve a la página Facebook Feed» Configuración. Aquí, puedes pegar tu clave de licencia y activar el plugin pro.
Ahora deberías tener Smash Balloon Pro configurado. A continuación, conectaremos tu sitio de WordPress a tu página o grupo de Facebook.
Paso 2: Conecta tu grupo o página de Facebook
Smash Balloon te permite conectar tu sitio a un grupo o página de Facebook, el que prefieras.
Un grupo de Facebook puede ayudar a tu audiencia a tener discusiones más enfocadas en privado, generando interacción, mientras que una página de Facebook puede ayudar a construir tu marca y tu autoridad en tu nicho.
Para colmo, puedes tener tanto tu grupo como tu página incrustados en tu sitio al mismo tiempo, obteniendo lo mejor de ambos mundos.
Para este tutorial, conectaremos un feed de página de Facebook, pero ten en cuenta que los pasos serán prácticamente los mismos para un grupo de Facebook.
Dirígete a la página Facebook Feed» Todos los feeds en tu panel de WordPress para conectar tu primer feed.
Verás un botón Agregar nuevo que te permite iniciar el proceso.
Smash Balloon te permite agregar tu feed completo de Facebook o solo tipos específicos de contenido.
Estos tipos de contenido pueden variar desde publicaciones, videos, eventos e imágenes, dependiendo del tipo de reacción que desees de tu audiencia.
Para nuestro ejemplo, usaremos la configuración predeterminada, que permite a Smash Balloon obtener tu línea de tiempo completa de Facebook.
En la siguiente página, elige la fuente del feed de Facebook seleccionando ‘Agregar nuevo’.
Ahora deberías ver un botón azul que dice ‘Conectar a Facebook’.
Se abrirá una nueva página donde encontrarás otro botón Agregar nuevo. Aquí también puedes conectarte a más páginas más tarde y crear múltiples feeds.
Esto te llevará a Facebook, donde podrás iniciar sesión rápidamente en tu cuenta.
Una vez que hayas iniciado sesión, verás una ventana emergente que muestra todas las páginas de tu perfil. Selecciona la que deseas mostrar en el feed.
Para asegurarte de tener control total sobre todo el contenido accesible por Smash Balloon, puedes activar o desactivar lo que el plugin puede acceder en la siguiente ventana.
Te sugerimos que configures todos estos ajustes como ‘Sí’, para que el contenido de Facebook que se muestre en tu sitio no se vea afectado. Una vez que hayas otorgado los permisos, verás un mensaje de éxito indicando que has vinculado tu cuenta.
¡Y así de fácil! Has conectado exitosamente Smash Balloon a tu feed de Facebook. La página debería recargarse automáticamente y llevarte a tu Panel de WordPress.
Paso 3: Personaliza tu Tema y Diseño
Ahora que tu página de Facebook está conectada, personalicemos el feed para que coincida con tus preferencias.
Smash Balloon te redirigirá automáticamente a una ventana emergente donde podrás seleccionar la página que acabas de conectar y agregarla a tu panel de Smash Balloon. La verás aparecer así:
Elige la página y ve al Siguiente paso.
Ahora puedes seleccionar el tema del feed. Puedes dejarlo como predeterminado o cambiarlo a Moderno, Muro Social, Contorno y Superposición. Usaremos el tema predeterminado.
En el siguiente paso, elige el tipo de plantilla. Puedes mostrar tu feed en una cuadrícula tipo mampostería, widgets, tarjetas o carruseles. Incluso puedes mostrar solo la última publicación de Facebook.
Una vez que hagas tu selección, la página debería recargarse y dirigirte a tu página de Todos los Feeds.
Paso 4: Personaliza tu Feed de Facebook
Ahora puedes proceder a editar el feed. Haz esto eligiendo el ícono de lápiz 'Editar' en el extremo derecho del nombre del feed.
Después de abrir el editor de feeds, deberías ver los menús Personalizar y Configuración a la izquierda y una ventana de vista previa de cómo aparecerán a la derecha.
En este tutorial, nos centraremos en el menú Personalizar, ya que contiene todo lo esencial que necesitarás.
La ventana de vista previa a la derecha te mostrará cómo se verá el feed cuando se incruste en tu sitio. Úsala para verificar errores y problemas de formato mientras diseñas el feed de Facebook de tu sitio.
Aunque hayas elegido una plantilla, tipo de feed y tema en tus pasos anteriores, esta ventana te permite cambiarlos también.
Empecemos configurando cómo aparecerá el feed personalizado de Facebook yendo a 'Diseño del Feed' en la barra de tareas izquierda.
Puedes editar si quieres que el feed aparezca en formato de lista, mampostería o carrusel. Elige la altura de la publicación para que encaje bien en tu sitio.
Dado que las tabletas, teléfonos y computadoras de escritorio tienen pantallas de diferentes tamaños, selecciona el número de columnas y publicaciones para la mejor experiencia de usuario según el dispositivo de tu visitante.
La pantalla de vista previa en la esquina superior derecha tiene íconos para pantallas de móvil, tableta y escritorio en la esquina superior derecha. Usa esta función para verificar cómo aparecerá el feed en diferentes tamaños de pantalla.
Experimenta para ver qué proporción de publicaciones por columna funciona mejor para cada tamaño de pantalla antes de tomar una decisión final.
Aunque recomendamos que personalices el número de publicaciones, por defecto, Smash Balloon permite menos publicaciones en pantallas más pequeñas para ofrecer a tu audiencia una buena experiencia, incluso si no las configuras tú mismo.
Una vez que te decidas por el diseño del feed, regresa al menú principal de la izquierda.
Ahora cambiemos la combinación de colores.
Por defecto, Smash Balloon utiliza los colores de tu tema para que el feed se integre perfectamente con el resto de tu sitio. Pero puedes personalizarlo aquí a tu gusto. También puedes optar por el diseño más convencional de una combinación de colores oscura o clara.
Sin embargo, si eliges una paleta de colores personalizada, puedes seleccionar un fondo, texto y colores de enlace diferentes para que se adapten mejor al diseño de tu sitio web.
Una vez que te decidas por la combinación de colores, regresa al menú de personalización.
Para editar el título de tu feed y elementos relacionados, desplázate hacia abajo en el menú Personalizar y encuentra el submenú 'Encabezado'.
Aquí, elige si quieres que el encabezado sea en formato de texto o visual, el tamaño y color del texto del título, el tamaño y color del texto de la biografía, y las dimensiones de la foto de portada.
Para cambiar el diseño de las publicaciones, regresa al menú Personalizar y selecciona la pestaña Publicaciones. Aquí, puedes cambiar el diseño a Miniatura, Ancho medio y Ancho completo.
Luego, en Estilo de publicación, selecciona si deseas que las publicaciones sean 'Regulares' o 'En caja'. También puedes personalizar el color y el grosor de la línea separadora.
Además, Smash Balloon te permite marcar o desmarcar los 'Elementos individuales de publicación' que deseas mostrar.
Una característica genial de Smash Balloon es que puedes permitir que los usuarios interactúen con tu contenido de redes sociales desde tu propio sitio web. Para agregar un botón de ‘Me gusta’, desplázate hacia abajo en el menú Personalizar y ve a Caja de Me gusta.
Primero, habilita el botón de me gusta para que pueda aparecer en tu feed. Luego, puedes personalizar su tamaño y posición.
A continuación, puedes decidir el ancho de tu feed. Sin embargo, si lo dejas en el valor predeterminado, se autoajustará según el tamaño de la pantalla.
Para darle más peso al llamado a la acción, puedes mostrar a los usuarios de tu sitio web a sus amigos de Facebook que también siguen tu página.
Ahora hay una característica realmente genial de Smash Balloon que queremos mostrarte. Puedes mover el botón de 'Me gusta' fuera del menú desplazable aquí. Lo que esto hace es mostrar a tu audiencia el botón de 'Me gusta' independientemente de dónde estén desplazándose en la página.
De esa manera, tendrás una mayor probabilidad de que hagan clic en el botón de 'Me gusta'.
Una vez que hayas terminado, regresa al menú Personalizar.
Lo último que queremos mostrarte aquí es el botón Cargar más. Esto mostrará más contenido del feed cuando un lector haga clic. Puedes activar o desactivar esta opción.
Una de las razones principales para deshabilitar el botón 'Cargar más' es mejorar la experiencia del usuario al reducir la sobrecarga de contenido y permitir que los lectores se enfoquen en el contenido que los llevó a la página. Por otro lado, activar este botón puede aumentar la participación en el sitio y mantener a un lector en la página por más tiempo, mejorando tus métricas de SEO.
Puedes personalizar el texto de Cargar más a tu gusto. Incluso puedes cambiarlo a un idioma de tu región objetivo para comunicarte mejor con tu audiencia. O sé más aventurero y escribe algo pegadizo.
El objetivo final es tentar a las personas a ver más de tu feed.
Una vez que hayas personalizado todo a tu gusto, no olvides Guardar tu feed.
Paso 5: Publicar el Feed de Facebook
Ahora que has configurado la apariencia de tu feed personalizado, es hora de mostrarlo en tu sitio web.
Como todo lo demás con Smash Balloon, no necesitas tener experiencia en codificación para publicar un feed.
Hay 3 maneras de agregar tu feed personalizado a tu sitio web de WordPress. Puedes usar un bloque, un widget o un shortcode. Cada método es fácil y directo, pero ideal para diferentes situaciones.
- Bloque de feed personalizado: Este método facilita la personalización de la ubicación visualmente. Con este método, puedes ver fácilmente cómo aparecerá el feed en tu sitio.
- Feed personalizado de widget: Puede optimizar completamente el espacio de la barra lateral, asegurando la consistencia con su feed en todo el sitio.
- Feed personalizado de shortcode: Permite una colocación flexible en cualquier lugar de su sitio sin errores.
Siéntase libre de elegir un método que mejor se adapte a sus necesidades en ese momento.
Para agregar el feed usando un bloque, abra una página o publicación en su Menú de WordPress. Para este tutorial, usaremos una página.
En la página, localice dónde desea que aparezca el feed y haga clic en el ícono de Signo más para agregar un nuevo bloque. En la barra de búsqueda del bloque, escriba 'Custom Facebook Feed' y luego agregue el bloque de feed a la página.
Si solo tiene un feed agregado, lo mostrará por defecto. Para cuentas con más de un feed, Smash Balloon elegirá uno por defecto o deberá agregar el shortcode del feed específico.
Para obtener el shortcode, vaya a Todos los feeds, verá el shortcode mostrado junto al nombre del feed.
Copie el shortcode y regrese a la página y al bloque que creó para el feed. A la derecha, vaya a Configuración, verá un cuadro de texto llamado 'Configuración de shortcode'. Pegue el shortcode aquí y Aplique la configuración al bloque de feed que creó previamente.
Su sitio web ahora debería mostrar este feed específico automáticamente.
Para agregar un feed de Facebook a través de un widget, vaya a Apariencia » Widgets en su panel de WordPress.
Aquí, necesita agregar un nuevo bloque a través del ícono de signo más. Luego, en la barra de búsqueda, busque el widget 'Custom Facebook Feed'.
A continuación, arrastre y suelte el widget en la ubicación exacta donde desea que aparezca el feed de Facebook.
Si tiene varios feeds, deberá agregar el shortcode específico en el cuadro de texto de la derecha, como en el proceso anterior.
Una vez hecho esto, presione el botón Aplicar cambios.
Por último, para incluir el feed usando un shortcode, comience copiando el Shortcode desde el menú Todos los feeds de Smash Balloon, como en el paso anterior.
Selecciona cualquier página o publicación a la que desees agregar un feed. Agrega un nuevo bloque a través del ícono de Más y busca 'Shortcodes'.
Arrastra y suelta el ícono de Shortcode en cualquier lugar de la página o publicación donde quieras que aparezca el feed.
Todo lo que tienes que hacer es pegar el shortcode y debería mostrarse automáticamente.
¡Eso es todo!
Has configurado un feed de Facebook en tu sitio de WordPress. Ahora se ejecutará automáticamente, obteniendo nuevas publicaciones de tu página y mostrándolas en tu sitio.
¿Qué sigue? Haz más con Smash Balloon
Smash Balloon es un potente plugin de feeds de redes sociales. Realmente puede aumentar la participación y tus seguidores.
Una característica destacada de Smash Balloon es que puedes conectar feeds de YouTube, Instagram y Twitter directamente a tu sitio.
Incluso puedes combinar plataformas para crear un muro social definitivo.
Si organizas transmisiones en vivo de YouTube, puedes sincronizarlas fácilmente con tu sitio de WordPress. De esa manera, los visitantes de tu sitio también podrán ver tu transmisión en vivo. ¿Interesado en configurar eso? Dirígete a nuestro tutorial sobre Cómo vincular tu transmisión en vivo de YouTube a tu sitio.
En resumen, Smash Balloon funciona como un imán de contenido para redes sociales. Extraerá contenido nuevo de tus feeds y lo agregará a tu sitio. Piénsalo como un puente entre el contenido del sitio y el contenido de las redes sociales.
Esperamos que hayas encontrado útil este tutorial. También te puede interesar aprender Cómo agregar notificaciones de prueba social en WordPress. También tenemos estos tutoriales para ayudarte a configurar más enlaces entre las redes sociales y tu sitio de WordPress:
- Cómo incrustar un feed de YouTube en WordPress para aumentar la participación
- Cómo incrustar feed de Instagram en WordPress (con botón para compartir)
- Cómo compartir automáticamente publicaciones de WordPress en Facebook y Twitter
Los primeros 2 tutoriales te ayudarán a sacar más provecho de Smash Balloon, mientras que el último te muestra cómo generar automáticamente contenido de redes sociales cuando publicas un blog en tu sitio.
Comentarios Dejar una respuesta