Cómo mostrar eventos con rango de fecha dinámico en Amelia WordPress Booking

Respuesta rápida

Para mostrar eventos con rango de fecha dinámico en Amelia WordPress Booking, la mejor opción es crear un código PHP personalizado que, a su vez, genere un shortcode.

Después, el shortcode podrás añadirlo en cualquier parte de tu página web y mostrará los eventos con el intervalo de días que tú desees (los próximos 7, 15, 30 días, etc).

Por qué necesitarías mostrar eventos con un rango de fechas dinámico

El plugin Amelia WP Booking es uno de los más potentes del mercado WordPress para crear un sistema de reserva de citas y creación de eventos.

Para poder mostrar los eventos con diferentes objetivos, Amelia dispone de un listado de shortcodes (puedes encontrarlo aquí).

Lo que ocurre es que yo mismo, intentando dar respuesta a una necesidad de un cliente, detecté que había un shortcode muy necesario que no existía, y no era otro que uno que me permitiera mostrar un listado de eventos a X días vista (el típico «Próximos eventos» o «Eventos de los próximos 15 días»).

Amelia dispone de un shortcode ([amelia eventslistbooking range=»future»]), pero este shortcode no tiene ningún tipo de límite. Es decir, que si tienes 1.000 eventos programados, te va a mostrar los 1.000,  y yo no quería eso; yo quería limitar ese «futuro» a un intervalo de tiempo personalizado.

Según la documentación de Amelia, existe también un shortcode con el formato [ameliaeventslistbooking range=»2026-04-07 – 2026-05-20»], pero tiene el problema de que las fechas no son dinámicas, es decir, que hay que insertarlas y actualizarlas a mano.

Esta opción tampoco me valía.

La solución

La solución pasaba por crear un shortcode a medida, algo que yo no sé hacer.

¿Qué hice pues?

¿Contraté a un desarrollador? No.

Se lo pedí a Claude.

Y Claude me dijo:

«Si quieres que el shortcode sea dinámico sin tener que actualizar las fechas manualmente, tendrías que usar código PHP con un hook de WordPress para modificar el shortcode automáticamente. ¿Te lo preparo?»

Yo le dije: ¡adelante con ello!

Y me creó un código que funciona de la hostia!!!!

Pero espera… antes de compartirte el código, te indico cómo añadirlo en tu web WordPress:

Cómo añadir el código en tu web

A continuación, te doy dos formas para añadir el código necesario en tu web:

Opción 1: con el plugin Code Snippets (recomendado):

• Instala el plugin «Code Snippets».
• Añade un nuevo snippet.
• Pega el código.
• Activa el snippet.

Opción 2: añadirlo en functions.php:

• Ve a Apariencia > Editor de temas
• Selecciona tu tema hijo (no el padre, por Dior).
• Abre el archivo functions.php.
• Pega el código al final.

Ahora solo tienes que coger el shortcode, colocarlo en el editor de WordPress, Elementor, Bricks, Divi o el maquetador que utilices, y personalizarlo a tu gusto.

Una vez insertado, ya no tienes que tocar nada, pues se actualizará automáticamente cada día, mostrando siempre los eventos desde hoy hasta el día final del intervalo que escojas.

Cómo utilizar el shortcode

Para eventos de los próximos 7 días (por defecto):

[amelia_events_dynamic]

Para eventos de otra cantidad de días (Ejemplo: 15 días):

[amelia_events_dynamic days="15"]

Para eventos del día siguiente solamente:

[amelia_events_dynamic days="1"]

Añadiendo parámetros adicionales de Amelia (categorías, ubicaciones…):

[amelia_events_dynamic days="15" tag="{eventos}"]

[amelia_events_dynamic days="30" location="1"]

Tipos de parámetros de Amelia que puedes utilizar

• service: muestra solo los servicios seleccionados.
• category: limita el formulario a categorías específicas.
• employee: muestra los servicios prestados por empleados específicos.
• location: filtra por una o más ubicaciones.
• tag: muestra servicios o eventos con etiquetas específicas.
• event: carga un evento específico por ID.
• recurring: cuando se usa con event, también muestra instancias recurrentes.
• show: muestra solo los servicios o paquetes cuando ambos estén habilitados.

Ventajas de este shortcode para Amelia

• Flexibilidad: puedes poner cualquier número de días (1, 7, 15, 30, 90…).
• Sencillez: solo tienes que indicar en el shortcode el número de días que quieres mostrar.
• Validación incluida: si pones un valor inválido, usa 7 días por defecto.
• Integración total: acepta todos los parámetros opcionales de Amelia (tag, event, recurring).
• Actualización automática: al ser dinámico, el código actualiza dinámicamente el intervalo a mostrar, así que siempre mostrará eventos desde el día actual hasta dentro de los X días que especifiques.

Copia el código a continuación

/**
 * Shortcode dinámico de Amelia para eventos con rangos de días personalizables
 * Uso: [amelia_events_dynamic days="15"]
 */
function amelia_events_dynamic_shortcode($atts) {
    // Parámetros por defecto
    $atts = shortcode_atts(array(
        'days' => '7',      // Número de días desde hoy (por defecto 7)
        'tag' => '',        // Tags opcionales
        'event' => '',      // Event ID opcional
        'recurring' => ''   // Mostrar recurrentes (0 o 1)
    ), $atts);
    
    // Validar que 'days' sea un número positivo
    $days = absint($atts['days']);
    if ($days < 1) {
        $days = 7; // Fallback a 7 días si el valor no es válido
    }
    
    // Obtener fecha actual
    $fecha_inicio = date('Y-m-d');
    
    // Calcular fecha final sumando los días
    $fecha_fin = date('Y-m-d', strtotime('+' . $days . ' days'));
    
    // Construir el rango
    $range = $fecha_inicio . ' - ' . $fecha_fin;
    
    // Construir el shortcode de Amelia con los parámetros
    $shortcode = '[ameliaeventslistbooking range="' . esc_attr($range) . '"';
    
    // Añadir parámetros opcionales si existen
    if (!empty($atts['tag'])) {
        $shortcode .= ' tag="' . esc_attr($atts['tag']) . '"';
    }
    
    if (!empty($atts['event'])) {
        $shortcode .= ' event="' . esc_attr($atts['event']) . '"';
    }
    
    if (!empty($atts['recurring'])) {
        $shortcode .= ' recurring="' . esc_attr($atts['recurring']) . '"';
    }
    
    $shortcode .= ']';
    
    // Ejecutar el shortcode de Amelia
    return do_shortcode($shortcode);
}
add_shortcode('amelia_events_dynamic', 'amelia_events_dynamic_shortcode');

/**
 * Créditos: https://refrescandonegocios.com
 */

Conclusión

Crear un shortcode personalizado para Amelia con Claude parece que es bastante sencillo.

He pensado en enviárselo al equipo de soporte del plugin, desde me dijeron que lo planificarían para hacerlo más adelante…, pero quizá quede muy prepotente 🙂

Preguntas frecuentes