Installing Web Component

SF Web Component is available to our Enterprise customers. It’s recommended for more advanced and high volume integrations where performance is the key.

1. Installing SmartFrame Script

<script type="text/javascript" src="[account specific url]"></script>

The SmartFrame script needs to be copied to the <head> section of your website. You will find the account specific script in the Admin Panel under Account > Integration.

2. SmartFrame image component

Once it’s done you can replace the <img> tags with <smart-frame> and use Image ID to embed particular images. The images will render on the webpage, but you will be able to control them from the Admin Panel.

<smart-frame image-id="[image-id]"></smart-frame>

The SmartFrame image component will be used instead of the regular HTML tag and need to be put within the body section of your website template. The image-id you can find in the SmartFrame Image Manager in List View next to every image names ID. The image-id is unique to every image and will be generated during image upload.

The image-id is available next to every image in the Image Manager (List View).

SF Web Component integration ensures the fastest performance and it’s recommended for use on your own website, especially if you’re planning to embed a high number of images. If you need any support in installing the SF Web Component, don’t hesitate to contact us – we’ll be happy to help.

< Previous article: Basic Workflow: Embed SmartFrame
Next article: SmartFrame Styling >

Get in touch

Any questions, need help or just want to say hi? Start a conversation with us at SmartFrame via the form below.

Thanks for completing this support request!
There has been a problem with the form submission, please try again later.