El bloque Compartir en Redes Sociales añade un conjunto de botones para compartir a tus páginas de SeedProd, facilitando a los visitantes que compartan la URL de tu página o publicación en sus plataformas de redes sociales favoritas. Las plataformas admitidas incluyen Facebook, X (Twitter), LinkedIn y Pinterest, cada una representada como un botón de marca que abre el diálogo de compartir de la plataforma con la URL de tu página pre-rellenada.
A diferencia del bloque Perfiles Sociales, que enlaza a tus propias cuentas, el bloque Compartir en Redes Sociales está diseñado para amplificar tu contenido permitiendo que tu audiencia lo comparta. Puedes personalizar la etiqueta de cada botón, añadir opciones específicas de la plataforma como una imagen para Pinterest o un texto de tweet pre-rellenado para X (Twitter), y reordenar los botones arrastrando y soltando para priorizar las plataformas más relevantes para tu audiencia.
Añadir el Bloque de Compartir en Redes Sociales a tus Páginas
Sigue estos pasos para añadir un bloque de Compartir en Redes Sociales a tu página de SeedProd:
Paso 1: Añadir el Bloque
En Diseño > Bloques, arrastra y suelta el bloque Compartir en Redes Sociales 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 Compartir en Redes Sociales para abrir su configuración. En la pestaña Contenido, la sección Compartir en Redes Sociales te permite gestionar tu lista de botones para compartir y configurar las opciones de visualización.
Gestión de Botones para Compartir:
- Tipo de Plataforma: Usa el menú desplegable junto a cada entrada para seleccionar la plataforma social. Las opciones disponibles son Facebook, X (Twitter), LinkedIn y Pinterest.
- Etiqueta: Haz clic en el icono del engranaje de configuración en cualquier entrada para expandir sus opciones, luego introduce una etiqueta personalizada para mostrar junto al icono para compartir (por ejemplo, "Compartir", "Twittear", "Pin It").
- Texto del Tweet (solo X / Twitter): Cuando el panel de configuración de X (Twitter) esté abierto, introduce un texto de tweet pre-rellenado que aparecerá en el diálogo de compartir de Twitter cuando un visitante haga clic en el botón.
- Imagen (solo Pinterest): Cuando el panel de configuración de Pinterest esté abierto, selecciona o introduce una URL de imagen que se compartirá con el pin. Puedes elegir una imagen de tu biblioteca de medios o pegar una URL de imagen directa en el campo URL de la Imagen.
- Reordenar: Arrastra las entradas hacia arriba o hacia abajo usando el control de arrastre (icono de flechas) para cambiar el orden de visualización de los botones para compartir.
- Duplicar / Eliminar: Pasa el ratón por encima de cualquier entrada para que aparezcan los botones Duplicar y Eliminar para una gestión rápida.
- Añadir Nuevo Compartir: Haz clic en el botón + Añadir Nuevo Compartir en la parte inferior de la lista para añadir otro botón de plataforma.
Opciones de Visualización:
- Tamaño: Establece el tamaño general del botón: Pequeño, Mediano o Grande.
- Alineación: Establece la alineación horizontal de la fila de botones: Izquierda, Centro o Derecha. Admite alineación por dispositivo para escritorio, tableta y móvil.
Paso 3: Personaliza el Diseño
En la pestaña Avanzado, puedes ajustar la apariencia visual de tu bloque Compartir en Redes Sociales y controlar su visibilidad.
Estilos:
- Espaciado: Establece la separación horizontal entre cada botón para compartir en la fila usando el control deslizante (1-100px).
- Sombra: Añade un efecto de sombra a los botones para compartir. Elige entre tamaños preestablecidos: Ninguna, Sutil, Pequeña, Mediana, Grande, Muy Grande y Extra Grande.
Espaciado:
- Margen: Controla el espaciado exterior alrededor de tu bloque de Compartir en Redes (Superior, Derecho, Inferior, Izquierdo). Admite valores por dispositivo para escritorio, tableta y móvil.
- Relleno: Ajusta el espaciado interior dentro de tu bloque de Compartir en Redes (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 Compartir en Redes. Esta ID se crea automáticamente por SeedProd y se puede usar 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: Añade cualquier atributo HTML al elemento contenedor del bloque. Introduce cada atributo en una línea nueva usando el formato: nombre-atributo|valor (por ejemplo, data-section|share).
Visibilidad del Dispositivo:
- Ocultar en Escritorio: Oculta el bloque de Compartir en Redes en pantallas de escritorio.
- Ocultar en Tableta: Oculta el bloque de Compartir en Redes en dispositivos tableta.
- Ocultar en Móvil: Oculta el bloque de Compartir en Redes en dispositivos móviles.
Efectos de Animación:
- Animación de Entrada: Elige entre varios efectos de animación que se reproducen cuando el bloque de Compartir en Redes entra en la vista. Las opciones incluyen Rebote, Fundido de Entrada, Zoom de Entrada, Girar de Entrada y muchas más.
Paso 4: Guarde sus Cambios
Una vez que hayas terminado de configurar el bloque de Compartir en Redes y personalizar su apariencia, asegúrate de guardar tu trabajo.
¡Has añadido con éxito un bloque de Compartir en Redes a tu página! Al ofrecer a los visitantes una forma sencilla de compartir tu contenido en Facebook, X (Twitter), LinkedIn y Pinterest con un solo clic, este bloque ayuda a ampliar el alcance de tu contenido sin ningún esfuerzo adicional. Personaliza las etiquetas de los botones, el tamaño y el espaciado para que coincidan con el diseño de tu página, y utiliza los controles de alineación por dispositivo para asegurar que los botones se vean geniales en cada pantalla.