Publishing a SmartFrame on your website or blog is easy.

All you need to do is copy and paste some code, which we call embed code, into your website’s HTML/text editor, wherever you want your SmartFrames to appear.

To find out whether your website is compatible with SmartFrame, please visit the compatibility chart.

Where do I find this embed code?

  1. Locate your image in the Images panel
  2. Click on the three dots in the bottom right-hand corner. If you’re using the List View option, these dots will appear on far right of each image 
  3. Click on Copy embed code. This code will be saved to your clipboard, ready for you to paste into your website’s HTML/text editor.

Click on the three dots in the bottom of your image to copy the embed code

You can also grab this same code from a SmartFrame itself. Just click on the Share button (assuming the owner of the SmartFrame has this enabled) and select the </> icon. Now just click on Copy Code. If you like, you can make changes to the size of the embedded SmartFrame before you copy this code.

Where do I embed my SmartFrame on my website?

  1. Head to your website’s editor. You should be able to edit your website with visual and text/HTML editor. Switch to the text/HTML editor.
  2. Paste your code where you would like your SmartFrame to appear.

Taking things further

How do I change the Theme and appearance of a SmartFrame?

  1. Locate your image in the Images panel
  2. Click on the three dots in the bottom right-hand corner. If you’re using the List View option, these dots will appear on far right of each image 
  3. Click on View embed code. Here, you’ll be able to define the Theme used by this SmartFrame and set a preferred width (expressed as a percentage).

Is there an easy way to embed multiple SmartFrames at once?

If you need to embed many SmartFrames at once, we recommend you use our WordPress plugin or consider a SmartFrame Web Component integration.