Widget de réservation en 1 ligne
Intégrez tout le moteur de réservation Easy Tunisia Transfer sur votre site. Vos visiteurs réservent, vous touchez 10% de commission automatiquement.
Obtenir votre code partenaire
Connectez-vous à votre espace partenaire pour récupérer votre code unique ETT-XXXXXX. Sans ce code, vos commissions ne sont pas tracées.
Intégration de base (HTML)
Copiez ce code et collez-le n'importe où sur votre site. Remplacez ETT-XXXXXX par votre code.
<iframe
src="https://easy-tunisia-transfer.com/widget/booking?partner=ETT-XXXXXX"
width="100%"
height="700"
frameborder="0"
style="border:0;border-radius:16px;max-width:100%"
loading="lazy"
title="Réservation transfert Tunisie"
></iframe>Version responsive avec ombre
Recommandé pour une intégration premium avec largeur max et ombre subtile.
<div style="position:relative;width:100%;max-width:720px;margin:0 auto">
<iframe
src="https://easy-tunisia-transfer.com/widget/booking?partner=ETT-XXXXXX"
width="100%"
height="720"
frameborder="0"
style="border:0;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.08)"
loading="lazy"
title="Réservation transfert Tunisie"
></iframe>
</div>Paramètres URL disponibles
Pré-remplissez le formulaire en passant des paramètres dans l'URL du widget. Exemple : ?partner=ETT-XXX&from=tunis-aeroport&to=hammamet
partnerETT-A1B2C3fromtunis-aeroporttohammametdate2026-05-12time14:30passengers4Intégration WordPress (shortcode)
Ajoutez ce code à votre fichier functions.php, puis utilisez le shortcode dans n'importe quelle page ou article.
// functions.php
add_shortcode('ett_booking', function($atts) {
$a = shortcode_atts(['partner' => '', 'height' => 700], $atts);
$partner = esc_attr($a['partner']);
$height = intval($a['height']);
return '<iframe src="https://easy-tunisia-transfer.com/widget/booking?partner=' . $partner . '" width="100%" height="' . $height . '" frameborder="0" style="border:0;border-radius:16px" loading="lazy" title="Réservation transfert Tunisie"></iframe>';
});Puis dans votre page :
[ett_booking partner="ETT-XXXXXX" height="720"]Intégration React / Next.js
<iframe
src={`https://easy-tunisia-transfer.com/widget/booking?partner=${partnerCode}&from=${from}&to=${to}`}
width="100%"
height={720}
style={{ border: 0, borderRadius: 16 }}
loading="lazy"
title="ETT Booking"
/>Questions fréquentes
Comment sont tracées mes commissions ?▾
Chaque réservation effectuée via votre widget contient automatiquement votre code partenaire. Une commission de 10% est créée à la confirmation, validée à la réalisation du transfert, puis versée au-delà de 200€ cumulés.
Le widget est-il responsive ?▾
Oui, le widget s'adapte automatiquement à toutes les tailles d'écran (mobile, tablette, desktop). Hauteur recommandée : 700-720px.
Puis-je personnaliser les couleurs ?▾
Le widget utilise notre charte (Bleu Marine + Or) pour garantir la confiance et la conversion. Vous pouvez l'encadrer (border, shadow, border-radius) via le style de l'iframe.
Comment vérifier que mon code fonctionne ?▾
Faites une réservation test depuis votre widget. Elle apparaîtra dans votre espace partenaire (/partner/bookings) avec votre code affilié et la commission calculée.
Puis-je intégrer plusieurs widgets sur des pages différentes ?▾
Oui, sans limite. Vous pouvez aussi varier les paramètres (from/to) selon les pages pour pré-remplir le formulaire.
Le widget ralentit-il ma page ?▾
Non, l'attribut loading="lazy" permet un chargement différé. L'iframe ne se charge qu'au scroll vers la zone visible.
Besoin d'aide à l'intégration ?
Notre équipe technique vous accompagne gratuitement pour intégrer le widget sur votre site.