Documentation / Ajouter le shortcode
Affichage du formulaire

Ajouter le formulaire de réservation sur une page WordPress

Réserv’Direct s’intègre à votre site grâce à un shortcode. Vous pouvez l’insérer dans une page classique, un bloc Gutenberg, Divi, Elementor ou tout constructeur compatible avec les shortcodes WordPress.

Shortcode principal

Le shortcode principal de Réserv’Direct est :

[reservdirect_booking]

Il affiche le moteur de réservation côté visiteur : calendrier, dates d’arrivée et de départ, options, calcul du prix, acompte et formulaire client.

Compatibilité Si vous utilisez une ancienne version issue d’un rebranding, un shortcode historique peut encore fonctionner. Pour les nouveaux sites, utilisez toujours [reservdirect_booking].

Créer la page de réservation

Créer une nouvelle page

Dans WordPress, allez dans Pages > Ajouter.

Nommer la page

Donnez un nom simple à la page, par exemple Réserver, Disponibilités ou Réservation.

Insérer le shortcode

Ajoutez le shortcode Réserv’Direct dans le contenu de la page.

[reservdirect_booking]

Publier la page

Publiez la page, puis ouvrez-la côté visiteur pour vérifier l’affichage.

Ajouter le shortcode avec Gutenberg

Si vous utilisez l’éditeur WordPress par défaut :

  1. Ajoutez un bloc Shortcode.
  2. Collez le shortcode [reservdirect_booking].
  3. Enregistrez ou publiez la page.
  4. Testez la page en navigation privée.

Ajouter le shortcode avec Divi ou Elementor

Avec Divi

Ajoutez un module Code ou Texte, puis insérez :

[reservdirect_booking]

Avec Elementor

Ajoutez un widget Shortcode, puis collez le shortcode Réserv’Direct.

Attention au cache Si le formulaire ne s’affiche pas immédiatement, videz le cache de votre site et celui de votre navigateur.

Tester l’affichage

Après publication, vérifiez les éléments suivants :

  • Le calendrier s’affiche correctement.
  • Les dates indisponibles sont bien bloquées.
  • Le choix arrivée / départ fonctionne.
  • Les options apparaissent si elles ont été créées.
  • Le prix se calcule après sélection des dates.
  • Le formulaire client est visible.
  • Le bouton de validation ou de paiement apparaît selon votre configuration.

Problèmes fréquents

Le shortcode s’affiche en texte brut

Vérifiez que le plugin est bien activé. Si le shortcode apparaît tel quel dans la page, WordPress ne l’interprète pas.

Le formulaire ne s’affiche pas

Vérifiez que la page utilise bien le shortcode exact :

[reservdirect_booking]

Le style est cassé

Un conflit CSS avec le thème ou le constructeur de page peut modifier l’affichage. Testez temporairement avec un thème WordPress standard pour isoler le problème.

Le calendrier ne charge pas

Vérifiez la console navigateur pour détecter une erreur JavaScript, puis désactivez temporairement les plugins d’optimisation ou de minification.

Étape suivante

Une fois le formulaire affiché, configurez vos tarifs pour que Réserv’Direct puisse calculer correctement le montant des séjours.

Prochaine étape

Définir les tarifs semaine, week-end, périodes spéciales et dates avec surcharge.

Configurer les tarifs