> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/pagestudio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppad.gitbook.io/pagestudio/customize-the-app/set-button-links.md).

# Set button links

Before we start setting button links in Page Studio, there's a few formatting requirements to take note of.

When setting links to other web pages, always include the **https\://** portion of the URL.

![](https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fgit-blob-cc2f48dd391a5dfb0ea01f21638b10a67381129b%2Fdocsassets555e25e4e4b027e1978e1c9aimages57b5082ec697917de37ce5c5file-l5iclg4rfc.png?alt=media)

![](https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fgit-blob-17086392a2f9e53dda7cdf566a6a63223c9b0144%2Fdocsassets555e25e4e4b027e1978e1c9aimages57b507efc697917de37ce5c4file-xbe00upmlq.png?alt=media)

When setting links to an email prompt, format the link by prefixing your email address with **mailto:**, as seen in the image below.

![](https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fgit-blob-b4634fc43c72bc29ee5dbcf40e57f2101e9eed6a%2Fdocsassets555e25e4e4b027e1978e1c9aimages57b50a789033605754bf1a19file-w3s5hwr1zl.png?alt=media)

### Getting Started...

Follow the steps below on how to set links on Page Studio buttons.

1. Starting from the Page Studio editor, click the **Content Blocks icon**.

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2F1XPFWfXgDCvGez02OsTc%2Fcontent-blocks-button.png?alt=media&amp;token=6ab2dd83-e77c-46b1-bf22-1239e0a69cec" alt=""><figcaption></figcaption></figure>

2. Navigate into the ***Basic*** section by clicking the arrow icon, and select the **Buttons** menu.

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FRl4wl9btT1NyGxsL6Cqh%2Fbasic-dropdown.png?alt=media&amp;token=f24a8c52-bf90-4215-b0d6-cfb6ab792d30" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FfPIt7DwADXaOQV20jwBK%2Fbuttons-button.png?alt=media&amp;token=e4a4bfff-815b-49cf-9a4b-ebab08cf9ab7" alt=""><figcaption></figcaption></figure>

3. Locate the button you want to use and drag it to the desired location on the page.

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2F4DmjD2Npvxa3Sj4VFscl%2Fbutton-drag.png?alt=media&amp;token=e00315b5-d745-4e78-a9d8-9a1053626155" alt=""><figcaption></figcaption></figure>

4\. Click the new button and select the **Link icon**.

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FGY2wXTliOmQQjsjVQhK0%2Fclick-button-link.png?alt=media&amp;token=a3646d3c-9c21-4e0b-82a3-45e369fa84fc" alt=""><figcaption></figcaption></figure>

3\. Replace the top field with your URL.

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fd7EhLQEkmhP6rA4cJ9oY%2Fbutton-link-fields.png?alt=media&amp;token=e254fb3e-ced2-4e06-b16e-7794f4ba7363" alt=""><figcaption></figcaption></figure>

* The **Open New Window** checkbox will control whether the visitor is taken to a brand new window in their browser when they click on the button.
* The **Text** field will control what text appears on your button.
* The **Title** field will be the text that appears if a visitor hovers over the button on your store.

4\. Save your changes.
