# Replacement Variables for the HTML Block

*Article Topics:* [*Design*](https://docs.toomuchmedia.com/getting-started/common-topics/design)*,* [*Blocks*](https://docs.toomuchmedia.com/getting-started/common-topics/blocks)

### HTML Blocks

The HTML blocks provide a space for you to add custom HTML to your page. This can be found on the HTML tab of the Block configuration. Within the HTML block, you will also find the Replacement Vars tab, which lists some common ways to modify your block using Replacement Vars.  

<figure><img src="https://2232071635-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWJVne6meHqGT8rzsBdod%2Fuploads%2F4RcRAHFVT08tYytffNVY%2Fcms-replacementvas-replacementvarstab.png?alt=media&#x26;token=19559678-8684-4467-94fd-68dbb764bc30" alt=""><figcaption></figcaption></figure>

Using the {{area.name}} replacement variable, you can provide your site visitors with a welcome message with the name of your area using the following example:

{% code overflow="wrap" %}

```
<h1 class="text-center center">Welcome to <b>{{area.name}}</b>. We are happy to have you here.</h1>
```

{% endcode %}

This will display the name you've specified for your Area, in this case, the Tour, on the page with the HTML Block.&#x20;

<figure><img src="https://2232071635-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWJVne6meHqGT8rzsBdod%2Fuploads%2FJHgu94jO0kBMqCKUyw7w%2Fcms-replacementvas-areaname.png?alt=media&#x26;token=f32248f7-c01f-4fcd-9eb9-52ef572ff075" alt=""><figcaption></figcaption></figure>

## Related Articles

{% content-ref url="../../themes/block-types" %}
[block-types](https://docs.toomuchmedia.com/content-management/member-areas-and-tours/themes/block-types)
{% endcontent-ref %}

{% content-ref url="list-of-replacement-variables" %}
[list-of-replacement-variables](https://docs.toomuchmedia.com/content-management/member-areas-and-tours/customizing-your-theme/replacement-variables/list-of-replacement-variables)
{% endcontent-ref %}