iFrames are third party applications that can be embedded on a site. Commonly used example include Google maps, Youtube and Spotify.

Adding Google Maps

  1. Drag & Drop or click on Google Maps frame from the left panel to add it to the canvas.

    2. To change the map shown, find the address you want on Google Maps site.

Click on share→Embed a map→ Copy HTML

   3. Go back to STUDIO, click on the <iframe> symbol on the top left corner of the maps and copy and paste the HTML code onto the ‘embed code’ area.

Adding Videos

To add a Youtube or Vimeo video:

  1. Drag & Drop Youtube or Vimeo frame on the canvas

    2. Go to Youtube or Vimeo, and copy the video embed code

  3. Go back to STUDIO, click on the <iframe> symbol on the top left corner of the maps and copy and paste the HTML code onto the ‘embed code’ area.

Adding other iFrames

You can add any other iframe you like.

  1. Open the left bar, go to box tab and then drag and drop the custom iframe icon </> onto the canvas.

    2. Embed your HTML embed code by clicking on <iframe> after selecting the empty iframe.

Did this answer your question?