Cómo mostrar un calendario de eventos de Facebook en tu sitio de WordPress

¿Estás buscando formas sencillas de mostrar un calendario de eventos de Facebook en tu sitio web?

Mostrar el calendario de eventos de tu página de Facebook en tu sitio de WordPress es una forma estupenda de informar a los visitantes sobre fechas importantes, como lanzamientos de productos o próximas promociones.

Pero, con mis años de experiencia trabajando en marketing en redes sociales, sé que incrustar un calendario de eventos de Facebook en tu sitio web puede ser complicado.

En este artículo, te mostraré cómo mostrar un calendario de eventos de Facebook en WordPress utilizando 2 métodos diferentes:

¿Por qué integrar eventos de Facebook en tu sitio web?

La razón principal para incluir eventos de Facebook en tu sitio web es informar a los visitantes sobre los próximos eventos para que puedan participar.

De hecho, aquí tienes otras buenas razones para integrar eventos de Facebook en tu sitio web.

• Puedes conseguir que los visitantes de tu sitio web sigan tu página de Facebook mostrándoles eventos interesantes.
• Añadir contenido relevante de Facebook en tu sitio muestra a los visitantes que estás participando activamente con tu comunidad.
• Mostrar eventos de Facebook en WordPress hace que la gente permanezca más tiempo en tu sitio, lo que es mejor para el SEO del mismo.
• Puedes aumentar la participación en la página de Facebook y ayudar a que tu contenido aparezca más arriba en las noticias, dando a conocer tu página y aumentando el tráfico hacia ella.

Mostrar eventos con el widget del plugin de la página de Facebook

El primer método utiliza la herramienta oficial para desarrolladores de Facebook para incrustar aspectos de tu página de Facebook en tu sitio web.

El inconveniente es que este método implica copiar y pegar fragmentos de código en WordPress. Además, no cuentas con un equipo de soporte dedicado que te ayude.

Si no quieres ocuparte de la codificación, puedes probar las otras técnicas de incrustación de este artículo.

Paso 1: Utiliza la herramienta generadora de código para plugins de páginas de Facebook

El primer paso para añadir un widget de calendario de eventos de Facebook a tu sitio web es visitar la herramienta generadora de código de plugin de página aquí.

A continuación, introduce el enlace a tu página en el campo URL de la página de Facebook.

A continuación, escriba "eventos" en el campo Fichas antes de pulsar el botón Obtener código.

Paso 2: Generar el código del evento de Facebook

Verás una ventana emergente con los diferentes códigos que pueden ayudarte a incrustar los eventos.

De momento, haz clic en la pestaña iFrame de la parte superior.

Tal vez quieras pegar el código en un archivo de texto en blanco o en el bloc de notas de tu ordenador para no perderlo.

Paso 3: Pega el código del evento de Facebook en tu sitio web

El siguiente paso es incrustar el código del evento de Facebook en tu sitio web.

En tu sitio web, dirígete al área de administración y decide dónde quieres mostrar el calendario de eventos de Facebook.

Añadiremos nuestro calendario a un widget en la barra lateral de nuestro sitio para este tutorial.

Para empezar, diríjase al menú Apariencia " Widgets de su área de administración de WordPress.

A continuación, puede elegir entre la barra lateral o pie de página para su nuevo calendario de eventos de WordPress. Vamos a ir con la barra lateral para este tutorial.

Después, haz clic en el icono más (+) para añadir un nuevo widget a tu sitio web. A continuación, selecciona el widget HTML personalizado entre las opciones.

Por último, pega tu fragmento de código iFrame de antes en el nuevo widget.

Verás tus eventos de Facebook en la barra lateral cuando accedas a tu sitio web principal.

Como puedes ver, puede ser un poco molesto lidiar con todos los códigos de incrustación. Además, también hay otros inconvenientes:

• En realidad no puedes personalizar el widget de Facebook, y podría desentonar con el diseño de tu sitio web.
• El widget depende de Facebook, por lo que se desconectará si Facebook tiene problemas técnicos.
• Como este widget de eventos tiene un diseño genérico, estás perdiendo la oportunidad de hacer que tu sitio destaque.
• Si quieres mostrar varios widgets de Facebook, tendrás que controlar muchos códigos de incrustación.
• Con este método, no puede controlar qué entradas o eventos aparecen en su sitio web de WordPress.

Mostrar eventos de Facebook con un plugin de WordPress [La mejor manera]

Para el siguiente método, utilizaré un plugin de feed de Facebook para mostrar eventos de Facebook en un sitio web.

De este modo, puedes dejar que el plugin de Facebook busque automáticamente los eventos y los añada a tu sitio web en un bonito feed, sin necesidad de contratar a un desarrollador de Facebook ni de ocuparte de la codificación.

Y la mejor opción que puedes utilizar para mostrar atractivos feeds de eventos de Facebook en tu sitio es el plugin Smash Balloon Facebook Feed Pro.

Es el mejor plugin de feeds de Facebook para WordPress y puede ayudarte a integrar a la perfección tus contenidos de Facebook, como feeds de eventos, con WordPress en cuestión de minutos.

Además de mostrar los eventos de Facebook en tu sitio, este plugin de WordPress para feeds de Facebook tiene las siguientes funciones:

• Muestra varios tipos de feeds de Facebook en tu sitio, como publicaciones de Facebook, fotos, vídeos, transmisiones en directo de Facebook, etc.
• Controla la información que aparece en tus feeds, como encabezados, fechas, descripciones, etc.
• Gestiona y muestra fácilmente los feeds de varias cuentas de Facebook en un único sitio web
• Personaliza por completo el aspecto de tu feed con plantillas de feed de Facebook como slider y opciones de estilo para que coincida con la marca de tu sitio web.
• Admite muchos tipos de feed, por lo que puedes crear un feed de álbum de Facebook, un feed de vídeo y mucho más.
• Muestra tus feeds de forma atractiva en dispositivos móviles con el diseño adaptado a móviles
• Muestra las opiniones de Facebook en tu sitio web para establecer una prueba social y aumentar las ventas de tu negocio.

Y lo que es mejor, puedes hacer todo eso sin tener que escribir ni una sola línea de código, lo que lo convierte en una herramienta muy fácil de usar para los principiantes.

Aquí tienes nuestro tutorial en vídeo que te mostrará la forma más sencilla de incrustar tus eventos de Facebook en WordPress.

¿Quieres una guía de texto? A continuación te explicamos paso a paso cómo incrustar eventos de Facebook.

Paso 1: Instalar Smash Balloon Facebook Feed Pro

Consigue tu copia de Facebook Feed Pro e instala y activa el plugin para empezar.

Si necesitas ayuda con eso, echa un vistazo a nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Paso 2: Crea tu feed del calendario de eventos de Facebook

Una vez que hayas instalado y activado el plugin en tu sitio, ve al menú Facebook Feed " All Feeds desde tu panel de control.

Para empezar a crear tu calendario de eventos de Facebook, haz clic en Añadir nuevo.

Después de eso, puedes ver que hay 9 tipos diferentes de feeds disponibles aquí, incluyendo un feed de línea de tiempo, un feed de fotos, un feed de vídeos, un feed de eventos, un feed de reseñas y mucho más.

A continuación, puede seleccionar Eventos de una lista de opciones y hacer clic en el botón Siguiente para continuar.

Paso 3: Conéctate a tu página de Facebook

Una vez que hayas creado tu feed, puedes elegir la fuente de tus eventos. Será la página de Facebook en la que hayas planificado tus eventos.

Para ello, haga clic en el botón Añadir nuevo .

Ahora verás una nueva ventana emergente en la que tendrás que añadir 3 cosas:

• ID de la página de Facebook
• Evento Token de acceso
• Eventos iCal URL

A continuación te mostramos cómo conseguir los 3:

Obtén el ID de tu página de Facebook

Para acceder a tu página, abre tu página de Facebook y haz clic en la pestaña "Acerca de" de la parte superior.

A continuación, haga clic en la opción Transparencia de la página y encontrará el ID de la página a la derecha.

Ahora que ya tienes tu Page ID, recuerda guardarlo en un lugar seguro antes de continuar.

Obtenga su código de acceso al evento

El siguiente paso es obtener el código de acceso al evento.

En caso de que aún no tengas uno, consulta nuestra guía paso a paso sobre cómo crear un token de acceso a eventos de Facebook.

También puedes seguir esta guía en vídeo:

Obtenga la URL de iCal de sus eventos

Para obtener la URL de iCal, abre tu página de inicio de Facebook y asegúrate de que has iniciado sesión como tu página de Facebook.

A continuación, haga clic en la opción Eventos de la izquierda para continuar.

Ahora, haz clic en la opción Tus eventos de la izquierda para que aparezcan los eventos activos que has planificado.

Todo lo que tienes que hacer ahora es copiar la URL del botón Añadir al calendario de la parte superior derecha.

Una vez hecho esto, vuelve a tu sitio web e introduce el ID de página, el token de acceso al evento y la URL de iCal.

Por último, haga clic en el botón Añadir fuente.

Ahora que has conectado esta fuente, puedes reutilizarla libremente para cualquiera de tus futuros feeds de Facebook si lo deseas.

Para continuar, puede seleccionar la fuente recién añadida y hacer clic en Siguiente.

Paso 4: Personaliza tu feed del calendario de eventos de Facebook

Una vez hecho esto, puedes seguir adelante y personalizar tu calendario de eventos. En primer lugar, puedes seleccionar un tema para tu nuevo feed de Facebook.

Tienes 5 temas de Facebook diferentes para elegir:

• Por defecto
• Moderno
• Muro social
• Esquema
• Solapamiento

Seleccione el tema y haga clic en Siguiente para continuar.

A continuación, el plugin le permitirá elegir entre 7 plantillas de feeds diferentes. Cada una de estas plantillas tiene un diseño único que puedes importar:

• Por defecto
• Mampostería simple
• Widget
• Rejilla grande
• Último álbum
• Carrusel de escaparates
• Carrusel simple

Ahora, puede seleccionar su plantilla y hacer clic en el botón Siguiente.

Ahora puedes ver una vista previa en directo de tu feed a la derecha, y las opciones de personalización están a la izquierda.

Con estas opciones, puede personalizar el tipo de fuente, el diseño, el color, el diseño del encabezado, el diseño de la entrada y mucho más.

En primer lugar, seleccione a la izquierda la opción Feed Layout.

Para su calendario de eventos, dispone de 3 diseños diferentes: Lista, Mampostería y Carrusel.

Si quieres que tus eventos aparezcan uno tras otro, puedes optar por el diseño de lista .

Para mostrar tus eventos de Facebook en columnas, puedes probar el diseño de mampostería .

Y también hay un diseño de carrusel donde puedes mostrar eventos en un hermoso deslizador de carrusel.

Una vez elegido el diseño del feed, haz clic en la opción Personalizar de la parte superior para volver a las opciones de personalización anteriores.

A continuación, puedes elegir la combinación de colores para tu feed de Facebook. Para ello, selecciona la opción Combinación de colores de la izquierda.

Ahora, puedes elegir entre 4 opciones diferentes para el color de tu pienso.

• Heredar del Tema: Copiar el esquema de color de su sitio web
• Claro: Tener un fondo claro con texto de color oscuro.
• Oscuro: oscurece el fondo con texto de color claro.
• Personalizados: Introduzca usted mismo todos los colores

Luego puedes personalizar otras partes de tu calendario de eventos, como el diseño de la cabecera, el tamaño de la fuente, los márgenes y mucho más.

Cuando estés satisfecho con el diseño de tu calendario de eventos de Facebook, haz clic en el botón Guardar .

A continuación, puedes ir al último paso, donde te mostramos cómo incrustar eventos de Facebook en la página, la barra lateral o el pie de página de un sitio web.

Paso 5: Muestra tu calendario de eventos de Facebook

Una vez que hayas terminado de personalizar, ya puedes mostrar tu calendario de eventos de Facebook en tu sitio web. Tienes 2 opciones para mostrar los eventos de tu página de Facebook en tu WordPress.

Insertar el calendario de eventos de Facebook en tus páginas

¿Cómo puedes incrustar eventos de Facebook en WordPress? Para publicar tu calendario de eventos de Facebook en tu página de WordPress, en primer lugar, haz clic en el botón Incrustar situado en la esquina superior derecha del editor en directo.

Verás una nueva ventana emergente que te permitirá elegir dónde publicar tu calendario de eventos de Facebook. A continuación, haz clic en el botón Añadir a una página para continuar.

Una vez hecho esto, ya puedes elegir de tu lista de páginas web. Asegúrate de seleccionar aquella en la que quieres publicar tu calendario de eventos de Facebook y haz clic en Añadir.

Ahora, el plugin te enviará a la página que acabas de elegir.

En esta página, haz clic en el pequeño icono de signo más (+) y selecciona el widget Facebook Feed en el menú desplegable para añadir tu calendario de eventos de Facebook.

Ya has añadido el calendario de eventos de Facebook a tu sitio web. Puedes visitar tu sitio web para ver cómo se ve el calendario de eventos de tu página de Facebook.

A continuación, te mostraremos cómo incrustar feeds de eventos de Facebook en la barra lateral o en el pie de página de tu sitio web utilizando este plugin.

Ahora vamos a ver cómo se puede dispay facebook eventos widget en su sitio web.

Muestra el calendario de eventos de Facebook en tu barra lateral o pie de página

La segunda forma es incluir los eventos de Facebook en las zonas de tu sitio web preparadas para widgets, como la barra lateral o el pie de página.

Para empezar, primero tendrás que abrir tu feed en el editor en vivo.

Ve al menú Facebook Feed desde el panel de control de WordPress y podrás ver todos tus feeds de Facebook en la lista.

En esa lista, haz clic en tu feed de eventos de Facebook.

Ahora, estarás de vuelta en el personalizador visual del plugin de Facebook. Aquí, vaya y haga clic en el botón Incrustar en la parte superior.

Ahora, el plugin te mostrará una ventana emergente donde podrás elegir la ubicación de tu widget de eventos de Facebook. Solo tienes que hacer clic en el botón Añadir a un widget para continuar.

Una vez hecho esto, el plugin te enviará automáticamente a la página de widgets. Aquí puedes añadir el widget del calendario de Facebook a tu barra lateral o al pie de página. En la lista de opciones de widgets, haz clic en Sidebar.

Para mostrar el widget del calendario de eventos de Facebook en el pie de página, puedes hacer clic en la opción Pie de página .

Por ahora, colocaremos el widget de eventos de Facebook en la barra lateral.

Cuando hagas clic en la barra lateral o en el pie de página, podrás ver todos los widgets activos en un menú desplegable.

Allí, puedes hacer clic en el icono más (+) para añadir un nuevo widget.

Puedes elegir el widget Facebook Feed entre las opciones para mostrar el widget de calendario de Facebook en la barra lateral de tu sitio web.

Y ya está. No dudes en echar un vistazo al front-end de tu sitio web y ver cómo queda tu widget de calendario de eventos de Facebook.

¡Y ya está!

Esperamos que este artículo te haya ayudado a aprender cómo mostrar un calendario de eventos de Facebook en tu sitio web. Usando Facebook Feed Pro, puedes tener un calendario de eventos para tu sitio en unos pocos clics.

En cuestión de minutos, puedes impulsar tus eventos de Facebook, conseguir más seguidores, atraer a los visitantes de tu sitio web y mucho más.

¿Estás listo para integrar tu calendario de eventos? Empieza a utilizar Facebook Feed Pro ahora mismo.

¿Quieres aumentar el número de seguidores y conseguir que más gente se una a tus eventos? Consulta esta guía sobre cómo conseguir más seguidores en Facebook.

Más consejos y guías de marketing en Facebook

• Cómo programar publicaciones en Facebook desde WordPress (paso a paso)
• Facebook Feed en tu sitio web: Los mejores ejemplos que puedes copiar
• Cómo incrustar reseñas de Facebook en un sitio web (Guía para principiantes)
• Los mejores plugins de Facebook para hacer crecer tu negocio este año
• Tipos de publicaciones en Facebook que aumentan fácilmente la participación