So you've made your beautiful interactive Adventr and you're ready to feature it on your HTML website. 


Start by publishing your Adventr and then click the Share button and then Copy Embed Code.


You'll get a bit of HTML that looks like this: 

<iframe src="https://player.adventr.io/video?link=https%3A%2F%2Fd252srr1zuysk4.cloudfront.net%2Fclients%2F7%2F206%2Fpublished%2F7-tutorial-01577320.data" width="640px" height="360px" frameborder="0" scrolling="no" allowfullscreen allow="autoplay; fullscreen"></iframe>

In your website editor, either edit the HTML or insert an HTML code section and paste in the code you copied. 

Responsive Embeds

If your website is responsive (meaning the width of the page changes depending on the screen size), then you may want to modify the embed code so it is also responsive. To create a responsive embed code, follow these instructions. 


We also have special instructions for popular platforms like Wordpress or Squarespace.

If you need help with finding where you can insert code into your website CMS, you may need to ask your web designer.