Note: We’re just releasing our new amazing feature: the customizable style sets. Some parts of our help articles might need an update. We’re working on them, thanks for your understanding! This article might help you in the meanwhile!

Choosing what information you want to show in your cards and tooltips can easily be done by working with custom fields. In this article, you will learn the concept of custom fields, where and how to use them. Here are a few examples of what you can use them for.

If you have worked with some kind of variables in computer coding before, this will feel very familiar to you. If not: no worries, we will explain it, step by step.

Custom fields are used to store information to be later referenced when the interactive image or video is live on your website. A custom field exists of a property name and a value that is own to the asset itself. When tagging your content, you can use the property name between curly brackets { }, it will then act as a placeholder for your value.

Dynamic content

All fields, including the title, are dynamic. Meaning: when an asset is edited - either manually or automatically - it will be adjusted live on your website.

Using custom fields step-by-step

Before diving into custom fields, try to get a grasp on the following concepts first: 

How fields are connected is explained in the following graphic.

In this image and the following examples, we use a plastic pot which displays the expected delivery time.

Step 1

Add a custom field with a descriptive property name and a text you want to give it. This text can be different for every asset.
We have an asset that we give a Property name of "deliverytime"  and a value of "3 days" in the example above.

Step 2

Go to a tagger and edit your spott style. Add curly brackets { }  to the Property name value of step 1, so it looks like this: {deliverytime} . Tag the asset from step 1 in your image or video and apply the style we have just created.

Step 3

After embedding your video or image on your website, you will notice that {deliverytime}  is replaced by the correct time of delivery, in this case, "Delivered in 3 days".

Note that it can take up to 3 minutes to reflect any changes made in the styles and the tagger.

Flexibility and limitations

In this article, we only used one example of many possibilities. Choosing what information you want to show, is completely up to you. There is no limit to how many custom fields you want to add on an asset.

Text limitations

The text limitations differ for different kinds of content, we'll go through the default styles here:

  • The image tooltip will adjust itself up to around 50 characters for both Title and subtitle.
  • The video card you only have around 20 characters of space on Line 1. Line 2 has the same amount of characters, however the text will continue on the next line. Both Line 1 and Line 2 can have up to 5 lines of text before it gets cut off.
  • Video tooltips are more flexible, they can go up to 50 characters. When the text is too long for one line, it will continue on the next line.
  • There are no hard text limits on custom fields.

What's next:

Did this answer your question?