> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://linkie.bio/help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to embed a Google Maps location on your Linkie page

# How to embed a Google Maps location on your Linkie page

###### **Step-by-step guide on how to embed a Google Maps location on your Linkie page**

You can add a Google Maps location to your Linkie page by pasting the full location URL into an embed card. You can also use Google Maps HTML embed code if you prefer.

### Open HTML Embed

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/add-html-embed_1t72gl1.png =600xauto)

Open your Linkie page in the [playground](https://app.linkie.bio/playground), then click **HTML Embed** in the sticky menu at the bottom.

Using the sticky menu adds the new card at the top of your Linkie page as the newest post.

### Add the card at a specific position instead

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/insert_xy4tcx.png =600xauto)

Instead of using the sticky menu, hover over the gap where you want the new card to appear, then click **+ Insert**. The button appears only in gaps that span a full row, not between cards in adjacent columns. Clicking it chooses the position before you create the card.

Choose **HTML**. This opens the same creation dialog as the sticky menu. Fill in the information using the steps below. When you add the card, it appears in the gap you clicked.

### Select Paste URL

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/paste-url_jzylt6.png =500x549)

Click **Paste URL**.

### Copy the Google Maps location URL

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/step-1_127bh35.png =500x523)

Open the location in Google Maps and click **Share**. Choose **Send a link**, then click **Copy link**.

|| Shortened Google Maps links may not work because they do not always include the full location details. Paste the copied link into your browser first, open the full Google Maps URL, then copy that full URL for Linkie.

### Add the Google Maps embed

Go back to Linkie, paste the full Google Maps URL, then click **Add Embed**.

### Preview your map

Click **Preview** at the top right of the [playground](https://app.linkie.bio/playground) to see how the map will look on your Linkie page.

### Optional: use HTML Code instead

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/add-embed-html-code_12qhrub.png =500xauto)

If you want to add the map with HTML embed code, choose **HTML Code** instead of **Paste URL** when creating the embed card.

Open the location in Google Maps and click **Share**. Choose **Embed a map**, then click **Copy HTML**.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/step-3_1g5avjy.png =500x535)

Go back to Linkie and paste the embed code into the HTML Code field. You can also add an optional title for tracking analytics.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/0/c/0/10c04ec9d8785f00/add-embed-code_1cjqqj2.png =500x648)

||| When embedding with HTML, avoid using **event attributes** like `onclick`, because they rely on JavaScript, which many platforms block for security reasons.

---

### Things to note

* Google Maps embeds include a **Get directions** button that takes visitors directly to the location in Google Maps.
* You can edit the Google Maps embed from the top-right corner of the card or remove it by selecting the bin icon.
* You can include custom HTML elements like headings. For example: `<h1>Hello world</h1>`.