For organizers · Integration

How to add carpooling to your event website

The VIB3S widget is a block you add to your event website with a few lines of code. From it, your attendees see the rides posted for your event, post their own and request a seat without downloading anything. You get the mobility data in your dashboard.

On our side, your event is set up in VIB3S in under 24 hours; then you just paste the code into your site.

Published

What attendees can do from the widget

  • See the rides posted for your event.
  • Post their own ride with the free seats in their car.
  • Request a seat in someone else's ride.
  • All without downloading the app. The VIB3S app (iOS and Android) adds chat with the driver, profiles, trip history and ratings.

Where to place it

The most direct route is usually the event's own website. At Canet Rock, access to VIB3S was placed on the festival's main landing page.

Adding it to your ticketing platform depends on what it lets you change on your event page. Since the widget also works as a link, you can also add it to ticket confirmation emails, social media or the event app.

Installation step by step

  1. 1

    We activate your event

    We set up your event in VIB3S and send you its ID. On our side, in under 24 hours.

  2. 2

    You paste the code into your site

    Your web team, in-house or external, adds it to any page that accepts HTML: a CMS such as WordPress, a custom site or a landing page.

  3. 3

    Pick the language

    With the lang parameter in the URL, for example es, ca or en.

  4. 4

    We promote it together

    We agree with you which channels to use to activate your audience (website, email, Instagram, TikTok…) and track results in the dashboard.

The code

This is the block you paste into your site. Replace the ID with your event's. The height adjusts automatically thanks to the small script that comes with the iframe.

<!-- VIB3S: carpooling for your event -->
<div id="vibes-widget" style="position: fixed; bottom: 0; right: 0; width: 400px; max-width: 100%; z-index: 9999;">
  <iframe id="vibes-iframe"
    src="https://vibescarpool.web.app/widget/event?id=YOUR_EVENT_ID&lang=en"
    style="width: 100%; border: none; display: block;"
    allow="geolocation"></iframe>
</div>
<script>
  window.addEventListener("message", function (e) {
    if (e.data && e.data.type === "vibes_resize") {
      document.getElementById("vibes-iframe").style.height = e.data.height + "px";
    }
  });
</script>

What data you get

A dashboard with your audience's geographic origin, arrival and departure time slots, the busiest routes, average vehicle occupancy, shared kilometres, cars avoided and CO₂ reduced. Use it to size access and parking, for your mobility plan and for your sustainability report.

Activate VIB3S at your event

Tell us your dates, capacity and mobility needs and we'll prepare a proposal.

Activate VIB3Spartners@vibescarpool.com

Frequently asked questions

Do I need a technical team to install the widget?

Only someone with access to your website to paste the code block. If your site accepts HTML, it takes minutes.

Do attendees have to download the app?

Not to get started: from the widget they can see rides, post their own and request a seat. The app adds chat, profiles and ratings.

Can it go on my ticketing page?

It depends on your ticketing provider. If it doesn't allow custom code, link to the widget from the confirmation email or your website.

How long does it take to be ready?

On our side, under 24 hours from when you send us the event details.

How much does it cost?

We combine a fixed fee (per event, annual or per season) with a revenue share on the rides your community generates. Details in VIB3S for organizers.

Keep reading