Text Content Properties
The Text content block allows you to add and customize text in your campaign. You can control how the text looks, where it appears, how much space it occupies, and what happens when a visitor interacts with it.
To learn how to add Text blocks to your campaign, see Working with Content Blocks.
To open the settings, select a Text element on the canvas.
Visibility
Use the Visibility settings to control where the text appears.
- Desktop — displays the text on desktop devices.
- Mobile — displays the text on mobile devices.
You can enable or disable each option independently.
For more information about organizing content for different screen sizes, see Managing Rows and Layout.
Actions
The Actions setting determines what happens when a visitor interacts with the text element.
Available actions include:
- Do Nothing — no action is performed.
- Go to URL — takes the visitor to a specified webpage.
- Go to URL and show this step's sticker — takes the visitor to a webpage and keeps the current step accessible through its sticker.
- End this campaign — ends the campaign.
- Show this step's sticker — hides the popup and displays its sticker.
- Reopen this step from sticker — reopens the current step from its sticker.
- Change step — moves the visitor to another campaign step.
Additional Action Settings
Depending on the selected action, additional fields may appear.
For example, when configuring an action that uses custom information, you may be able to enter:
- Link — the destination URL.
- Text — text associated with the action.
- Value — an additional value used by the action.
Click Apply Changes to save the action settings.
For more information about configuring interactions, see Configuring Element Actions.
If the action changes the visitor's campaign step, see Configuring Campaign Steps.
Typography
The Typography settings control the appearance of the text.
Color
Use Color to select the text color. You can also use the inherited color when appropriate.
Font
Choose the font family from the available fonts.
Weight
Use Weight to control how thick the text appears.
Options include:
- Thin
- Extra-Light
- Light
- Normal
- Medium
- Semi-Bold
- Bold
- Extra-Bold
- Ultra-Bold
Style
Use Style to choose the text style:
- Normal
- Italic
Size
Adjust Size to change the text size. Select the appropriate unit from the dropdown.
Spacing
Use Spacing to adjust the spacing applied to the text.
Line Height
Use Line Height to control the vertical distance between lines of text.
For a detailed explanation of these settings, see Typography and Text Styling.
Text Alignment
Use the alignment controls to position the text within its container.
Available options include:
- Left
- Center
- Right
- Justify
For more information about positioning and arranging elements, see Managing Rows and Layout.
Background
Use Background to add a background color to the text element.
Select Solid Color and choose the desired color.
For more background and visual styling options, see Background and Visual Styling.
Borders
Customize the text element's border using:
- Radius — controls how rounded the corners are.
- Width — controls the border thickness.
- Style — choose from None, Solid, Dashed, Dotted, or Double.
- Color — sets the border color.
- Per side — allows border settings to be configured individually for each side.
For more information about borders and other visual effects, see Background and Visual Styling.
Shadows
Use Shadows to add a visual shadow around the text element.
You can select from predefined styles or use Custom to configure the shadow manually.
For more information about visual effects, see Background and Visual Styling.
Size
The Size settings control how much space the text element occupies.
Height
Adjust the Height to make the element taller or shorter.
You can also enable:
- Full height — uses the full available height.
- Adjust height to content — adapts the height to the text content.
Width
Adjust the Width to control the horizontal size of the element.
You can also enable:
- Full width — makes the text element span the available width.
- Adjust width to content — adapts the width to its content.
For more information about sizing and organizing elements, see Managing Rows and Layout.
Edit HTML
The Edit HTML option allows you to access and modify the HTML associated with the Text element.
Use this option for advanced customization when needed.
For more information about working with HTML content, see HTML Content Properties.
Products
The Products section allows you to associate products with the Text element.
Click + Add to tag a product or product category.
Tagged products can be attributed to the campaign when the text promotes those products.
For more information about product tagging, see Tagging Products.
Tip: Use typography settings to create a clear hierarchy. For example, use a larger or heavier font for headings and a smaller, regular font for supporting text. Keep text concise and make sure it remains readable on both desktop and mobile.