RoofWander Website widgets
Request this widget
← All widgets

Listing carousel · Compact

A row of live stays, inside your content.

A row of live listing cards for an article, a sidebar or a campaign page. No search box and no filters — just the stays you chose, in compact cards that link to RoofWander with your referral attached.

View
Theme
yourwebsite.com/magazine/roof-top-season

Live preview · real listings · the controls above show a few of the settings we choose with you

Best for

Where the carousel works best.

Editorial and magazine articles

End a story about rooftop travel with real stays the reader can book.

Campaign and landing pages

Give a seasonal push or a co-branded campaign live listings without building anything.

Narrow columns and sidebars

Cards keep a stable width, so the carousel behaves in tight layouts where a map won't fit.

Capabilities

What the carousel does.

Configuration

What we configure for you.

Option What can be configured How it is set
Scope Countries, regions, a radius around a place, or a hand-picked selection of stays Configured by RoofWander
Language Interface and listings in any of the seven supported languages Chosen together at setup
Appearance Standard or clear theme, and the brand badge above the cards Chosen together at setup
Presentation How many cards appear and how the carousel sits in your layout Chosen together at setup
Referral & domains Your referral code, and the websites approved to show the carousel Configured by RoofWander

Live examples

See it running for a partner.

The carousel shares its setup with the map. Here is the France and Belgium selection Mille Routes runs, in carousel form.

milleroutes.com

Mille Routes

Only France and Belgium stays, in French, under the Mille Routes brand badge — the same selection their map uses, in carousel form.

  • Scope · FR + BE
  • Locale · Français
  • Brand · Mille Routes
Open their carousel ↗

Pairs well

Carousel + map

The two work well together: the carousel inside articles for inspiration, the map on a planning page for exploration. One setup powers both.

  • One scope
  • One referral
  • Two placements
View the map widget →
Technical details

For the person who will paste the snippet. Your RoofWander contact sends the exact, tested markup for your site — these examples only show its shape.

Loader script (recommended)

<div data-roofwander-carousel data-partner="your-partner-id" data-locale="fr"></div>
<script async src="https://embed.roofwander.com/static/loader.js"></script>

Direct iframe

<iframe
  src="https://embed.roofwander.com/carousel?partner=your-partner-id"
  width="100%" height="380" style="border:0" loading="lazy">
</iframe>

Optional visible attribution

<a href="https://www.roofwander.com/?ref=your-partner-id">Powered by RoofWander</a>
  • Size — full container width; around 380 px tall. Works from full pages down to narrow columns.
  • Languages — en, it, fr, de, es, nl, pt; the loader can follow your page language.
  • Isolation — the carousel runs in its own iframe on embed.roofwander.com; the optional loader is the only script on your page.
  • Domains — embedding is locked to the websites approved for your configuration.
  • Performance — listings are cached at the edge and refreshed continuously.

Managed setup

How the carousel goes live.

  1. Discuss

    Tell us about your website, your audience and what you want the carousel to do.

  2. Configure

    We choose the listings, set the languages, look and referral tracking, and approve your website.

  3. Install

    You paste one tested snippet where the carousel should appear.

  4. Validate

    We check the live page with you and confirm everything works.

Start here

Request the listing carousel.

Tell us where the carousel would live and what it should show. No account needed, and asking commits you to nothing.

We reply within two working days.