Types of Dynamic Elements

CustomFit.ai supports different types of Element's such as number, string, JSON, color, rich text, boolean, etc

Minimum one variation should be present for all the types of Elements. And also the creation of identical variations is prohibited(with the same name and value for more than one variation).

Make sure to give a name to your variation as it used to display in the CustomFit.ai dashboard. The description is an optional field that can be used to briefly describe the variation.

String

String Element is a collection of characters and numbers. To perform text-based changes in your app at run time use String Element.

For example, The hero text on a webpage for users can be different based on their demographics(location) and it can be changed using String Element.

Selecting String Element

In create Element page after you have given Name, Key, Description, and Tags, you will see an option to select the type of element. This is essentially a drop down which lets you select the type of element. Out of the different options available, select STRING and give the desired text in the value field.

Creating String Variation

Number

Number Elements are used to define integer or decimal values. To perform number-based changes in your app at run time use Number Element.

For example, you can offer different pricing to a different segment of users based on their demographics(location), then it can be achieved using Number Element.

Selecting Number Element

In create Dynamic Element page after you have given Name, Key, Description, and Tags, you will see an option to select the type of element. This is essentially a drop down which lets you select the type of element. Out of the different options available, select NUMBER and give the desired number in the value field.

Creating Number Variation

Boolean

A Boolean Element has two variations true and false, which works best with your app when you simply want to turn things on and off.

For example, If you want to disable the sign up button if the user has already signed up then make use of Boolean Elements and make it true.

Selecting Boolean Element

In create Dynamic Element page after you have given Name, Key, Description, and Tags, you will see an option to select the type of element. This is essentially a drop down which lets you select the type of element. Out of the different options available, select BOOLEAN. Two variations will be created automatically with the name and value field as TRUE and FALSE.

JSON

JSON Element is a collection of Key-Value pairs that are used to define the style of an element.

For example, JSON Element can be used to display different elements in different styles to different users.

Selecting JSON Element

In create Dynamic Element page after you have given Name, Key, Description, and Tags, you will see an option to select the type of element. This is essentially a drop down which lets you select the type of element. Out of the different options available, select JSON. A JSON editor appears in create variations page where you can start editing your JSON object.

Creating JSON Variation

Color

Color Element gives you the control to define the color of elements on your app or website. Pick the color using the color picker tool.

For example, If you are willing to show the different color for the sign-up button to a different segment of users then make use of Color Element.

Selecting Color Element

In create Dynamic Element page after you have given Name, Key, Description, and Tags, you will see an option to select the type of element. This is essentially a drop down which lets you select the type of element. Out of the different options available, select COLOR. A color picker appears where you can pick the color of your choice or give a HEX value of the color at the field at the bottom.

Creating Color Variation

Rich Text

Rich Text Element lets you control the content and appearance of text elements on your app or website. Using a built-in editor you can choose from the various formatting options such as indentation, alignment, font, color, lists, etc.

For example, If you want to change the hero text to appear different types for different users then make use of Rich Text Element.

Selecting Richtext Element

In create Dynamic Element page after you have given Name, Key, Description, and Tags, you will see an option to select the type of element. This is essentially a drop down which lets you select the type of element. Out of the different options available, select RICH TEXT and give the text in the editor.

Following are the list of formatting options you can choose from:

  • Bold

  • Italics

  • Underline

  • Strikethrough

  • Superscript

  • Subscript

  • Quotes

  • Font family

  • Font size

  • Font color

  • Justify content(Right, Left & Center)

  • Indent text (Increase, decrease)

  • List (Numbered, Bullets)

  • Undo/Redo changes

  • Insert link

Creating Rich Text Variation