Documentación de SeedProd

Documentación, Materiales de Referencia y Tutoriales para SeedProd

Bloque de inserción de Facebook

El bloque de Incrustación de Facebook te permite incrustar publicaciones, vídeos y comentarios de Facebook directamente en cualquier página de SeedProd. En lugar de dirigir a los visitantes a Facebook, puedes mostrar contenido público de Facebook justo donde tu audiencia ya está interactuando.

Ya sea que desees destacar una publicación de anuncio de producto, mostrar un testimonio en vídeo o presentar un comentario específico de un cliente, este bloque te ofrece opciones de incrustación flexibles con controles adaptados a cada tipo de contenido.

Ejemplo de bloque de Incrustación de Facebook

Requisitos: El bloque de Incrustación de Facebook está disponible en todos nuestros planes de licencia. Debes configurar tu ID de Aplicación de Facebook en Ajustes de Página o en SeedProd > Ajustes antes de que este bloque muestre el contenido correctamente.


Añadir el Bloque de Incrustación de Facebook a tus Páginas

Sigue estos pasos para añadir un bloque de Incrustación de Facebook a tu página de SeedProd:

Paso 1: Añadir el Bloque

En Diseño > Bloques, arrastra y suelta el bloque Incrustación de Facebook en la sección deseada de tu página.

Arrastrar el bloque de Incrustación de Facebook a una página de SeedProd

Paso 2: Configurar los Ajustes de Contenido

Una vez añadido, haz clic en el bloque de Incrustación de Facebook para abrir sus ajustes. En la pestaña Contenido, configura qué contenido de Facebook mostrar y cómo debe comportarse.

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 configurarlo en Ajustes de Página. Una vez conectado, aparece una opción Cambiar Aplicación para cambiar a una Aplicación de Facebook diferente.
  • Tipo de Incrustación: Elige qué tipo de contenido de Facebook incrustar: Publicación, Vídeo o Comentario. Los campos debajo de este ajuste cambian según el tipo que selecciones.
  • Enlace de Publicación (visible cuando el Tipo de Incrustación está configurado como Publicación): Introduce la URL completa de la publicación pública de Facebook que deseas incrustar.
  • Enlace de Vídeo (visible cuando el Tipo de Incrustación está configurado como Vídeo): Introduce la URL completa del vídeo de Facebook que deseas incrustar.
  • Enlace de Comentario (visible cuando el Tipo de Incrustación está configurado como Comentario): Introduce la URL completa del comentario de Facebook que deseas incrustar.
  • Incluir Publicación Completa (visible cuando el Tipo de Incrustación está configurado como Publicación o Vídeo): Activa para mostrar el contenido completo de la publicación junto con la incrustación, o desactiva para mostrar una versión condensada.
  • Permitir Pantalla Completa (visible cuando el Tipo de Incrustación está configurado como Vídeo): Activa para permitir a los visitantes expandir el vídeo incrustado a pantalla completa.
  • Reproducción Automática (visible cuando el Tipo de Incrustación está configurado como Vídeo): Activa para reproducir automáticamente el vídeo cuando la página se cargue.
  • Subtítulos (visible cuando el Tipo de Incrustación está configurado como Vídeo): Activa para mostrar subtítulos en el vídeo incrustado cuando estén disponibles.
  • Comentario Principal (visible cuando el Tipo de Incrustación está configurado como Comentario): Activa para incluir la publicación principal junto con el comentario incrustado para mayor contexto.
  • Alineación: Establece la alineación horizontal del contenido incrustado: Izquierda, Centro o Derecha.
Configuración de contenido del bloque de Incrustación de Facebook

Paso 3: Personaliza el Diseño

En la pestaña Avanzado, puedes ajustar el espaciado y la visibilidad de tu bloque de Incrustación de Facebook.

Espaciado:

  • Margen: Controla el espaciado exterior alrededor de tu bloque de Incrustación de Facebook (Superior, Derecho, Inferior, Izquierdo).
  • Relleno: Ajusta el espaciado interior dentro de tu bloque de Incrustación de Facebook (Superior, Derecho, Inferior, Izquierdo). Admite valores por dispositivo para escritorio, tableta y móvil.

Atributos:

  • ID CSS: Muestra el identificador único autogenerado para tu bloque de Incrustación de Facebook, creado automáticamente por SeedProd para estilos personalizados o segmentación de 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 Incrustación de Facebook en pantallas de escritorio.
  • Ocultar en tableta: Oculta el bloque de Incrustación de Facebook en dispositivos tableta.
  • Ocultar en móvil: Oculta el bloque de Incrustación 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 Incrustación de Facebook aparezca en la vista, como Rebote, Fundido de entrada, Zoom de entrada, Girar de entrada y muchos más.
Configuración avanzada del bloque de Incrustación de Facebook

Paso 4: Guarde sus Cambios

Una vez que hayas terminado de configurar el bloque de Incrustación de Facebook y personalizar su apariencia, asegúrate de guardar tu trabajo.


¡Has añadido con éxito un bloque de Incrustación de Facebook a tu página! Este bloque facilita la incorporación de contenido público de Facebook en tus páginas de SeedProd, manteniendo a los visitantes interesados sin enviarlos fuera del sitio. Asegúrate de que tu ID de aplicación de Facebook esté configurado correctamente para que el contenido incrustado se cargue y se muestre como se espera.

Artículos Relacionados