Aller au contenu
PlanYourDrive Documentation

Votre module

Renseignez le nom de votre module pour activer les liens vers votre interface d'administration.

Vous avez déjà un site internet ?

Si vous avez déjà un site internet, deux options s’offrent à vous pour permettre à vos clients de réserver en ligne. Choisissez selon votre niveau d’aisance technique et l’effet recherché.

Option 1 : un lien vers votre module PlanYourDrive

C’est la solution la plus simple.

  • Ajoutez un bouton Réserver ou Réserver en ligne dans le menu principal ou en page d’accueil de votre site, qui pointe vers l’URL de votre module de réservation (ou directement vers votre domaine personnalisé si vous en avez un).
  • Avantages : rien à configurer côté DNS, pas de risque technique, mise en place immédiate.
  • Limite : votre client quitte votre site pendant la réservation.

Option 2 : intégrer le formulaire en iframe sur votre site

C’est la solution la plus aboutie. Le formulaire de réservation s’affiche directement à l’intérieur d’une page de votre site.

Pré-requis

  • Un domaine dont vous gérez les DNS (OVH, Gandi, Hostinger, Cloudflare, etc.).
  • Une page de réservation dédiée sur votre site (monsite.fr/reservation avec une entrée dans votre menu) plutôt qu’une intégration sur la page d’accueil. Le module est haut, et il faut le laisser respirer pour que vos clients le voient comme un vrai outil de réservation, pas un encart parmi d’autres.

Étape 1 : nous indiquer votre domaine

Si vous ne l’avez pas mentionné à l’inscription, contactez le support avec le nom de domaine de votre site monsite.fr pour qu’on autorise l’utilisation du module dessus.

Étape 2 : créer un sous-domaine reservation

Pour éviter tout problème de compatibilité de l’iframe avec votre site existant (cookies tiers, certificat SSL, en-têtes HTTP), le module de réservation doit être servi depuis un sous-domaine dédié de votre site, pas depuis le domaine principal.

Depuis l’interface de gestion des DNS de votre hébergeur pour le nom de domaine monsite.fr, ajoutez un enregistrement de type CNAME de reservation.monsite.fr vers a-ip4.plydr.com.

  • Type : CNAME
  • Nom : reservation
  • Cible : a-ip4.plydr.com
  • TTL : valeur par défaut

Étape 3 : copier-coller le code dans votre page de réservation dédiée

Le code se découpe en trois morceaux à coller à trois endroits différents. Si vous avez rempli votre nom de domaine dans le champ ci-dessus, le code est déjà personnalisé et prêt à copier-coller.

1. Le bloc iframe : à ajouter dans votre page à l’emplacement où vous voulez voir apparaître le formulaire de réservation. Nous conseillons de le placer à l’intérieur d’un <div> auquel vous pourrez appliquer les marges et les styles définis sur votre site.

<iframe
    id="planyourdrive-booking"
    src="https://reservation.monsite.fr/booking"
    title="Module de réservation PlanYourDrive"
    style="width: 100%; height: 760px; border: 0;"
    allow="cross-origin-isolated"
    crossorigin="use-credentials"
    sandbox="allow-same-origin allow-scripts allow-forms allow-popups">
</iframe>

2. Le bloc script : à ajouter avec les autres balises <script> de votre page (généralement juste avant la fermeture </body> ou dans la zone scripts de votre thème). Il sert à ajuster la hauteur de l’iframe automatiquement quand le contenu change.

<script>
window.addEventListener('message', function (event) {
    if (event.data.type === 'resize') {
        document.getElementById('planyourdrive-booking').style.height = event.data.height + 'px';
    }
});
</script>

3. Le bloc lien : à ajouter tout en bas de votre page (juste avant la fermeture </body>, ou dans la zone footer / mentions légales de votre thème).

<p style="text-align:center;font-size:11px;margin:16px 0;color:#888;">
    <a href="https://planyourdrive.com" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Module de réservation par PlanYourDrive</a>
</p>

Selon votre plateforme

Le mode d’ajout des trois blocs ci-dessus dépend du système qui propulse votre site.

  • Site WordPress : utilisez le bloc HTML personnalisé (ou Custom HTML) pour ajouter le bloc iframe sur votre page de réservation. Pour le bloc script et le bloc lien (à propager sur tout le site), installez le plugin gratuit WPCode (anciennement Insert Headers and Footers) qui ajoute du code juste avant </body> et dans le pied de page sans toucher au thème.
  • Site WordPress avec Elementor (page builder très répandu) : glissez-déposez un widget HTML sur votre page de réservation et collez-y l’ensemble du code (iframe, script et lien) à la suite, dans le même bloc.
  • Site HTML classique : ouvrez le fichier de la page de réservation dans votre éditeur, collez le bloc iframe à l’emplacement souhaité, le bloc script juste avant </body> et le bloc lien dans votre footer.
  • Site Wix : l’intégration iframe n’est pas pleinement supportée par Wix. Préférez l’option 1 : un lien vers votre module PlanYourDrive : ajoutez un bouton Réserver dans votre menu Wix qui pointe vers votre URL de réservation.

Étape 4 : sécurisation SSL

Si votre site est protégé par un certificat wildcard, rien à faire. Sinon, et si une erreur de sécurité s’affiche sur reservation.monsite.fr, contactez le support pour qu’un certificat dédié au sous-domaine soit généré.

Important : votre interface d’administration reste sur .plydr.com

Le sous-domaine reservation.monsite.fr que vous avez créé donne accès à votre site et à votre formulaire de réservation côté client, pas à votre interface de gestion.

Pour accéder à votre interface d’administration, utilisez exclusivement votre interface d’administration sur votreentreprise.plydr.com/admin. L’admin n’est pas accessible depuis votre domaine personnalisé .fr / .com ni depuis reservation.monsite.fr.

Voir aussi