Embedding an Oasis Trip on your Website

Modified on Mon, 1 Jul at 9:01 AM

The Oasis Widget allows you to easily embed your trips into any website.

Example trip:

Step 1. Open the trip in Oasis

Step 2. Click the "Embed Widget" button

Step 3. Configure Widget Settings

There are a few settings you can configure when embedding an Oasis trip. Below we will explain each and show examples.

Floating Menu Bar:

This setting adds a floating menu bar with some quick links to the embedded trip. Here is an example of this floating menu bar:

Offset Top:

If you are using the floating menu bar, you may need to set the "Offset Top" to account for a website's header. In the example below, the website has a header height of 80 pixels.

To make the floating menu bar "stick" just below the header while scrolling, set the Offset Top to whatever height your header is (80 in this case).

Step 4. Copy HTML code, paste into your website

If you've updated any settings, Then, simply click "Copy HTML Code" and paste the generated HTML into your website.

Styling an Embedded Trip

Embedded trips come with minimal styling by default. Your website designer can easily create custom styles for the embedded trip to change the look and feel. Alternatively, we can inject custom styles on our end to accomplish whatever you need. Contact support@myoasisapp.com for a quote.