Elementor

Cómo incluir redes sociales en Elementor

Cómo incluir redes sociales en Elementor

Tabla de contenidos

¿Qué es el widget de Iconos sociales en Elementor?

El widget de Redes sociales en Elementor te permite añadir iconos de redes sociales como Facebook, X (anteriormente conocido como Twitter), Instagram, LinkedIn, etc, y luego enlazarlos a tus diferentes perfiles en esas plataformas. Esto ayudará a aumentar la visibilidad de tu marca, fomentará la interacción con tu audiencia y mejorará la credibilidad de tu contenido.

¿Cómo usar el widget de Iconos sociales en Elementor?

Paso 1. Añade el Widget al lienzo

Widget de Iconos sociales
Widget de Iconos sociales

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

Paso 2. Añade una red social

Contenido de Iconos sociales
Contenido de Iconos sociales

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

Al hacer clic en el botón, encontrarás las siguientes opciones de personalización:

  • Icono: Elige un icono usando la Biblioteca de icono o sube un icono en SVG. La biblioteca de iconos tiene varios, pero siempre puedes añadir alguno que no exista.
  • Enlace: Usa este campo para escribir la URL de tu perfil en redes sociales (por ejemplo, Facebook). En ajustes, por defecto está marcada la opción de “Abrir en una nueva ventana”. De esta forma el usuario no saldrá de tu web.
  • Color: Elige entre color oficial o personalizado.
    • Color oficial: Mantiene los colores originales de la red social.
    • Personalizado: Puedes elegir un color principal para el logotipo de la red social y un color secundario para el fondo.

Repite estos pasos para cada uno de los iconos que quieres añadir al menú. Elige un icono de la biblioteca de iconos, añade una URL y personaliza el color.

Paso 3. Elige la forma

Forma del icono
Forma del icono

En el campo Forma, elige entre: Redondeado, Cuadrado o Círculo.

Paso 4. Elige las columnas

Columnas
Columnas

Usa el campo Columnas para elegir en cuántas columnas quieres organizar los iconos.

Paso 5. Alinea los iconos

Alineación
Alineación

Elige entre los 3 tipos de alineación que existen. Las opciones son: alineado a la izquierda, alineado a la derecha o centrado.

Paso 6. Personaliza el estilo del icono en estado normal

Estilo del icono
Estilo del icono

Personaliza el Color principal y secundario, el Tamaño, el Relleno, el Espaciado, el Espacio de las filas, el Tipo de borde y el Radio de borde.

Paso 7. Personaliza el estilo del icono al pasar el cursor

Icono al pasar el cursor
Icono al pasar el cursor

Personaliza el Color principal, el Color secundario y la Animación al pasar el cursor.

Escrito por:

Richi Pérez

Richi Pérez

21/05/2024

Tutoriales de WordPress y diseño

Sigue aprendiendo

Tutoriales de WordPress y Elementor para conocer todos los recursos disponibles

¿Cuál es el color del signo de Aries? Signo: Aries Color: Rojo Planeta: Marte Gema/metal: Rubí Razón: Marte...

¿Qué es el widget de Ancla de menú en Elementor? El Widget de Ancla de menú en Elementor te...

¿Qué es el widget de HTML en Elementor? El Widget de HTML en Elementor te permite incrustar código...