> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/en/blocks/integrations/map.md).

# How to add a map

You can add an external map widget to your website to display your location. To do this, insert the map's embed code into an HTML block. Follow these steps to add a map using Google Maps.

* Find the address in [**Google Maps**](https://maps.google.com/). Follow [Google’s instructions](https://support.google.com/maps/answer/7101463?hl=en) to generate an embed code for your map. Copy the code.
* Open the Wfolio control panel and go to the **Pages** section. Open the [Custom page and blocks](/site/en/pages/custom-page.md) page where you want to add the map. Click the <mark style="background-color:blue;">**+**</mark> button to add a new block.
* Open the **Widgets** tab and select an HTML block.

<figure><img src="/files/L9049uEJNbXOykM1EKE5" alt="" width="563"><figcaption></figcaption></figure>

* Paste the copied code. Save changes.

<figure><img src="/files/uYcipVyTRyfZj3F1n7Me" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}
If you want the map to be displayed the full width of the page, replace the `width="..."` value in the code with `width="100%"`.
{% endhint %}

Now the map will be displayed on your website.