Cómo crear o cambiar el horario laboral con el widget Lista de Iconos de Elementor

¿Tienes un sitio web y quieres que tus clientes sepan cuándo estás disponible? Mostrar el horario laboral es esencial para generar confianza, evitar mensajes fuera de hora y mejorar tu presencia en Google. 🕒

En esta guía te enseñaremos cómo crear o cambiar el horario laboral con el widget Lista de Iconos, una herramienta visual que te permite mostrar tu información de contacto sin necesidad de escribir código. Ideal para que cualquier persona pueda hacerlo, sin complicaciones.

@codwelt 🎯 ¿Tienes Elementor y no sabes cómo cambiar la letra o el color de un título? 💻 ¡Te enseño paso a paso cómo hacerlo con el widget Encabezado! ✅ Personaliza tu sitio sin tocar código 💡 Ideal si eres emprendedor, principiante o cliente de Codwelt 👀 ¡Dale estilo a tu web en segundos! 👇 Mira el tutorial completo y transforma tus títulos hoy #ElementorTips #WordPressEspañol #Codwelt #DiseñoWeb #Elementor ♬ sonido original – Codwelt

¿Por qué mostrar el horario laboral en tu web?

Tener el horario laboral en el header de Elementor o en el footer de tu página ayuda a que tus clientes sepan en qué momento estás disponible. Además de mejorar la experiencia del usuario, crear un horario laboral web bien visible puede reforzar tu posicionamiento SEO local 🧭.

Así, podrás gestionar de manera efectiva tu horario laboral con el widget Lista de Iconos y asegurarte de que tus clientes estén siempre informados.

También evitarás llamadas o mensajes en horarios en los que tu negocio no está operativo, lo que mejora la atención al cliente y da una imagen profesional.

Paso 1 – Localizar el header o footer en Elementor

Abrir el header o footer de elementor

Para comenzar, debes de tener la sesión iniciada (Revisa como iniciar sesión en una página web wordpress) y después de esto al momento de ver la página web para edición en el botón de Elementor en la parte superior encontraras al pasar el mouse sobre el icono las opciones de header o footer de Elementor. Selecciona según donde quieras mostrar el horario laboral con el widget Lista de Iconos.

Insertar el widget Lista de Iconos

Dentro del editor visual de Elementor, localiza el widget llamado Lista de Iconos. Lo reconocerás por su icono de viñeta con símbolo “+”. Arrástralo hasta el lugar donde quieras mostrar tu horario: puede ser al lado del logo, en el menú superior o al final del sitio.

🧩 Este paso es esencial si buscas mostrar el horario laboral en header Elementor o en footer Elementor.

Paso 2 – Añadir y editar los íconos y el texto del horario

Seleccionar los íconos adecuados

Haz clic sobre el widget Lista de Iconos. En la pestaña Contenido, verás que cada línea tiene un icono y un texto. Pulsa sobre el icono para cambiarlo por uno más apropiado como un 🕒 “reloj”, 📅 “calendario” o 🏢 “edificio”.

Escribir el horario laboral

Reemplaza el texto predefinido con tus horarios reales. Por ejemplo:

• Lun–Vie: 9 am – 6 pm
• Sáb: 10 am – 2 pm
• Domingo: Cerrado

Este paso es clave para quienes desean personalizar el horario laboral con Elementor fácilmente.

Paso 3 – Personalizar el estilo del horario laboral

Tipografía y color

Ve a la pestaña Estilo dentro del mismo widget. Aquí puedes ajustar la tipografía Elementor: elige la fuente, el tamaño, el color y el peso del texto para que combine con tu identidad visual.

Por ejemplo, podrías usar la fuente Montserrat, tamaño 14 px, en color #2A7FFF si ese es el azul de tu marca.

Espaciado y alineación

Sigue en la pestaña Estilo, y ubica las opciones de espaciado. Aquí puedes separar los ítems y alinear todo a la izquierda, centro o derecha, según el diseño de tu web.

Con estos ajustes, tu horario no solo será visible, también se verá profesional 😎.

Ejemplo práctico

Supongamos que tienes una tienda en Bogotá y tu horario es de lunes a viernes de 8 am a 5 pm. Abre el header, añade un widget Lista de Iconos, selecciona un ícono de reloj y cambia el texto por:

Lun–Vie: 8 am – 5 pm

Luego, en la pestaña Estilo, ajusta el color del texto a #2A7FFF y la fuente a Montserrat. ¡Listo! Ahora tu horario laboral en header Elementor luce profesional y está bien integrado con tu diseño.

Solución de errores comunes

• No se muestra el horario: Asegúrate de haber guardado y publicado los cambios. También verifica que la plantilla esté asignada correctamente al header o footer.
• El color o fuente no cambian: A veces hay conflictos de estilos. Ve a Estilo y ajusta los valores manualmente.
• No se actualiza en la web: Borra la caché de tu sitio o del navegador.

Optimización para Snippets de Google

“Para cambiar el horario laboral con Elementor, arrastra el widget Lista de Iconos al header y edita el texto en la pestaña Contenido.”

“El widget Lista de Iconos de Elementor permite mostrar horarios de atención sin programar.”

Preguntas frecuentes (FAQs)

¿Puedo cambiar el horario sin saber programar?

¡Sí! Con Elementor y su widget Lista de Iconos, no necesitas tocar código. Solo arrastras, escribes y ajustas.

¿Dónde es mejor poner el horario, en el header o footer?

Depende de tu diseño. En header Elementor, es más visible. En footer Elementor, es ideal para contacto y atención.

¿Qué pasa si tengo diferentes horarios por día?

Puedes añadir una línea por cada día y usar íconos para diferenciarlos.

¿Listo para intentarlo?

Ahora ya sabes cómo crear o cambiar el horario laboral con el widget Lista de Iconos de Elementor paso a paso, sin necesidad de ser experto. Pruébalo y cuéntanos en los comentarios si te funcionó.

Y si prefieres que un equipo profesional lo haga por ti, en Codwelt estaremos encantados de ayudarte. ¡Contáctanos y optimicemos tu sitio web juntos! 🚀