You just learned how to create an interactive image, now you can learn how to put it live on your website. If you haven't done this, have a look at this article before starting this one.

Go to the tagger of an image you want to publish on your website. You can do this by clicking on an image from the homepage.

To share your image, you'd need to generate an embed code that you can then paste on your website. Click "Share" in the top right corner of the tagger. Then click on "Embed". A modal will appear where you can make changes to the visualization.

If you like you can make some changes to the look and behavior of your interactive image. No worries, it's perfect to go with the default styling. Then simply copy the embed code from the modal and paste it on your website.

The next steps are up to you, you can paste it on your website where you want the image to be. Don't hesitate to ask for help if you need any assistance, we're happy to help!

Should I embed using Javascript or Iframes?

There are two ways to embed images: with javascript or with iframes. While both give the identical results, Javascript is the preferred method because it actually puts the image on your page. This means that for Javascript:

  • Your images will load faster on your website
  • It is better for SEO (Search Engine Optimalization)
  • Your image will look better on small screens
  • It is more flexible than using big iframes, because you can add your own styling the image or video.

Looking for more?

Did this answer your question?