# Custom

The **Custom Block** gives you the freedom to design completely personalized layouts within your customer account pages — no coding required. Use it to create anything from simple callouts to full dashboard-style sections that perfectly match your brand and needs.

### Key features

* **Visual builder:** Build layouts with a flexible drag-and-drop interface — add grids, text, headings, stacks, and more.
* **Dynamic data:** Insert customer-specific variables like `{{ customer.first_name }}` to personalize content automatically.
* **Conditional display:** Use Custom Blocks as *static* (always shown) or *dynamic* (shown based on conditions) for tailored experiences.
* **Shopify-native:** Runs inside Shopify’s Customer Accounts using UI Extensions — secure, fast, and fully integrated.

{% hint style="info" %}
Want to display different content for different customers? [Learn about dynamic blocks](/hubble/blocks/dynamic-blocks.md)
{% endhint %}

***

### Customize the settings

When creating a Custom Block, you’ll design it visually inside Hubble’s editor.\
You can:

* **Add structure:** Arrange your layout using Grid or Stack components.
* **Add content:** Insert headings, text, and dynamic variables to display personalized data.
* **Adjust styling:** Control spacing, alignment, and background options for each section.
* **Preview instantly:** See exactly how your design looks across desktop and mobile.

<figure><img src="/files/z2OwH7Jc8rGQfoAcCvuv" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Break down complex layouts into smaller individual Custom blocks.
{% endhint %}

***

### Use cases

* Personalized dashboards for B2B or loyalty programs.
* Welcome messages or membership status summaries.
* Quick links or action buttons for customers.
* Unique landing layouts inside customer accounts.


---

# 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/block-types/custom.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.