Elementor

Cómo poner un contador en Elementor

Cómo poner un contador en Elementor

Tabla de contenidos

¿Qué es el Widget de Contador en Elementor?

El Widget de contador en Elementor te permite añadir un contador numerado animado en tu página web. Puedes usarlo para mostrar cifras importantes, como el número de clientes satisfechos, productos vendidos, o los visitantes de tu sitio web.

¿Cómo usar el Widget de Contador en Elementor?

Paso 1. Añade el Widget al lienzo

Widget de Contador
Widget de Contador

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

Paso 1. Personaliza el Contador

Contenido del Contador
Contenido del Contador

En la pestaña Contenido > Contador > puedes personalizar los ajustes del contador animado.

  • Número de inicio: Establece el número inicial del contador.
  • Número de fin: Establece el número final del contador.
  • Prefijo de número: Escribe el texto que aparecerá antes de los números. Por ejemplo el signo de +.
  • Sufijo de número: Escribe el texto que aparecerá después de los números. Por ejemplo el signo de €.
  • Duración de la animación: Escribe el tiempo en milisegundos que durará la animación.
  • Separador de miles: Activa esta opción para añadir un separador números de más de cuatro dígitos.
  • Separador: Elige entre: Por defecto, Punto, Espacio, Subrayado o Apóstrofe.

Paso 2. Añade un Título

Título del contador
Título del contador

Usa el campo Título para escribir un texto que aparecerá debajo del número.

Paso 3. Elige una Etiqueta HTML

Etiqueta HTML del título
Etiqueta HTML del título

Elige una Etiqueta HTML para el texto del contador. Las opciones van desde el H1 al H6, div, span o p.

Paso 4. Personaliza el Estilo del Contador

Estilo del contador
Estilo del contador

Personaliza la Posición del título, la Alineación horizontal del título, el Espacio del título y la Posición del número.

Paso 5. Personaliza el Estilo del Número

Estilo del número
Estilo del número

Personaliza el Color del texto, la Tipografía, el Trazo del texto y la Sombra de texto.

Paso 6. Personaliza el Estilo del Título

Estilo del Título
Estilo del Título

Personaliza el Color del texto, la Tipografía, el Trazo del texto y la Sombra de texto.

Escrito por:

Richi Pérez

Richi Pérez

15/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...