Documentación de SeedProd

Documentación, Materiales de Referencia y Tutoriales para SeedProd

Bloque "Me gusta" de Facebook

El bloque Me gusta de Facebook te permite añadir un botón Me gusta de Facebook a cualquier página de SeedProd, ofreciendo a los visitantes una forma rápida de expresar su aprecio por tu contenido y compartirlo con su red de Facebook.

Con opciones de diseño flexibles, controles de tamaño y la capacidad de dirigir cualquier URL, el bloque Me gusta de Facebook es una forma sencilla de aumentar la interacción social directamente desde tus páginas de destino, páginas de "próximamente" o cualquier otra página creada con SeedProd.

Ejemplo de bloque de Me gusta de Facebook

Requisitos: El bloque Me gusta de Facebook está disponible en todos nuestros planes de licencia. Debes configurar tu ID de aplicación de Facebook en Configuración de página o en SeedProd > Configuración para que el botón Me gusta funcione correctamente.


Añadir el bloque Me gusta de Facebook a tus páginas

Sigue estos pasos para añadir un bloque Me gusta de Facebook a tu página de SeedProd:

Paso 1: Añadir el Bloque

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

Arrastrando el bloque de Me gusta de Facebook a una página de SeedProd

Paso 2: Configurar los Ajustes de Contenido

Una vez añadido, haz clic en el bloque Me gusta de Facebook para abrir su configuración. En la pestaña Contenido, configura cómo aparece el botón Me gusta y a qué URL se dirige.

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.
  • Diseño: Elige cómo se muestra el botón Me gusta: Estándar (botón Me gusta con un recuento social y fotos de perfil opcionales), Botón (un simple botón Me gusta sin recuento), Recuento de botones (botón Me gusta con un recuento en línea) o Recuento de caja (botón Me gusta con un recuento mostrado encima).
  • Tamaño: Establece el tamaño del botón Me gusta: Pequeño o Grande.
  • Botón Compartir: Activa para añadir un botón Compartir de Facebook junto al botón Me gusta, ofreciendo a los visitantes una forma adicional de difundir tu contenido.
  • URL de destino: Elige con qué URL se asocia el botón Me gusta: Página actual para usar la página en la que se encuentra el bloque, o Personalizada para especificar una URL diferente.
  • Enlace (visible cuando la URL de destino está configurada como Personalizada): Introduce la URL específica que quieres que los visitantes indiquen "Me gusta" cuando hagan clic en el botón.
  • Formato de URL (visible cuando la URL de destino está configurada como Página actual): Elige entre el formato Permalink simple o Permalink bonito para cómo se pasa la URL de la página actual a Facebook.
  • Alineación: Establece la alineación horizontal del botón Me gusta: Izquierda, Centro o Derecha.
Configuración de contenido del bloque de Me gusta de Facebook

Paso 3: Personaliza el Diseño

En la pestaña Avanzado, puedes ajustar el espaciado y la visibilidad de tu bloque Me gusta de Facebook.

Espaciado:

  • Margen: Controla el espaciado exterior alrededor de tu bloque Me gusta 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 Me gusta de Facebook (Arriba, Derecha, Abajo, Izquierda). 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 Me gusta de Facebook, creado automáticamente por SeedProd para estilos personalizados o para apuntar con 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 Me gusta de Facebook en pantallas de escritorio.
  • Ocultar en Tableta: Oculta el bloque de Me gusta de Facebook en dispositivos tableta.
  • Ocultar en Móvil: Oculta el bloque de Me gusta 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 Me gusta 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 Me gusta de Facebook

Paso 4: Guarde sus Cambios

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


¡Has añadido con éxito un bloque de Me gusta de Facebook a tu página! Este bloque facilita invitar a los visitantes a interactuar con tu contenido en Facebook sin salir de tu sitio. Asegúrate de que tu ID de aplicación de Facebook esté configurado para que el botón Me gusta se cargue y funcione correctamente para todos los visitantes.

Artículos Relacionados