# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.overse.app/hubble/blocks/dynamic-blocks.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.