El bloque de Página de Facebook te permite incrustar un feed en vivo de una Página de Facebook directamente en cualquier página de SeedProd. Los visitantes pueden ver tu línea de tiempo, eventos o contenido de mensajes sin salir de tu sitio web, lo que te ayuda a mantener a tu audiencia comprometida y actualizada.
Con opciones para controlar qué pestañas se muestran, ajustar el estilo del encabezado, mostrar u ocultar fotos de perfil y establecer la altura de incrustación, este bloque te da control total sobre cómo aparece tu Página de Facebook en tu sitio.
Añadir el bloque de Página de Facebook a tus páginas
Sigue estos pasos para añadir un bloque de Página de Facebook a tu página de SeedProd:
Paso 1: Añadir el Bloque
En Diseño > Bloques, arrastra y suelta el bloque Página de Facebook en la sección deseada de tu página.
Paso 2: Configurar los Ajustes de Contenido
Una vez añadido, haz clic en el bloque de Página de Facebook para abrir su configuración. En la pestaña Contenido, configura qué Página de Facebook mostrar y cómo debe aparecer.
Configuración de Facebook:
- ID de aplicación de Facebook: Muestra tu aplicación de Facebook conectada. Si aún no hay un ID de aplicación configurado, verás una indicación para establecerlo en Configuración de página. Una vez conectado, aparece una opción Cambiar aplicación para cambiar a una aplicación diferente.
- Enlace: Introduce la URL completa de la Página de Facebook que deseas incrustar (por ejemplo, https://www.facebook.com/tu-pagina/).
- Pestañas: Selecciona qué pestañas de contenido mostrar en el feed de la página incrustada. Puedes elegir una o más de Línea de tiempo, Eventos y Mensajes. Línea de tiempo muestra las publicaciones recientes, Eventos muestra los próximos eventos y Mensajes abre una opción de mensaje directo.
- Encabezado pequeño: Activa esta opción para mostrar una versión compacta del encabezado de la Página de Facebook, ahorrando espacio vertical en la incrustación.
- Ocultar foto de portada: Activa esta opción para ocultar la foto de portada de la página en el feed incrustado.
- Fotos de perfil: Activa esta opción para mostrar las fotos de perfil de los amigos a los que les gusta la página junto a la incrustación.
- Ocultar botón de llamada a la acción: Activa esta opción para ocultar el botón de llamada a la acción (como Me gusta o Seguir) de la página incrustada.
- Altura: Establece la altura del feed de la Página de Facebook incrustada en píxeles, de 70 a 700px.
- Alineación: Establece la alineación horizontal de la página incrustada: Izquierda, Centro o Derecha.
Paso 3: Personaliza el Diseño
En la pestaña Avanzado, puedes ajustar el espaciado y la visibilidad de tu bloque de Página de Facebook.
Espaciado:
- Margen: Controla el espaciado exterior alrededor de tu bloque de Página de Facebook (Superior, Derecho, Inferior, Izquierdo). Admite valores por dispositivo para escritorio, tableta y móvil.
- Relleno: Ajusta el espaciado interior dentro de tu bloque de Página de Facebook (Superior, Derecho, Inferior, Izquierdo). Admite valores por dispositivo para escritorio, tableta y móvil.
Atributos:
- ID de CSS: Muestra el identificador único generado automáticamente para tu bloque de Página de Facebook, creado automáticamente por SeedProd para estilos personalizados o segmentación por JavaScript.
- Clase Personalizada: Agregue clases CSS personalizadas para aplicar estilos específicos de su tema o CSS personalizado.
- Atributos Personalizados: Agregue cualquier atributo HTML al elemento contenedor del bloque. Ingrese cada atributo en una nueva línea usando el formato: nombre-atributo|valor.
Visibilidad del Dispositivo:
- Ocultar en escritorio: Oculta el bloque de Página de Facebook en pantallas de escritorio.
- Ocultar en tableta: Oculta el bloque de página de Facebook en dispositivos tableta.
- Ocultar en móvil: Oculta el bloque de página de Facebook en dispositivos móviles.
Efectos de Animación:
- Animación de entrada: Elige un efecto de animación que se reproduzca cuando el bloque de página de Facebook aparezca en la vista, como Rebote, Fundido de entrada, Zoom de entrada, Girar de entrada y muchos más.
Paso 4: Guarde sus Cambios
Una vez que hayas terminado de configurar el bloque de página de Facebook y personalizar su apariencia, asegúrate de guardar tu trabajo.
¡Has agregado con éxito un bloque de página de Facebook a tu página! Este bloque facilita la incorporación de tu feed en vivo de la página de Facebook en cualquier página de SeedProd, manteniendo a los visitantes conectados a tu presencia social sin redirigirlos fuera de tu sitio. Asegúrate de que tu ID de aplicación de Facebook esté configurado para que la página incrustada se cargue correctamente para todos los visitantes.