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

# Set button links

Link Page Studio buttons to other pages, products or sites, and the URL formats to use.

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://docs.theshoppad.com/pagestudio/assets/docsassets555e25e4e4b027e1978e1c9aimages57b5082ec697917de37ce5c5file-l5iclg4rfc.png)

![](https://docs.theshoppad.com/pagestudio/assets/docsassets555e25e4e4b027e1978e1c9aimages57b507efc697917de37ce5c4file-xbe00upmlq.png)

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

![](https://docs.theshoppad.com/pagestudio/assets/docsassets555e25e4e4b027e1978e1c9aimages57b50a789033605754bf1a19file-w3s5hwr1zl.png)

## 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://docs.theshoppad.com/pagestudio/assets/content-blocks-button.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/basic-dropdown.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/buttons-button.png" 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://docs.theshoppad.com/pagestudio/assets/button-drag.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/click-button-link.png" alt=""><figcaption></figcaption></figure>

3\. Replace the top field with your URL.

<figure><img src="https://docs.theshoppad.com/pagestudio/assets/button-link-fields.png" 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.
