Sell M Ride shuttle tickets from your website

The Book a Shuttle Button enables you to sell shuttle tickets to major events on any relevant website. You can install the Book a Shuttle button on your website with a single line of HTML shown below.

Development / Test:

<script id="eta-buy-button" src="https://widget-test.mride.com/static/widget.js"></script>

Production:

<script id="eta-buy-button" src="https://widget.mride.com/static/widget.js"></script>

Then add the “shuttle-btn” class to an existing or new button on your website.

<button class="shuttle-btn">Book Now</button>

Then add a data-event-id attribute to your button to instruct the button which event to load.

<button class="shuttle-btn" data-event-id="raiders-vs-jaguars-2025">Book Now</button>

Modal Design & Customization

The modal style is isolated from your website stylesheets. The modal does not inherit the style from your website and does not override the styles on your website.

The widget styles can be extended by supplying your own stylesheets. Attach any of the following attributes to the widget script tag to extend its style.

  • data-stylesheet=”<https://url-to-stylesheet>”

  • data-fonts=”<https://url-to-stylesheet-for-fonts>"

<script id="eta-buy-button" 
        src="https://widget.mride.com/static/widget.js"
        data-stylesheet="https://widget.mride.com/static/css/widget.css" 
        data-fonts="https://widget.mride.com/static/css/fonts.css"></script>

If you do not want to use the default classnames for your button or widget (“shuttle-btn” and “shuttle-widget”) you can define your own by setting the following attributes on the widget script tag.

  • data-trigger-class

  • data-root-element

<button class="my-shuttle-btn-class" data-event-id="raiders-vs-jaguars-2025">Book Now</button>

<script id="eta-buy-button" 
        src="https://widget.mride.com/static/widget.js" 
        data-trigger-class="my-shuttle-btn-class" 
        data-root-element="my-shuttle-widget-class"></script>

Test Mode

To accept real transactions you must run the widget in production mode. The widget will not load on your website in production mode unless your domain has been whitelisted by M Ride.

While running in test mode, you can complete transactions without actually being charged.

  • Test mode: data-api-url=”https://widget-test.mride.com/v1/api”

  • Production mode: data-api-url=”https://widget.mride.com/v1/api”

While in test mode you can use the following credit card numbers to experiment with successful and failed transactions: https://docs.stripe.com/testing.

<script id="eta-buy-button" 
        src="https://widget.mride.com/static/widget.js" 
        data-api-url="https://widget-test.mride.com/api/v1"></script>

Security

The widget includes important security features

  • PCI-DSS Compliant for collecting payments on your website

  • No PII passes through your servers our ours

    • The first name, last name, email, and phone number are collected by Stripe directly through the widget.

    • When Stripe clears the charge, they send a message directly to our secure servers

    • Our ticketing service connects to the Stripe API to query customer details necessary to send a confirmation email and issue tickets

  • We practice the least-privileges security paradigm

    • CORS connections to the production widget server are blocked unless your domain has been whitelisted

    • Payments will only run test mode unless your domain has been whitelisted

    • All domains must be whitelisted; wildcards are not accepted

Try it out

Upcoming Event

data-event-id="raiders-vs-browns-2025"

Past Event

data-event-id="raiders-vs-jaguars-2025"