Static Components

What are Static Components 

Static Components have been introduced in order to offer our customers the option to design their experience in alignment with brand requirements and style. These components do not have a data capture feature and can only be used for design and layout purposes.

How to access Static Components?

Once you create a new experience or choose to use one of our Odicci templates, the tool bar will be available for you in the right side of your screen.

Static Components are the same for every experience, the tool bar does not change depending on the type of experience you have chosen. 

The Static Components tool bar consists of:

  1. Heading 
  2. Paragraph
  3. Image
  4. Video
  5. Captcha
  6. CTA Button
  7. Horizontal Line
  8. Spacer
  9. Countdown
  10. Layout
  11. Social Share
  12. Progress Bar
1. Heading

Add a heading to your experience by pressing the button 'Heading' and personalise it using the tools available. You can edit the style, text alignment, font and colour. You can also choose to apply the selected settings to all headings in your experience by ticking the option 'Apply to all existing headings'.

2. Paragraph

Add a paragraph to your experience by pressing the button 'Paragraph' and personalise it using the tools available. You can edit the style, text alignment, font and colour. You can also choose to apply the selected settings to all paragraphs in your experience by ticking the option 'Apply to all existing paragraphs'

3. Image

Add an image to your experience by pressing the button 'Image' which will redirect you to your Gallery. You can choose to use an existing image from your Gallery or upload a new asset by pressing the button 'Upload'. Sort your assets by 'Newest first', 'Oldest first', 'A-Z', 'Z-A' or search the folders.

4. Video

Add a video to your experience by pressing the button 'Video'. You can only upload Videos by imputing their URL in the provided field. 

5. Captcha

Add a Captcha to your experience by pressing the button 'Captcha'. This feature will assure the quality of the data gathered by not allowing robots to enter your experience. You can choose to customise your Captcha button by using a light or dark colour theme or making it invisible. 

6.CTA button

Add a CTA button to your experience by pressing 'CTA Button'. 'CTA' stands for Call to Action Button and this feature will allow you to introduce a button that will redirect users to a link of your choice (the button can also open in a new tab) or to a Target Frame (for example 'NEXT' placed on the Form will redirect users to the next frame or frame number 2).

7. Horizontal line

Add a Horizontal line to your experience by pressing the 'Horizontal Line' button. 

8. Spacer

Add a Spacer to your experience by pressing the button 'Spacer'. The 'Spacer' was created in order to help with your layout and give you the option to add more space between other elements on the page. You can customise the dimensions of the spacer (15, 30, 45 pixels or custom)

9. Countdown

Add a Countdown to your experience by pressing the button 'Countdown'. If for example you are building an experience with a prize that should be redeemed as soon as possible, you can use the countdown to let users know how long they have until the prize expires. 

You can edit the Countdown's style, text alignment, font and colour.

By pressing the button 'Options' within the Countdown you can personalise your timer as well as your 'Time Over Message'.

10. Layout

Add a Layout to your experience by pressing the button Layout and choose how many assets (minimum 2 - up to 5) you would like your layout to fit. 

11. Social Share

Add a Social Share button to your experience by pressing the button "Social Share" that will automatically generate an icon for the following sharing platforms: Facebook, Twitter, Whatsapp, Linkedin, Email. You can edit the icon size as well as colour or upload an image instead of colour to fill in the icons. 

The icons are customisable and can also be removed. In the Options tool bar you will have the option to choose the icons you would like to keep as well as Sharing Title, Sharing Description, Subject and Message. 

12. Progress Bar

Add a Progress Bar to your experience by pressing the Progress Bar button and customising it. There are two types of Progress Bar available: Loading and Steps. You can also customise the text and colours.