Dynamic blocks

Dynamic blocks let you display personalized content that adapts based on conditions. They’re perfect for delivering tailored messages to different customer and/or scenarios.

Use dynamic blocks when you want content variations based on customer behavior or other factors.

Overview

Dynamic blocks automatically adjust what customers see using conditions. This ensures each visitor gets a message suited to their interests or needs.

Keep your dynamic messages clear and use filters strategically.

Create a Dynamic block

Dynamic blocks deliver personalized content that adapts based on conditions. They enable you to display different content variations tailored to each visitor’s behavior or preferences.

1

Go to the Dynamic blocks page

Go to the Blocks section in the sidebar and click the Dynamic Blocks card.

Make sure you’re in the dynamic blocks section.

2

Create a new block

Click the Create new block button.

Familiarize yourself with the layout for easier navigation later.

3

Select a block type

Choose your desired dynamic block type (e.g., Announcement Banner, Image Banner, etc.).

For this guide, we will continue with the Announcement Bannerblock.

4

Configure your Dynamic block

Block name: Enter a descriptive name (e.g., “Dynamic Block for Personalized Offers”).

Description (optional): Add a short description if needed.

Clear names help with future management.

5

Add a Setting with conditions

Click Create a Setting with conditions button to add personalized options to your block.

Custom settings let you target content in different ways.

6

Customize settings

On the custom setting page, you will see the following fields:

Setting name: Enter a descriptive name (e.g., “Dynamic Block for Personalized Offers”).

Settings: Fill in the content settings for your block—this may include text, images, or product selections, depending on the type.

Set Conditions: Apply conditions to instruct Hubble when to show this setting.

Need help setting up conditions? Learn more

7

Save your setting

Click the Save button that is in the top bar

Double-check your settings before finalizing.

And make sure it was created successfully

8

Go back to your Dynamic block's page

Click the back arrow to return to the previous page.

You will see the following your setting with conditions in the priority table.

9

Publish your block

Click the Publish button that is in the right-top corner and follow the steps that will appear.

After publishing, review the live customer view to ensure everything displays correctly.