> 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="/files/bkHiHLW0zK4byfFBBccS" 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="/files/rhOdwlVzMrIO70CDUep8" 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="/files/0DqLJQailDKDuN8lfQsh" 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="/files/1fGYRaz6ZyeMyqLxuPYS" 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="/files/TYr1oMyLPyozZpp1Nlob" 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="/files/9oQS0xv459L7RtOSgZq8" 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="/files/Gj9DLRr6ejDR6kIkApEr" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/laXmxUdCBFPivCpth8Hb" 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="/files/zsQQULmMmpU08X2DEfnz" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/65d9U1qGIUguYG0xFhVF" 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="/files/KXLMs97uvVZKJ0chLP2O" alt=""><figcaption></figcaption></figure>

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

And make sure it was created successfully

<figure><img src="/files/9R3rC1x21IZOfdO21bLy" 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="/files/4xo1CVN3w4MdGD3Mq92a" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/ngaHUiahsCXlr5dw81FA" 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="/files/IXrSqWO6o456nr02B99w" alt=""><figcaption></figcaption></figure>

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