Siempre que termino de configurar un nuevo sitio web, mi siguiente paso es integrar sus canales de redes sociales. Es una pieza fundamental para crear una audiencia desde el primer día.
Tener tu sitio web y tu página de Facebook en dos mundos separados significa que te estás perdiendo la posibilidad de conseguir participación y seguidores.
Por eso voy a mostrarte mis tres formas más fiables de añadir una página de Facebook a WordPress. Podrás mostrar tu feed, hacer crecer tus seguidores y crear una marca más conectada online.
¿Por qué añadir tu página de Facebook a WordPress?
Si gestionas una página de empresa local o comunitaria, tus visitantes ya están en Facebook todos los días. Añadir tu página de Facebook directamente a tu sitio web significa que pueden darle a «Me gusta» o seguirte sin salir de él, y ese momento sin fricciones es donde realmente se produce la mayor parte del crecimiento social.
Además, 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 conectarse contigo en las redes sociales en la misma sesión. Para un negocio local, esa combinación de visibilidad en las búsquedas y conexión social es difícil de superar.
A continuación, te explicaré cómo añadirlo paso a paso.
Método 1: Añadir tu página de Facebook a WordPress con SeedProd
Si estás creando una página nueva desde cero, como una página de aterrizaje dedicada a las redes sociales 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 sólo unos clics. También cuenta con prácticos bloques que te permiten incrustar un botón Me gusta de Facebook, comentarios de Facebook y publicaciones de Facebook.
Aquí tienes los pasos para añadir una página de Facebook a WordPress utilizando SeedProd.
Paso 1. Instalar y activar SeedProd Instale y active SeedProd
En primer lugar, tendrá que descargar el plugin SeedProd e instalarlo en su sitio de WordPress.
Para esta guía, estamos utilizando SeedProd Pro por sus características avanzadas de personalización.
Si necesita ayuda, puede consultar nuestra documentación sobre cómo instalar SeedProd y activar su licencia.
SeedProd ofrece 2 formas de personalizar tu sitio WordPress. Puedes crear una página de destino independiente o crear un tema de WordPress personalizado utilizando su función Theme Builder.
Para esta guía, utilizaremos la funcionalidad del constructor de páginas de aterrizaje.
Paso 2. Elija una plantilla de página de destino
Para crear una nueva página de destino, vaya a Páginas de destino desde el panel de control de WordPress y haga clic en el botón Añadir nueva página de destino.
A partir de ahí, verás cientos de plantillas de páginas de destino prediseñadas que puedes utilizar como punto de partida para tu diseño. Todas las plantillas son 100% compatibles con dispositivos móviles, lo que garantiza 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 utilizar el cuadro de búsqueda para encontrar un diseño para un nicho específico. Cuando encuentres una que te guste, pasa el ratón por encima y haz clic en el icono de la marca de verificación.
A continuación, introduzca un nombre para su página y haga 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 podrá empezar a personalizar su diseño y contenido sin código.
Paso 3. Añadir el bloque de la página de Facebook Añadir el bloque de la 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 ajustes a la izquierda. Puedes arrastrar elementos de contenido del panel de bloques a la vista previa y editar su configuración con unos pocos clics.
A continuación te explicamos cómo añadir el bloque de página de Facebook a tu página de destino:
En 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, tendrás que hacer clic en el enlace "Configuración de la página" e introducir la información de tu ID de la aplicación de Facebook.
Cómo obtener un ID de aplicación de Facebook
Obtener tu ID de aplicación solo te llevará unos minutos. A continuación te explicamos cómo hacerlo:
- Ve a developers.facebook.com/apps e inicia sesión con tu cuenta de Facebook.
- Haga clic en Crear aplicación y seleccione el tipo de aplicación Consumidor cuando se le solicite.
- Introduce 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 aparecerá en la parte superior del panel de control de la aplicación. Cópiala y pégala en el campo Configuración de la página de SeedProd.
Entre las opciones adicionales de bloqueo de páginas de Facebook se incluye la posibilidad de:
- Habilitar una pequeña cabecera
- Ocultar tu foto de portada
- Mostrar fotos de perfil
- Ocultar el botón CTA
- Cambiar la altura del widget de Facebook
- Ajustar la alineación del widget
Incluso puedes mostrar distintos tipos de feeds de Facebook, como una línea de tiempo, eventos y mensajes.
Lo mejor de este bloque es que incluye automáticamente botones "Me gusta" y "Compartir" para que los usuarios puedan compartir fácilmente tus contenidos de redes sociales en otras plataformas.
Paso 4. Personalice su página de WordPress
Una vez que el feed de tu página de Facebook esté listo, puedes seguir personalizando el resto de tu página de destino. Algunas ideas son:
- Añadir un formulario opt-in para recoger direcciones de correo electrónico
- Incluir testimonios de clientes satisfechos para aumentar la confianza
- Añadir un botón para unirse a tu grupo de Facebook
- Insertar un vídeo de bienvenida para atraer a los primeros visitantes
Para una guía completa sobre la personalización de su página de destino, consulte nuestra guía paso a paso sobre cómo crear una página de destino en WordPress.
Paso 5. Guarde los cambios
Cuando estés satisfecho con tu página, haz clic en el botón Guardar y publicar de la esquina superior derecha de la 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
A continuación, vamos a analizar otra forma eficaz de añadir una página de Facebook a WordPress: mediante el plugin de página de Facebook.
Este método también es relativamente sencillo, pero no ofrece el mismo nivel de personalización que el constructor de páginas de WordPress. También implica copiar y pegar fragmentos de código en tu sitio.
Primer paso Obtener el plugin de la 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 incrustarlo en tu sitio web.
Paso 2. Configurar el plugin de la página de Facebook Configurar el plugin de la página de Facebook
En la página del complemento, verás un formulario en el que puedes introducir datos sobre tu página de Facebook.
Puedes pegar la URL de tu página de Facebook, introducir una anchura y altura personalizadas para el plugin, ocultar la foto de portada y mucho más.
Paso 3. Genera el código para incrustar tu página de Facebook
Después de rellenar los datos necesarios, haga clic en el botón Obtener código.
Facebook generará ahora un código Javascript e iFrame para que lo pegues en tu página web. En la ventana emergente, elige la opción iFrame y copia el código de inserción.
Paso 4. Añade el código de incrustación de la página de Facebook a WordPress
Ahora es el momento de añadir este código a tu blog de WordPress. Muchos sitios muestran la página de su cuenta de Facebook en una nueva entrada o en un widget de la barra lateral, así que vamos a ver cómo hacerlo.
Vaya a la pestaña Apariencia de la administración de WordPress y seleccione Widgets.
A continuación, haz clic en el icono del signo más para añadir un nuevo bloque de WordPress y busca el widget HTML o Texto personalizado. Añade este widget a la zona donde quieras que aparezca tu página de FB.
Por último, copia el código HTML generado por Facebook y pégalo en la zona del widget.
Ahora haz clic en el botón Guardar para aplicar los cambios. Una vez hecho esto, tu página de Facebook debería aparecer en la barra lateral de WordPress.
Para añadirlo a una página o publicación, 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 allí el código de inserción. Publica la página y tu feed de Facebook aparecerá justo donde lo hayas colocado.
¿No aparece? En primer lugar, comprueba que tu página de Facebook esté publicada y que la URL que has introducido sea correcta. Si un complemento de seguridad o de almacenamiento en caché está bloqueando los scripts externos, prueba a desactivarlo temporalmente para comprobarlo. A veces, el código JavaScript de Facebook puede bloquearse, así que, si eso ocurre, cambia al código iFrame del paso 3. Asegúrate también de que el dominio en el que estás incrustando coincide 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 quieres un feed dinámico y con estilo que se actualice automáticamente cada vez que publiques algo 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 complemento Facebook Feed, puedes mostrar una bonita galería filtrable de publicaciones de Facebook sin necesidad de escribir código. A continuación te explicamos cómo configurarlo.
Paso 1. Instala el plugin Custom Facebook Feed.
En tu panel de control 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 activado, verás una nueva opción llamada «Feed de Facebook» en tu panel de control.
Paso 2. Conecta tu cuenta de Facebook
Haga clic en Facebook Feed » Add New (Añadir nuevo ) para iniciar el asistente de configuración. Se le pedirá que conecte su cuenta de Facebook. Haga clic en Connect to Facebook(Conectar con Facebook), inicie sesión si es necesario y conceda al complemento permiso para acceder a sus páginas.
El complemento solo solicita acceso de lectura, por lo que puede mostrar tus publicaciones sin poder publicar en tu nombre.
Paso 3. Selecciona tu página de Facebook.
Después de conectarte, 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: Biografía, Fotos, Eventos o Vídeos. Puedes obtener una vista previa de cómo se verá en tu sitio.
Paso 4. Copia el código corto o añade el bloque.
Una vez configurada tu fuente, Smash Balloon te proporciona un código corto como [custom-facebook-feed]. También puede utilizar el dedicado Facebook Feed bloque si estás utilizando el editor de bloques de WordPress.
Guarda el feed y toma nota del código corto o el nombre del bloque. Lo usarás en el siguiente paso para colocar el feed en tu sitio web.
Paso 5. Coloca el feed en tu página.
Abre la página o publicación donde deseas que aparezca la fuente. Si utilizas el editor de bloques, haz clic en el botón +, busca Facebook Feed y selecciona tu fuente en el menú desplegable. Si utilizas un código corto, añade un bloque de código corto y pégalo.
Para añadir el feed a tu barra lateral, ve a Apariencia » Widgets, añade un widget de código corto, pega el código corto y guarda. Publica la página y tu feed de Facebook en directo aparecerá justo donde lo hayas colocado.
Preguntas frecuentes sobre cómo añadir una página de Facebook a WordPress
A continuación, descubra más formas de personalizar su sitio de WordPress
Esperamos que esta guía te haya ayudado a aprender cómo añadir una página de Facebook a WordPress. Hay tantas otras maneras de personalizar tu sitio WordPress con SeedProd que no podríamos enumerarlas todas en un solo post.
Así que aquí están algunas de nuestras mejores guías de personalización de WordPress:
- Cómo personalizar los estilos de menú de WordPress de 3 formas sencillas
- Cómo crear una página de autor personalizada en WordPress (2 formas sencillas)
- Cómo crear páginas de destino personalizadas para aumentar las conversiones
- Cómo incrustar vídeos de Facebook en WordPress (3 formas sencillas)
- Cómo crear fondos animados Particle.js en WordPress
Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en unirte a la conversación en YouTube, X y Facebook para obtener más consejos y contenidos útiles para hacer crecer tu negocio.
