> For the complete documentation index, see [llms.txt](https://docs.overse.app/hubble/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.overse.app/hubble/blocks/dynamic-blocks.md).

# Dynamic blocks

Dynamic blocks let you display personalized content that adapts based on [conditions](/hubble/conditions/intro-to-conditions.md). They’re perfect for delivering tailored messages to different customer and/or scenarios.

{% hint style="info" %}
Use dynamic blocks when you want content variations based on customer behavior or other factors.
{% endhint %}

## Overview

Dynamic blocks automatically adjust what customers see using [conditions](/hubble/conditions/intro-to-conditions.md). This ensures each visitor gets a message suited to their interests or needs.

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-334aede0002dea27b2d64d3645c287e59e941744%2FDynamic%20Blocks.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Keep your dynamic messages clear and use filters strategically.
{% endhint %}

## Create a Dynamic block

Dynamic blocks deliver personalized content that adapts based on [conditions](/hubble/conditions/intro-to-conditions.md). They enable you to display different content variations tailored to each visitor’s behavior or preferences.

{% stepper %}
{% step %}

#### Go to the Dynamic blocks page

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

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-ad4ff13a7558c3d7b387e9ca2b85dda8a7362df6%2FBlocks%20-%20Dynamic%20Blocks.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Make sure you’re in the dynamic blocks section.
{% endhint %}
{% endstep %}

{% step %}

#### Create a new block

Click the **Create new block** button.

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-891b418942961e6924a24031296c08315be13cad%2FBlocks%20_%20Dynamic%20Blocks%20_%20Empty%20State%20_%20Create.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Familiarize yourself with the layout for easier navigation later.
{% endhint %}
{% endstep %}

{% step %}

#### 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 Banner](/hubble/block-types/announcement-banner.md)block.

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-7b0c42a82a0dfce6311a8e1b5d0efc8c59d1c677%2FBlocks%20_%20Static%20Blocks%20_%20Block%20types%20_%20All.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### **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.

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-d3ab195daad976ec412f3ac4672abb6957255e91%2FBlocks%20_%20Dynamic%20Blocks%20_%20Announcement%20Banner%20_%20New%20_%20Base%20settings.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Clear names help with future management.
{% endhint %}
{% endstep %}

{% step %}

#### Add a Setting with conditions

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

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-5b64929152b6d23ed6bfdf24d632ef27aca94a52%2FBlocks%20_%20Dynamic%20Blocks%20_%20Announcement%20Banner%20_%20Update%20_%20New%20Setting%20with%20conditions.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Custom settings let you target content in different ways.
{% endhint %}
{% endstep %}

{% step %}

#### Customize settings

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

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-2dc94ba06c525cb01b062b55ed320429e2a571c1%2FBlocks%20_%20Dynamic%20Blocks%20_%20Announcement%20Banner%20_%20Update%20_%20New%20Setting%20with%20conditions_%20New.png?alt=media" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-3d1380ff0a206b308592f98205fd7d46371b9569%2FBlocks%20_%20Dynamic%20Blocks%20_%20Announcement%20Banner%20_%20Update%20_%20New%20Setting%20with%20conditions%20_%20Base%20settings.png?alt=media" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-987461565898be2c97ef5c9b2cb38dec7c3017f0%2FBlocks%20_%20Dynamic%20Blocks%20_%20Announcement%20Banner%20_%20Update%20_%20New%20Setting%20with%20conditions%20_%20Block%20settings.png?alt=media" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-1caa9b3f344a7cb5c8126f5549d0351a93c83432%2FBlocks%20_%20Dynamic%20Blocks%20_%20Announcement%20Banner%20_%20Update%20_%20New%20Setting%20with%20conditions%20_%20Assign%20Conditions.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Need help setting up conditions? [Learn more](/hubble/conditions/intro-to-conditions.md)
{% endhint %}
{% endstep %}

{% step %}

#### Save your setting

Click the **Save** button that is in the top bar

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-4d4cb8b268f112d99bea2ebd6dc5176b4b7e61c8%2FBlocks%20_%20Dynamic%20Blocks%20_%20Announcement%20Banner%20_%20Update%20_%20New%20Setting%20with%20conditions%20_%20Save.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Double-check your settings before finalizing.
{% endhint %}

And make sure it was created successfully

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-410f2e4fd71e41fdd6d342bce860185aa75b6b98%2FBlocks%20_%20Dynamic%20Blocks%20_%20Announcement%20Banner%20_%20Update%20_%20New%20Setting%20with%20conditions%20_%20Created%20success.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Go back to your Dynamic block's page

Click the back arrow to return to the previous page.

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-91d94898d55f963810becfeb342e92cf9e41f190%2FBlocks%20_%20Dynamic%20Blocks%20_%20Announcement%20Banner%20_%20Update%20_%20New%20Setting%20with%20conditions%20_%20Return.png?alt=media" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-bc2abbe271304e7eb1564b138332d5c8313b5edc%2FBlocks%20_%20Dynamic%20Blocks%20_%20Announcement%20Banner%20_%20Update%20_%20With%20setting%20with%20conditions.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Publish your block

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

<figure><img src="https://252181162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgNjbkcqEVwk7mzEfZieR%2Fuploads%2Fgit-blob-23ad84dc4cea38c910d13042a0531d77e039dbca%2FBlocks%20_%20Dynamic%20Blocks%20_%20Announcement%20Banner%20_%20Update%20_%20With%20setting%20with%20conditions%20_%20Publish.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
After publishing, review the live customer view to ensure everything displays correctly.
{% endhint %}
{% endstep %}
{% endstepper %}