📅Calendar & Booking

🗓️ Cómo mostrar tus servicios en un calendario en cualquier página de Shopify

🗓️ Cómo mostrar tus servicios en un calendario en cualquier página...: El calendario de eventos es una de las funciones más solicitadas de...

3 min read
0 views
Updated May 14, 2026

El calendario de eventos es una de las funciones más solicitadas de Cowlendar, ¡y ahora finalmente está aquí! 🎉

Con esta herramienta, puedes mostrar todos tus servicios dentro de un calendario limpio e interactivo, lo que permite a los clientes explorar los eventos disponibles por mes, semana, lista o vista de cuadrícula en cualquier página de Shopify.

Esta característica es perfecta para:

✔ Talleres y clases

✔ Citas en salón o spa

✔ Reservas en restaurantes

✔ Horarios de acondicionamiento físico

✔ Tours, alquileres, espacios de coworking y más


✨ Funciones clave del calendario de eventos

📆 Múltiples vistas de calendario

Puedes permitir que los clientes cambien entre:

Vista mensual

Vista semanal

Vista de lista (utilizada automáticamente en dispositivos móviles)

Vista de cuadrícula

Los clientes pueden explorar tus servicios en el formato que mejor les funcione.


🛠 Cómo agregar tu calendario de eventos a cualquier página de Shopify

Sigue estos pasos para crear y mostrar tu calendario de eventos.

1️⃣ Agregar servicios al calendario de eventos

Paso 1: En tu panel de administración de Shopify, haz clic en Aplicaciones.

Paso 2: Abra Cowlendar.

Paso 3: Ve a Configuración.

Paso 4: Haz clic en Calendario de eventos en el panel izquierdo.

Paso 5: Haz clic en Agregar servicio y elija qué servicios deben aparecer en el calendario.

⚠️Warning
Puedes editar cada servicio individualmente.

Haz clic en el ícono de lápiz ✏️ para: Ocultar precio, Ocultar duración, Ocultar ubicación, etc.


2️⃣ Agrega el calendario de eventos a tu sitio web de Shopify

Paso 6: En la barra lateral izquierda de Shopify, haz clic en Tienda en línea.

Paso 7: Selecciona Temas.

Paso 8: Haz clic en Personalizar para abrir el editor de temas.

Paso 9: Navegue hasta la página donde desea agregar su Calendario de eventos.

Paso 10: Haz clic en Agregar sección.

Paso 11: Ve a Aplicaciones y elija Calendario de eventos Cowlendar.

Su calendario de eventos ahora se mostrará en la página seleccionada 🎉


⚙️ Configuración del calendario y opciones de personalización

Una vez dentro de Configuración → Calendario de eventos, puedes personalizar completamente el calendario.

🗂 Crear y administrar calendarios

Plan Pro: puedes crear 1 calendario

Plan Elite: puedes crear hasta 10 calendarios


📝 Nombre del calendario

Este nombre es sólo interno y visible sólo para usted.

Para cambiar el título público, ve a Tienda en línea → Haz clic en Calendario de eventos de Cowlendar→ Edítelo en el título de la sección.

🌍 Zona horaria

Selecciona la zona horaria en la que se deben mostrar sus eventos

(por ejemplo: América/Nueva_York).

⏱ Formato de hora

Elija cómo se muestran los tiempos:

AM/PM (por ejemplo: 10:30 PM)

24 horas (por ejemplo: 22:30)


🧩 Configuración del calendario

Vistas disponibles

Puedes habilitar o deshabilitar:

Mes

Semana

Lista (móvil)

Red

Vista de calendario predeterminada

Elija la vista que los clientes ven primero al abrir el calendario.

Mostrar fines de semana

Active o desactive esta opción según su tipo de negocio.

Primer día de la semana

Elegir entre:

Sábado

Domingo

Lunes


🎨 Diseño de ranura de calendario

Diseño del evento

Compacto: muestra el título y la hora

Ampliado: muestra el título, la hora y la descripción.

Mostrar hora de finalización del evento

Muestra la hora de inicio y finalización de los eventos.

Objetivo de acción

Elija qué sucede cuando los clientes hacen clic en un evento:

Abrir Widget (ventana emergente de reserva)

Redirigir a la product page (se usa automáticamente si un servicio tiene múltiples variantes)


🎨 Diseño de calendario

Personalice completamente la apariencia del calendario con controles de color:

Color de fondo

Color del título

Color del texto

Color del encabezado del calendario

Color de la cuadrícula del calendario

Antecedentes del día actual

Texto del día actual

Fondo del encabezado de la semana

Texto del encabezado de la semana

Botones de navegación (fondo, flechas, desplazamiento)

Ver alternar fondos y texto

Celdas del mes anterior y siguiente

Fondo y texto del evento agotado

Esto le permite combinar perfectamente la marca de tu tienda 🎨.

Cowlendar
Ready to use Cowlendar?
Open the app directly in your Shopify store.