Elementor

Cómo añadir botones para compartir en redes sociales en Elementor

Cómo añadir botones para compartir en redes sociales en Elementor

Tabla de contenidos

¿Qué es el Widget de Botones de compartir en Elementor?

El Widget de Botones de compartir en Elementor añade botones para compartir en redes sociales a tus páginas o publicaciones de WordPress. Puedes personalizar el color, el estilo o el tamaño de los botones. Sin embargo, la lista de redes sociales que permite añadir el widget es limitada e incluye Instagram, Facebook, WhatsApp, X (antes conocido como Twitter) o Threads, entre otras.

¿Cómo usar el Widget de botones de compartir en redes sociales en Elementor?

Paso 1. Añade el Widget al lienzo

Botones de compartir Widget
Botones de compartir Widget

Haz clic en el Widget de Botones de compartir, luego arrástralo y suéltalo dentro del lienzo.

Paso 2. Añade una red social

Botones de compartir
Botones de compartir

Haz clic sobre el botón + Añadir elemento para agregar una nueva Red social.

Luego, presiona sobre la nueva opción y en Red > elige una de las Redes sociales.

Por último, usa el campo Etiqueta personalizada para escribir un texto o elegir una etiqueta dinámica. Este texto solo se mostrará si en la opción Ver eliges Icono y Texto.

Paso 3. Elige la apariencia de los botones

Apariencia
Apariencia
  • En Ver, elige entre: Icono y Texto, solo Texto o solo Icono.
  • En Estilo, elige entre: Gradiente, Mínimo, Encuadrado, Icono en caja y Plano.
  • En Forma, elige entre: Redondeado, Cuadrado o Círculo.
  • En Columnas, elige el número de columnas.
  • En Alineación, elige entre: izquierda, centro, derecha o justificar.

Paso 4. Elige una URL de destino

URL de destino
URL de destino

Usa el desplegable para elegir entre Página actual o Personalizado. Si eliges la opción de Personalizado puedes añadir el enlace que quieras o usar la etiquetas dinámicas.

Paso 5. Personaliza el Estilo de los botones

Estilo Botones de compartir
Estilo Botones de compartir

Estas opciones las encuentras dentro de Estilo > Botones de compartir

  • Espacio entre columnas: Usa el control deslizante para editar el espacio que dejas entre los botones.
  • Espacio de las filas: Usa el control deslizante para editar el espacio que dejas entre el botón de arriba y el botón de abajo. Esta opción es perfecta para pantallas reducidas como las del móvil.
  • Tamaño del botón: Edita el tamaño de los botones
  • Altura del botón: Edita la altura de los botones.

Paso 6. Elige un color y la tipografía para los botones

Color y Tipografía
Color y Tipografía

Color: elige entre Oficial y Personalizado.

  • Oficial: No puedes editar los colores, los colores vienen dados por Elementor.
  • Personalizado: En este caso puedes elegir los colores tanto en el modo Normal de los botones o Al pasar el cursor sobre ellos.

Tipografía: En ambos casos, en Oficial y Personalizado, puedes elegir una tipografía para los botones de compartir en redes sociales.

Escrito por:

Richi Pérez

Richi Pérez

05/06/2024

Tutoriales de WordPress y diseño

Sigue aprendiendo

Tutoriales de WordPress y Elementor para conocer todos los recursos disponibles

¿Por qué usar fuentes y colores globales en Elementor? Para unificar el aspecto de un sitio web, es...

¿Qué es el widget de Valoración en Elementor? El Widget de Valoración en Elementor te permite añadir valoraciones...

¿Qué es el widget de Indicador de avance en Elementor? El Widget de Indicador de avance en Elementor...