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 [email protected] for a quote.
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article