Cada vez que termino de configurar un sitio web nuevo, mi siguiente paso es integrar sus canales de redes sociales. Es una pieza fundamental para construir una audiencia desde el primer día.
Tener tu sitio y tu página de Facebook en dos mundos separados significa que te estás perdiendo interacciones y seguidores fáciles.
Por eso te voy a mostrar mis tres formas más fiables de añadir una página de Facebook a WordPress. Podrás mostrar tu feed, aumentar tus seguidores y crear una marca más conectada en línea.
¿Por qué añadir tu página de Facebook a WordPress?
Si tienes un negocio local o una página comunitaria, tus visitantes ya están en Facebook todos los días. Añadir tu página de Facebook directamente a tu sitio significa que pueden dar a "me gusta" o seguir sin irse, y es en ese momento sin fricciones donde ocurre la mayor parte del crecimiento social.
También mantiene tu marca visible en dos lugares a la vez, por lo que los nuevos visitantes que te encuentren a través de Google pueden conectar contigo en redes sociales en la misma sesión. Para un negocio local, esa combinación de visibilidad en búsquedas y conexión social es difícil de superar.
A continuación, te explicaré cómo añadirla paso a paso.
Método 1: Añadir tu página de Facebook a WordPress usando SeedProd
Si estás creando una página nueva desde cero, como una página de destino dedicada o un centro de Facebook para tu marca, SeedProd es la mejor opción. Su editor de arrastrar y soltar incluye un bloque de página de Facebook integrado, por lo que puedes incrustar tu página y personalizar el diseño completo sin escribir ningún código.
SeedProd es el mejor constructor de páginas de WordPress y constructor de sitios web con arrastrar y soltar. Te permite crear diseños de página personalizados sin la molestia de codificarlos desde cero.
Con su bloque de página de Facebook, puedes incrustar cualquier página de Facebook en WordPress con solo unos pocos clics. También tiene bloques útiles que te permiten incrustar un botón "Me gusta" de Facebook, comentarios de Facebook y publicaciones de Facebook.
Aquí tienes los pasos sobre cómo añadir una página de Facebook a WordPress usando SeedProd.
Paso 1. Instalar y Activar SeedProd
Primero, necesitarás descargar el plugin SeedProd e instalarlo en tu sitio de WordPress.
Para esta guía, estamos usando SeedProd Pro por sus funciones de personalización avanzadas.
Si necesitas ayuda, puedes consultar nuestra documentación sobre cómo instalar SeedProd y activar tu licencia.
SeedProd ofrece 2 formas de personalizar tu sitio de WordPress. Puedes crear una página de destino independiente o crear un tema de WordPress personalizado usando su función Theme Builder.
Para esta guía, usaremos la funcionalidad del constructor de páginas de destino.
Paso 2. Elige una plantilla de página de destino
Para crear una nueva página de destino, navega a Páginas de destino desde tu panel de WordPress y haz clic en el botón Añadir nueva página de destino .
Desde allí, verás cientos de plantillas de página de destino predefinidas que puedes usar como punto de partida para tu diseño. Cada plantilla es 100% adaptable a móviles, asegurando que tu diseño se vea genial en dispositivos móviles como smartphones y tablets.
Puedes filtrar las plantillas haciendo clic en las pestañas de la parte superior o usar el cuadro de búsqueda para encontrar un diseño para un nicho específico. Una vez que encuentres una que te guste, pasa el ratón sobre ella y haz clic en el icono de la marca de verificación.
A continuación, introduce un nombre para tu página y haz clic en el botón Guardar y empezar a editar la página.
Ahora, la plantilla se abrirá en el editor visual de SeedProd, donde puedes empezar a personalizar su diseño y contenido sin necesidad de código.
Paso 3. Añadir el bloque de página de Facebook
El editor de arrastrar y soltar de SeedProd es fácil de navegar.
Verás una vista previa en vivo a la derecha y bloques, secciones y configuraciones a la izquierda. Puedes arrastrar elementos de contenido desde el panel de bloques a la vista previa y editar sus configuraciones con unos pocos clics.
Así es como se añade el bloque de página de Facebook a tu página de destino:
Desde el panel Bloques avanzados, desplázate hacia abajo hasta que veas el bloque Página de Facebook. Para añadirlo a tu página, arrástralo desde la izquierda y suéltalo en tu vista previa.
Ahora, puedes hacer clic en el bloque para ver sus opciones de personalización y añadir la URL de tu página de Facebook.
Si tu página no aparece, deberás hacer clic en el enlace "Configuración de la página" e introducir la información de tu ID de aplicación de Facebook.
Cómo obtener un ID de aplicación de Facebook
Obtener tu ID de aplicación solo lleva unos minutos. Aquí te explicamos cómo hacerlo:
- Ve a developers.facebook.com/apps e inicia sesión con tu cuenta de Facebook.
- Haz clic en Crear aplicación y selecciona el tipo de aplicación Consumidor cuando se te solicite.
- Rellena el nombre de tu aplicación y tu correo electrónico de contacto, y luego completa el asistente de configuración.
- Una vez creada la aplicación, tu ID de aplicación aparece en la parte superior del panel de la aplicación. Cópialo y pégalo en el campo de Configuración de la página de SeedProd.
La configuración adicional del bloque de página de Facebook incluye la capacidad de:
- Habilitar un encabezado pequeño
- Ocultar tu foto de portada
- Mostrar fotos de perfil
- Ocultar el botón de llamada a la acción
- Cambiar la altura del widget de Facebook
- Ajustar la alineación del widget
Incluso puedes mostrar diferentes tipos de feeds de Facebook, incluyendo una línea de tiempo, eventos y mensajes.
Lo genial de este bloque es que incluye automáticamente los botones Me gusta y Compartir para que los usuarios puedan compartir fácilmente tu contenido de redes sociales en otras plataformas.
Paso 4. Personaliza tu página de WordPress
Una vez que tu feed de la página de Facebook esté en su lugar, puedes continuar personalizando el resto de tu página de destino. Algunas ideas incluyen:
- Añadir un formulario de suscripción para recopilar direcciones de correo electrónico
- Incluir testimonios de clientes satisfechos para aumentar la confianza
- Añadir un botón para unirte a tu Grupo de Facebook
- Incrustar un vídeo de bienvenida para atraer a los visitantes por primera vez
Para obtener una guía completa sobre cómo personalizar tu página de destino, consulta nuestra guía paso a paso sobre cómo crear una página de destino en WordPress.
Paso 5. Guarda tus cambios
Cuando estés satisfecho con tu página, haz clic en el botón Guardar y Publicar en la esquina superior derecha de tu pantalla.
Ahora, puedes visitar la página para ver cómo queda.
Método 2: Añadir una página de Facebook a WordPress sin un plugin
Ahora, vamos a explorar otra forma eficaz de añadir una página de Facebook a WordPress: utilizando el plugin de página de Facebook.
Este método también es relativamente fácil, pero no ofrece el mismo nivel de personalización que obtienes con un constructor de páginas de WordPress. También implica copiar y pegar fragmentos de código en tu sitio.
Paso 1. Obtén el plugin de página de Facebook
Para empezar, visita el sitio web del plugin de página de Facebook. Aquí es donde introducirás los detalles de tu página y generarás un código para incrustar en tu sitio web.
Paso 2. Configura el plugin de página de Facebook
En la página del plugin, verás un formulario donde puedes introducir los detalles de tu página de Facebook.
Puedes pegar la URL de tu página de Facebook, introducir un ancho y alto personalizados para el plugin, ocultar la foto de portada y más.
Paso 3. Genera tu código de incrustación de página de Facebook
Después de rellenar los detalles necesarios, haz clic en el botón Obtener código.
Facebook generará ahora un código Javascript e iFrame para pegar en tu página web. En la ventana emergente, elige la opción iFrame y copia el código de incrustación.
Paso 4. Añade el código de incrustación de página de Facebook a WordPress
Ahora, es hora de añadir este código a tu blog de WordPress. Muchos sitios muestran su página de cuenta de Facebook en una nueva entrada o en un widget de barra lateral, así que veamos cómo hacerlo.
Ve a la pestaña Apariencia en tu administrador de WordPress y selecciona Widgets.
A continuación, haz clic en el icono más para añadir un nuevo bloque de WordPress y busca el widget de HTML personalizado o de Texto. Añade este widget al área donde te gustaría que apareciera tu página de FB.
Finalmente, copia el código HTML generado por Facebook y pégalo en el área del widget.
Ahora haz clic en el botón Guardar para aplicar los cambios. Con eso, tu página de Facebook debería aparecer ahora en la barra lateral de tu WordPress.
Para añadirla a una página o entrada en su lugar, abre la página en el editor de bloques, haz clic en el botón + para añadir un nuevo bloque, busca HTML personalizado y pega el código de incrustación allí. Publica la página y tu feed de Facebook aparecerá justo donde lo colocaste.
¿No aparece? Primero, comprueba que tu página de Facebook esté publicada y que la URL que introdujiste sea correcta. Si un plugin de seguridad o de caché está bloqueando scripts externos, intenta deshabilitarlo temporalmente para probar. A veces, la incrustación de JavaScript de Facebook puede ser bloqueada, así que cambia al código iFrame del Paso 3 si eso sucede. Asegúrate también de que el dominio en el que estás incrustando coincida con el dominio registrado en la configuración de tu aplicación de Facebook.
Método 3: Añadir un feed de Facebook a WordPress con un plugin
Si deseas un feed dinámico y con estilo que se actualice automáticamente a medida que publicas en Facebook, la mejor opción es el plugin Custom Facebook Feed de Smash Balloon. Es la solución más popular para este caso de uso y funciona en cualquier página, publicación o barra lateral existente.
Con su plugin de feed de Facebook, puedes mostrar una galería hermosa y filtrable de publicaciones de Facebook sin escribir ningún código. Aquí te explicamos cómo configurarlo.
Paso 1. Instalar el plugin Custom Facebook Feed
En tu panel de WordPress, ve a Plugins » Añadir nuevo y busca Custom Facebook Feed by Smash Balloon. Instala y activa la versión gratuita.
Una vez activo, verás un nuevo elemento de menú Feed de Facebook en tu panel.
Paso 2. Conectar tu cuenta de Facebook
Haz clic en Feed de Facebook » Añadir nuevo para iniciar el asistente de configuración. Se te pedirá que conectes tu cuenta de Facebook. Haz clic en Conectar con Facebook, inicia sesión si es necesario y concede al plugin permiso para acceder a tus páginas.
El plugin solo solicita acceso de lectura, por lo que puede mostrar tus publicaciones sin la capacidad de publicar en tu nombre.
Paso 3. Seleccionar tu página de Facebook
Después de conectar, verás una lista de las páginas de Facebook que administras. Selecciona la página que deseas mostrar y haz clic en Siguiente. El asistente te permitirá elegir un tipo de feed: Cronología, Fotos, Eventos o Vídeos. Puedes previsualizar cómo se verá en tu sitio.
Paso 4. Copiar el shortcode o añadir el bloque
Una vez configurado tu feed, Smash Balloon te proporciona un shortcode como [custom-facebook-feed]. También puedes usar el bloque dedicado Feed de Facebook si estás utilizando el editor de bloques de WordPress.
Guarda el feed y anota el nombre del shortcode o bloque. Lo usarás en el siguiente paso para colocar el feed en tu sitio.
Paso 5. Colocar el feed en tu página
Abre la página o publicación donde deseas que aparezca el feed. Si estás utilizando el editor de bloques, haz clic en el botón +, busca Feed de Facebook y selecciona tu feed en el menú desplegable. Si estás utilizando un shortcode, añade un bloque Shortcode y pégalo.
Para añadir el feed a tu barra lateral, ve a Apariencia » Widgets, añade un widget Shortcode, pega el shortcode y guarda. Publica la página y tu feed de Facebook en vivo aparecerá justo donde lo colocaste.
Preguntas frecuentes sobre cómo añadir una página de Facebook a WordPress
A continuación, descubre más formas de personalizar tu sitio de WordPress
Esperamos que esta guía te haya ayudado a aprender cómo agregar una página de Facebook a WordPress. Hay muchas otras formas de personalizar tu sitio de WordPress con SeedProd que no podríamos enumerar todas en una sola publicación.
Así que aquí tienes algunas de nuestras mejores guías de personalización de WordPress:
- Cómo personalizar los estilos del menú de WordPress de 3 maneras sencillas
- Cómo crear una página de autor personalizada de WordPress (2 maneras sencillas)
- Cómo Crear Páginas de Destino Personalizadas para Impulsar las Conversiones
- Cómo incrustar vídeos de Facebook en WordPress (3 maneras sencillas)
- Cómo crear fondos animados de Particle.js en WordPress
¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.
