Articles éditoriaux et magazine
Terminez un article sur le voyage en tente de toit par de vrais hébergements réservables.
Carrousel d’annonces · Compact
Une rangée d’hébergements en direct, dans votre contenu.
Une rangée de cartes d’annonces en direct pour un article, une colonne latérale ou une page de campagne. Pas de champ de recherche ni de filtres — seulement les hébergements que vous avez choisis, en cartes compactes qui renvoient vers RoofWander avec votre attribution.
Affichage
Thème
Aperçu en direct · annonces réelles · les contrôles ci-dessus montrent quelques-uns des réglages que nous choisissons avec vous
Idéal pour
Là où le carrousel est le plus utile.
Pages de campagne et d’atterrissage
Donnez à une opération saisonnière ou à une campagne co-brandée des annonces en direct, sans rien développer.
Colonnes étroites et barres latérales
Les cartes gardent une largeur fixe : le carrousel tient dans les mises en page serrées où une carte ne rentre pas.
Fonctionnalités
Ce que fait le carrousel.
- Jusqu’à huit hébergements en direct issus de la sélection convenue ensemble
- Cartes compactes avec photo, titre et prix
- Largeur de carte fixe — les cartes ne s’étirent jamais pour remplir l’espace
- Un aperçu de la carte suivante dans les espaces étroits, pour inviter au défilement
- Aucun contrôle, par choix — rien ne concurrence votre contenu
- Les hébergements gardent le même ordre que sur RoofWander
- Sept langues — anglais, italien, français, allemand, espagnol, néerlandais et portugais
- Thème standard ou clair pour s’intégrer à n’importe quel fond
- Votre code d’attribution sur chaque lien vers RoofWander
- Autonome — le carrousel n’exécute jamais de code dans votre page
Configuration
Ce que nous configurons pour vous.
| Option | Ce qui est paramétrable | Comment c’est défini |
|---|---|---|
| Périmètre | Pays, régions, un rayon autour d’un lieu, ou une sélection d’hébergements choisis un par un | Configuré par RoofWander |
| Langue | Interface et annonces dans l’une des sept langues prises en charge | Choisi ensemble à l’installation |
| Apparence | Thème standard ou clair, et la marque affichée au-dessus des cartes | Choisi ensemble à l’installation |
| Présentation | Le nombre de cartes affichées et la façon dont le carrousel s’intègre à votre mise en page | Choisi ensemble à l’installation |
| Attribution et domaines | Votre code d’attribution, et les sites autorisés à afficher le carrousel | Configuré par RoofWander |
Exemples en direct
Voyez-le chez un partenaire.
Le carrousel partage sa configuration avec la carte. Voici la sélection France et Belgique de Mille Routes, en version carrousel.
milleroutes.com
Mille Routes
Uniquement les hébergements de France et de Belgique, en français, sous la marque Mille Routes — la même sélection que leur carte, en version carrousel.
- Périmètre · FR + BE
- Langue · Français
- Marque · Mille Routes
Bonne association
Carrousel + carte
Les deux fonctionnent bien ensemble : le carrousel dans les articles pour inspirer, la carte sur une page de préparation pour explorer. Une seule configuration alimente les deux.
- Un périmètre
- Une attribution
- Deux emplacements
Détails techniques
Pour la personne qui collera le code. Votre interlocuteur RoofWander vous envoie le balisage exact et testé pour votre site — ces exemples n’en montrent que la forme.
Script de chargement (recommandé)
<div data-roofwander-carousel data-partner="your-partner-id" data-locale="fr"></div>
<script async src="https://embed.roofwander.com/static/loader.js"></script>Iframe directe
<iframe
src="https://embed.roofwander.com/carousel?partner=your-partner-id"
width="100%" height="380" style="border:0" loading="lazy">
</iframe>Lien d’attribution visible (facultatif)
<a href="https://www.roofwander.com/?ref=your-partner-id">Powered by RoofWander</a>- Taille — toute la largeur du conteneur ; environ 380 px de haut. Fonctionne des pages pleine largeur aux colonnes étroites.
- Langues — en, it, fr, de, es, nl, pt ; le script de chargement peut suivre la langue de votre page.
- Isolation — le carrousel tourne dans sa propre iframe sur embed.roofwander.com ; le script de chargement, facultatif, est le seul script ajouté à votre page.
- Domaines — l’intégration est restreinte aux sites autorisés pour votre configuration.
- Performance — les annonces sont mises en cache en périphérie et rafraîchies en continu.
Installation accompagnée
Comment le carrousel est mis en ligne.
-
Échanger
Parlez-nous de votre site, de votre audience et de ce que le carrousel doit apporter.
-
Configurer
Nous choisissons les annonces, réglons les langues, l’apparence et le suivi d’attribution, puis autorisons votre site.
-
Installer
Vous collez un extrait de code testé à l’endroit où le carrousel doit apparaître.
-
Valider
Nous vérifions la page en ligne avec vous et confirmons que tout fonctionne.
Pour commencer
Demander le carrousel d’annonces.
Dites-nous où le carrousel vivrait et ce qu’il doit montrer. Aucun compte à créer — demander ne vous engage à rien.
Demande envoyée.
Merci — nous répondons à l’adresse indiquée sous deux jours ouvrés, avec une proposition de configuration et les étapes suivantes.