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.


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article