A Theme is an overlay of interactive features that controls how your SmartFrames appear and behave for your audience.
Users have two options: Standard and Blank. The default Theme is the Standard Theme. The following table shows the differences between the two options at default.
| Standard Theme | Blank Theme | |
|---|---|---|
| Caption | Enabled | Disabled |
| Attribution | Disabled | Disabled |
| Call-to-action button | Disabled | Disabled |
| Share options | Enabled | Disabled |
Here’s an example of how the Standard Theme appears on a SmartFrame – just roll your mouse over the image to view its full functionality:
You can edit existing Themes and create new ones in the Themes panel, which is located in the main Admin Panel. Here, you have control over:
- Design – adjust the color of the Caption and buttons on your SmartFrames
- Caption – enable and disable the Caption on your SmartFrames
- Attribution – enable an Attribution that will appear on all off-site SmartFrames
- Custom button – enable and disable a custom CTA button to link directly to a page of your choice
- Sharing – enable and disable different sharing options for your SmartFrames
- Deterrent – display a copyright warning when someone right-clicks on the image or tries to take a screenshot of it
Learn more about editing Themes
Themes and small embeds
Some elements of Themes, such as buttons and captions, will not be visible if the size of an embed is smaller than 253x140px, although these embeds will still be protected against theft.
Selecting a Theme for your SmartFrames
You can select which Theme to use for each SmartFrame individually in the Insights section of the Admin Panel.
Alternatively, you can define it directly in the Images panel when copying the embed code. Unless you select otherwise, each SmartFrame will use the default Theme.
You can change the Theme of any SmartFrame embeds at any time, regardless of the page or domain on which they’re published. To do this, find the SmartFrame in the Embed Report in Insights and select the Theme you want to use from the dropdown next to the embed. You can also do this on the Embed page.
If you change the default Theme, all SmartFrames that were uploaded using the previous default Theme will change to the new default Theme.
Selecting a Theme for SmartFrame Web Component
If you have the SmartFrame Web Component installed, your embeds will automatically be embedded using the default Theme. In order to change the Theme you’re using for a specific embed, you need to add a Theme attribute to the smart-frame tag. For example: <smart-frame image-id=”sample_ID” embedded theme=”my_theme”>