How to embed interactive images on your website

To embed an interactive image on your website:

  1. Go to Interactivity.Studio and create an interactive image.

  2. Once you are done making your image interactive, click on 'Export'

  3. Add a title, description, and slug for the image. Then click 'Next'

  4. Enter your domain name. (If you have already connected your domain, skip this step).

  5. Copy the given code and paste it in the <head> section of your website. This only needs to be done once per website.

  6. Next, upload the non-interactive version (original image) of the interactive image on your website. (Please ensure that you upload the exact same image that you made interactive on your website.)

  7. Finally, copy the smartlink for the image from interactivity.studio and attach it to the image.

  8. The uploaded static image should now be interactive.

Can't find what you're looking for?