Dismiss Content Properties
The Dismiss content block allows visitors to indicate that they are not interested in the campaign or offer. You can customize its visibility, action, text, typography, background, borders, size, position, and other styling options.
To configure the Dismiss element, select it on the canvas.
For more information about working with content blocks, see Working with Content Blocks.
Visibility
Use the Visibility settings to control where the Dismiss element appears.
- Desktop — displays the element on desktop devices.
- Mobile — displays the element on mobile devices.
You can enable or disable each option independently.
Actions
The Actions setting determines what happens when a visitor clicks the Dismiss element.
Choose the action that matches how you want visitors to proceed after dismissing the campaign. For an explanation of the available actions and what each action does for the visitor, see Configuring Element Actions.
Text Styling
Use the Typography settings to customize the Dismiss text.
For detailed typography options, see Typography and Text Styling.
Color
Choose the text color.
Font
Select the font family from the available options.
Weight
Adjust how bold the text appears.
Style
Choose between:
- Normal
- Italic
Size
Adjust the text size and select the appropriate unit.
Spacing
Adjust the spacing applied to the text.
Line Height
Control the vertical spacing around the text.
Alignment
Choose how the Dismiss text is aligned:
- Left
- Center
- Right
- Justify
Value
The Value field contains the text displayed to visitors.
For example:
I'm not interested. I'll pay extra
Replace the default text with a message appropriate for your campaign.
Padding
Use Padding to control the space inside the Dismiss element.
- V — controls vertical padding.
- H — controls horizontal padding.
Background
Use Background to add a background color to the Dismiss element.
Select Solid Color and choose the desired color.
For more information about visual styling, see Background and Visual Styling.
Borders
The Borders settings allow you to customize the border around the Dismiss element.
Radius
Use Radius to control how rounded the corners are.
0pxcreates square corners.- Higher values create more rounded corners.
Width
Use Width to control the thickness of the border.
Style
Choose from the following border styles:
- None — no border is displayed.
- Solid — displays a continuous border.
- Dashed — displays a border made of dashes.
- Dotted — displays a border made of dots.
- Double — displays two continuous border lines.
Color
Use Color to choose the border color.
Per Side
Enable Per side to configure the border settings individually for each side of the element.
Shadow
Use Shadow to add a shadow effect to the Dismiss element.
You can select one of the available shadow styles or configure a custom shadow.
Size
The Size settings control the dimensions of the Dismiss element.
Height
Adjust the Height to make the element taller or shorter.
You can also use:
- Full height — uses the available height.
- Adjust height to content — adapts the height to its content.
Width
Adjust the Width to control the horizontal size.
You can also use:
- Full width — makes the element span the available width.
- Hug width — adapts the width to the content.
- Adjust width to content — allows the element to size according to its content.
For more information about arranging elements, see Managing Rows and Layout.
Position
Use the Position grid to determine where the Dismiss element is positioned within its container.
Select the position that best fits your campaign layout.
Advanced Settings
Additional settings provide more control over how the Dismiss element appears.
Rotation
Use Rotation to rotate the element.
H. Offset
Adjust the H. Offset to move the element horizontally.
V. Offset
Adjust the V. Offset to move the element vertically.
Opening Effect
Choose an Opening effect to control how the element appears.
Available effects include options such as:
- Fade In
- Fade In Up
- Fade In Down
- Fade In Left
- Fade In Right
- Fade In Scale
- Fade In Blur
- Zoom In
- Zoom Out
- Grow
- Bounce In
- Elastic
- Rubber Band
- Flip In X
- Flip In Y
- Pulse
- Jello
Select None if you do not want an animation.
Z-index
The Z-index controls the stacking order of the Dismiss element relative to other elements on the page.
Tip: Use clear and polite Dismiss text so visitors understand what the option does. If the campaign uses multiple steps or stickers, consider using the appropriate action described in Configuring Element Actions to let visitors dismiss the popup while keeping the campaign accessible.