| Help center
Back to Help Home How to embed SmartFrame images on your site
The easiest way to add a SmartFrame image to your site is by copying and pasting a short block of code into the HTML or text editor within your website’s CMS.
This code will usually appear within the SmartFrame image itself or on the page where the image has been published.
If you are a content owner who has manually uploaded images to the SmartFrame Admin Panel, you should also be to find the embed code for your images by clicking on the image itself and then selecting Embed, before following the on-screen instructions.
If you need further support, please read our guide to obtaining embed code.
How to embed a SmartFrame image on your website
- Head to your website’s editor and switch to the text/HTML editor
- Paste the embed code where you would like your SmartFrame to appear
If you need to embed many SmartFrame images at once, we recommend you consider a SmartFrame Web Component integration. Please contact us for further details.
Content-managed site
It’s possible to embedding SmartFrame images using a wide range of content management systems (CMS). Please visit the Supported platforms page to view the full list.
You can also view our step-by-step guides for Blogger, Squarespace, Weebly, and WordPress.
Most other popular CMS have an HTML/custom HTML/embed block that should be used to place the SmartFrame image. Please refer to your CMS documentation.
The main prerequisite for a CMS to be compatible with SmartFrame images is that it needs to allow for adding active scripts (JavaScript). It may happen that the particular CMS has the capability for adding active scripts but, due to its configuration, it doesn’t allow it. In this case, please contact your system administrator and ask to make a change in configuration and to whitelist SmartFrame images.
Please visit the SmartFrame embed code structure page to learn more about the embed code structure.
Troubleshooting
Instead of a SmartFrame image, I can see code starting with <script>
The most likely reason for this is that the code has been pasted into the visual editor rather than the HTML/Text editor.
If it still doesn’t work, it’s likely that your website’s platform has blocked the embed code. We suggest contacting the company that provides your website service or referring to its help/support section.
Pasting the embed code doesn’t do anything
As above.
I can see a JPEG instead of a SmartFrame image
Your website or browser may not allow rich media like SmartFrame images. Again, we suggest contacting the company that provides your website service or referring to its help/support section.
SmartFrame image is misaligned or obstructed
You may need to adjust your CSS styles to ensure correct positioning. If you are unsure how to do this, please contact us for support.