Text
After inserting a block in Live Preview, you can configure the settings
Editor
You can edit by selecting the text (Font Family, Font Size, Bold, Ilatic, Underline, etc.)
There are 2 dynamic options:
Insert Link and Smart Tags, you can select the text and insert Link or Smart Tags
Smart Tags: It provides 5 types of Dynamic Content: Visitor Attribute, Customer Attribute, Event Attribute, Promotion Code, Product
Visitor/Customer Attribute
Personalization Attribute: Attribute of Visitor/Customer
Display Format: It depends on the data type of attributes, you can also adjust the date display format
Event Attribute
In any source of: Select the event source
Select event: Select the event corresponding with the source
Select event attribute: Attribute of the event
Display Format: It depends on the data type of attributes, you can also adjust the date display format
Promotion Code
Promotion pools: The pool contains promotion codes
Promotion code attribute: The attribute of the promotion code
Product
Personalization attribute: The attribute of the Product
Index: The number of the row in the Product attribute data
When you insert the link, it can be static or dynamic
Settings
Display condition
Condition: It includes None, Show when, Hidden when
Field: It contains Business Object attributes
Index: The number of the row in the Business Objects Data table
Operator: It includes contains, does not contain, starts with, doesn't start with, ends with, doesn't end with, etc.
Value: you can input the value or select an attribute or an event from Groups set in Content Sources
The Business Object attributes in Field are selected Business Object in Template Setting
If Business Object in Template Setting does not be selected, a popup of Select Source will appear
Dynamic Content
When you insert a dynamic link or smart tag, you can also add or remove or highlight it.
Change Personalization
Personalization type includes Visitor Attribute, Customer Attribute, Promotion code, Event Attribute
Visitor Attribute and Customer Attribute allows using the attributes of Visitor or Customer Business Object to make dynamic content
Promotion code uses the attributes of a promotion pool to make dynamic content. For example, if demanding to show the promotion code a customer spin won.
Event attribute uses the event attributes of an event to make dynamic content. For example, if demanding to show the number of items a customer purchased.
Visitor Attribute and Customer Attribute
If Personalization type was selected Visitor Attribute or Customer Attribute
Personalization attribute is the attribute of the Visitor or Customer Business Object
Display Format is the value format of the attribute
Promotion code
If Personalization type was selected Promotion code
Promotion pool is the promotion pool created in Promotion Center
Promotion code attribute is the attribute which contains promotion code value sent in the template
Display Format is the value format of the promotion code attribute
Event Attribute
If Personalization type was selected Event Attribute
Select event is the event that is required an audience to satisfy to show the dynamic content
In any source of is the source in which the event happens
Select event attribute is the event attribute of the selected event that contains values making dynamic content
Index (this setting is of the event attribute selected) is the position of the values want to show
Display Format is the value format of the event attribute
Remove Personalization
Highlight Personalization
When designing, you can highlight the dynamic text by turning on the status of Highlight Personalization
Highlight Personalization is easy to see the difference between Dynamic text and Static text
It shows only when designing a template (not delivery)
Text styling
The number of lines displayed in the Preview or Delivery
Container Styling
Style
Solid: Applies a single color uniformly within the whole of an object by selecting the Background color
Gradient: It applies a continuous blend of two or more colors, where one color gradually fades and changes into another. You can choose the Gradient Style:
Linear: Change the angle of the gradient
Radial: Change the positioning (right center, left top, left center, etc)
Color and Color Location: Set the color and the location of that color in a gradient. A gradient allows having up to 5 colors.
Box Shadow
It allows you to add shadow effects around an element's frame by selecting a shadow style (None, Light, Custom)
Border
It allows you to specify the style, width, and color of an element's border
Rounded Corners
It allows you to define the radius of an element's corners
Spacing
Inner Spacing (Padding): Padding is inside the border (or edge) of your element. Increasing the padding will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box
Outer Spacing (Margin): Margin is on the outside of the border of your element. If you increase the margin, it will increase the space between this element and the ones next to it. If you remove your margin, there will be no extra space between your elements
Position
It allows you to adjust the position of elements in the block
Height
If the template contains dynamic content to product names.
It cannot control the length of the name displayed on the user's screen because the products displayed are based on the users' events.
Without the Height feature, these text blocks have different heights which makes the user experience not as good as expected.
The Height feature helps erase this concern.
Z-Index
The z-index property specifies the stack order of an element
An element with greater stack order is always in front of an element with a lower stack order
Custom ID attribute
The ID of a block, which is used in Custom CSS, Custom Javascript
Custom Class attribute
The class of a block, which is used in Custom CSS, Custom Javascript
Hover Styles
Hover Styles makes text change its styles such as background color, font color, border, etc. whenever users hover over the text.
In the settings of the Text block, go to Container Styling, and select Default Hover Styles
The default style has not applied any style when hovering over the text
Turn off Default Hover Styles to set the style
a. Background
Solid: Applies a single color uniformly within the whole of an object by selecting the Background color
Gradient: It applies a continuous blend of two or more colors, where one color gradually fades and changes into another. You can choose the Gradient Style:
Linear: Change the angle of the gradient
Radial: Change the positioning (right center, left top, left center, etc)
First color & first color location
Second color & second color location
b. Box Shadow
It allows you to add shadow effects around an element's frame by selecting a shadow style (None, Light, Custom)
c. Border
It allows you to specify the style, width, and color of an element's border
d. Rounded Corners
It allows you to define the radius of an element's corners
e. Spacing
Inner Spacing (Padding): Padding is inside the border (or edge) of your element. Increasing the padding will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box
Outer Spacing (Margin): Margin is on the outside of the border of your element. If you increase the margin, it will increase the space between this element and the ones next to it. If you remove your margin, there will be no extra space between your elements
f. Position
It allows you to adjust the position of the hover
g. Z-Index
The z-index property specifies the stack order of an element
An element with greater stack order is always in front of an element with a lower stack order
Last updated
