Gestionnaire de Widgets

Scripts et iframes d'intégration par type de service — à copier sur votre site

Widget Global — Page d'accueil

Tous types de services · Formulaire complet

Prévisualiser

🔗 URL directe

https://systeme-de-reservations-all-drives-grandest.com/WidgetWordPress

📌 iFrame HTML

HTML
<iframe
  src="https://systeme-de-reservations-all-drives-grandest.com/WidgetWordPress"
  width="100%"
  height="900"
  frameborder="0"
  scrolling="no"
  allow="geolocation; clipboard-write; clipboard-read; camera; microphone"
  style="border:none; border-radius:16px; box-shadow:0 4px 24px rgba(0,0,0,0.12); display:block;"
  title="Réservation ALL DRIVES — Tous services"
></iframe>

⚡ Script JavaScript

JS
<div id="allDrivesWidgetGlobal" style="width:100%;min-height:900px;"></div>
<script>
(function() {
  var c = document.getElementById('allDrivesWidgetGlobal');
  var iframe = document.createElement('iframe');
  iframe.src = 'https://systeme-de-reservations-all-drives-grandest.com/WidgetWordPress';
  iframe.setAttribute('width', '100%');
  iframe.setAttribute('frameborder', '0');
  iframe.setAttribute('scrolling', 'no');
  iframe.setAttribute('allow', 'geolocation; clipboard-write; clipboard-read; camera; microphone');
  iframe.style.cssText = 'width:100%;min-height:900px;border:none;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,0.12);display:block;';
  c.appendChild(iframe);
  window.addEventListener('message', function(e) {
    if (e.data && e.data.type === 'all-drives-widget-resize' && e.data.height) {
      iframe.style.height = (e.data.height + 50) + 'px';
    }
  });
})();
</script>

🔧 Shortcode WordPress

[all-drives-widget height="900"]
Widgets par service spécifique

Choisir un service

Course Classique

Widget dédié — type=classique

Prévisualiser

🔗 URL de production (domaine réel)

https://systeme-de-reservations-all-drives-grandest.com/WidgetWordPress?type=classique

🔗 URL de prévisualisation (base44)

https://systeme-de-reservations-all-drives-grandest.com/WidgetWordPress?type=classique

📌 Intégration iFrame (HTML)

HTML
<iframe
  src="https://systeme-de-reservations-all-drives-grandest.com/WidgetWordPress?type=classique"
  width="100%"
  height="900"
  frameborder="0"
  scrolling="no"
  allow="geolocation; clipboard-write; clipboard-read; camera; microphone"
  style="border:none; border-radius:16px; box-shadow:0 4px 24px rgba(0,0,0,0.12); display:block;"
  title="Réservation Course Classique — ALL DRIVES"
></iframe>

⚡ Script JavaScript

HTML
<div id="alldrivesWidget" style="width:100%;min-height:900px;"></div>
<script>
(function() {
  var c = document.getElementById('alldrivesWidget');
  var iframe = document.createElement('iframe');
  iframe.src = 'https://systeme-de-reservations-all-drives-grandest.com/WidgetWordPress?type=classique';
  iframe.setAttribute('width', '100%');
  iframe.setAttribute('frameborder', '0');
  iframe.setAttribute('scrolling', 'no');
  iframe.setAttribute('allow', 'geolocation; clipboard-write; clipboard-read; camera; microphone');
  iframe.style.cssText = 'width:100%;min-height:900px;border:none;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,0.12);display:block;';
  c.appendChild(iframe);
  window.addEventListener('message', function(e) {
    if (e.data && e.data.type === 'all-drives-widget-resize' && e.data.height) {
      iframe.style.height = (e.data.height + 50) + 'px';
    }
    if (e.data && e.data.type === 'all-drives-reservation-success') {
      console.log('Réservation confirmée:', e.data.reference);
    }
  });
})();
</script>

🔧 Shortcode WordPress

[all-drives-widget type="classique" height="900"]

Nécessite le plugin ALL DRIVES installé sur votre WordPress.