Using Contact Form

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 have your audience apply for a business proposal. You can choose which fields you deem necessary, as well as add you own custom style.

1. Adding and configurating

Add the component by dragging and dropping it on a position on the timeline. Continue by configurating the following fields
  1. Heading: Choose a title (heading) to display above the form.
  2. Subheading: Choose a subtitle to display below the title (heading).
  3. Button: Choose a text to display in the button.
  4. Feedback: choose a text to display after the information has been succesfully sent.
  5. Target: enter the email address you wish the information from the forms to be sent to. 

2. Adding fields

Add (extra) fields to the form by clicking on  ‘add input field’. You can add a minimum of 1 and a maximum of 4 fields. Configurate individual fields through the following settings:
  1. Type: choose the type of input. 
  2. Name: choose a name for the concerning field.
  3. Label: choose a label. This is the ‘placeholder’ text that will be displayed in the field. 
  4. Required: check this option to label the field as ‘required’ or mandatory for completion. A small star will appear in the field.

3. Layout and style

Determine the layout of the form by adjusting the style. You can adjust, among other things, the colors, font style, background and button-/ and field style. 

    • Related Articles

    • 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 ...
    • 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 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 ...
    • 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, ...
    • Metadata in URL using parameters

      Metadata in URL using parameters There are ways to give extra information to the interactive video from external information sources. One of these ways is to add some code (parameters) behind the project link to add meta-data. This way you can add ...