Show Dynamic text using tags

Show Dynamic text using tags


A tag is used to present the variables. Which can be used, for example, to:

  • Show scores 
  • Show the amount of right and wrong answers 
  • Personalization (for example the name of the user) 

Step 1

To be able to differentiate between regular text and variables, special signs are used. A tag is formulated as follows: <key>. If a variable is configured with the key ‘score’, the corresponding tag would be: <score>.

Go to Components and choose Text Tool. You can add the component by 1. dragging and dropping it on the canvas or timeline, 2. Clicking on the three dots and choosing Place element, 3. Double-clicking the element you wish to add. 

Step 2

Select the element, go to Options and search for the input field Text, located beneath the header Text Style. Here you can enter the desired text for display, for example: 

Submitted text (displayed in editor):                                                  You have <score> points!
Which will appear in your presentation as (displayed in player):     You have 3 points!


Of course, a variable has to be created that corresponds with the submitted key. This can be done in multiple ways, including:



    • Related Articles

    • Using Input Field

      The Input Field component allows you to create and edit variables. Variables are elements that can assume a certain value. A variable consists of a key and a value. The key is the ‘label’ of the variable, and is used to identify the variable. The ...

    • Animate using keyframes

      Keyframes are the set-up positions of elements on their specific moments on the timeline. By using more than one keyframe, it is possible to linearly animate elements. Working with keyframes allows you to have elements move over the screen on the ...

    • Using Email Gate

      The Email Gate component allows you to collect email addresses from viewers. Viewers can submit their emailadres by way of a simple form. The contact details will be sent to a mailbox of your choice. This direct method of lead generation adds to an ...

    • Using Contact Form

      The Contact Form component is a user-friendly and flexibly deployable contact form. With this ‘form builder’, you can create form for different purposes. You can for example have your target audience make contact, but you can also use this feature to ...

    • Personalize using postMessage

      PostMessage is a safe method to communicate between different domains, for example between a website and an embedded Ivory player (iFrame). This allows you to personalize video’s realtime. The data is sent directly from a webpage to the iFrame, ...