El bloque «Compartir en redes sociales» añade un conjunto de botones para compartir a tus páginas de SeedProd, lo que facilita a los visitantes compartir tu página o publicar la URL en sus plataformas de redes sociales favoritas. Las plataformas compatibles incluyen Facebook, X (Twitter), LinkedIn y Pinterest, cada una de ellas representada como un botón con la marca que abre el cuadro de diálogo para compartir de la plataforma con la URL de tu página ya rellenada.
A diferencia del bloque Perfiles sociales, que enlaza con tus propias cuentas, el bloque Compartir en redes sociales está diseñado para amplificar tu contenido permitiendo que tu público lo comparta. Puedes personalizar la etiqueta de cada botón, añadir opciones específicas de cada plataforma, como una imagen de Pinterest o un texto de tweet prellenado de X (Twitter), y reordenar los botones arrastrando y soltando para dar prioridad a las plataformas más relevantes para tu público.
Añadir el bloque para compartir en redes sociales a tus páginas
Sigue estos pasos para añadir un bloque de intercambio social a tu página 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 los botones para compartir:
- Tipo de plataforma: Utiliza el menú desplegable situado 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 de configuración (engranaje) de cualquier entrada para ampliar sus opciones y, a continuación, introduce una etiqueta personalizada que se mostrará junto al icono para compartir (por ejemplo, «Compartir», «Tuitear», «Añadir a Pinterest»).
- Texto del tweet (solo X / Twitter): Cuando el panel de configuración de X (Twitter) esté abierto, introduzca el texto del tweet que aparecerá en el cuadro de diálogo para compartir en 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 la URL de una imagen que quieras compartir con el pin. Puedes elegir una imagen de tu biblioteca multimedia o pegar la URL directa de la imagen en el campo «Image Src» (Fuente de la imagen).
- Reordenar: Arrastra las entradas hacia arriba o hacia abajo utilizando el controlador de arrastre (icono de flechas) para cambiar el orden de visualización de los botones para compartir.
- Duplicar/Eliminar: Pase el cursor sobre cualquier entrada para mostrar los botones Duplicar y Eliminar y poder gestionarla rápidamente.
- Añadir nuevo recurso compartido: Haga clic en el botón + Añadir nuevo recurso compartido situado en la parte inferior de la lista para añadir otro botón de plataforma.
Opciones de visualización:
- Tamaño: Establezca 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, centrada o derecha. Admite la alineación por dispositivo para ordenadores de sobremesa, tabletas y móviles.
Paso 3: Personalizar 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:
- Espacio entre: Establezca el espacio horizontal entre cada botón para compartir en la fila utilizando el control deslizante (1-100 píxeles).
- Sombra: añade un efecto de sombra a los botones para compartir. Elige entre los tamaños preestablecidos: Ninguno, Muy fino, Pequeño, Mediano, Grande, Extragrande y 2X Extragrande.
Espaciado:
- Margen: controla el espacio exterior alrededor del bloque Compartir en redes sociales (superior, derecho, inferior, izquierdo). Admite valores por dispositivo para ordenadores de sobremesa, tabletas y móviles.
- Relleno: ajusta el espacio interior dentro del bloque Compartir en redes sociales (arriba, derecha, abajo, izquierda). Admite valores por dispositivo para ordenadores de sobremesa, tabletas y móviles.
Atributos:
- ID CSS: muestra el identificador único generado automáticamente para tu bloque de intercambio social. Este ID lo crea automáticamente SeedProd y se puede usar para personalizar el estilo o la orientación de JavaScript.
- Clase personalizada: añade clases CSS personalizadas para aplicar estilos específicos de tu tema o CSS personalizado.
- Atributos personalizados: añade cualquier atributo HTML al elemento contenedor del bloque. Introduce cada atributo en una nueva línea utilizando el formato: nombre-del-atributo|valor (por ejemplo, data-section|share).
Visibilidad del dispositivo:
- Ocultar en el escritorio: Ocultar el bloque de intercambio social en las pantallas de escritorio.
- Ocultar en tableta: Ocultar el bloque Compartir en redes sociales en dispositivos tablet.
- Ocultar en dispositivos móviles: Ocultar el bloque Compartir en redes sociales 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 Compartir en redes sociales aparece en pantalla. Las opciones incluyen Rebotar, Fundido de entrada, Acercar, Girar y muchas más.
Paso 4: Guarde los cambios
Una vez que hayas terminado de configurar el bloque Compartir en redes sociales y personalizar su apariencia, asegúrate de guardar tu trabajo.
¡Has añadido correctamente un bloque para compartir en redes sociales 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 te ayuda a ampliar el alcance de tu contenido sin esfuerzo adicional. Personaliza las etiquetas, el tamaño y el espaciado de los botones para que se adapten al diseño de tu página, y utiliza los controles de alineación por dispositivo para garantizar que los botones se vean bien en todas las pantallas.