> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/blogstudio/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/blogstudio/customize-the-app/set-button-links.md).

# Set button links

Before we start setting button links in Blog 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://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2Fgit-blob-cc2f48dd391a5dfb0ea01f21638b10a67381129b%2Fdocsassets555e25e4e4b027e1978e1c9aimages57b5082ec697917de37ce5c5file-l5iclg4rfc.png?alt=media)

![](https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%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://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2Fgit-blob-b4634fc43c72bc29ee5dbcf40e57f2101e9eed6a%2Fdocsassets555e25e4e4b027e1978e1c9aimages57b50a789033605754bf1a19file-w3s5hwr1zl.png?alt=media)

### Getting Started...

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

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

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FpzVPHC9kd6IsS87rnJrk%2Fblog-studio-content-block.png?alt=media&amp;token=1b4ac700-47a1-4c60-a55f-bdfd1020e7d0" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2F4bkx3kM1hopnbx9AJl9y%2Fblog-studio-basic-dropdown.png?alt=media&amp;token=f4f7cad9-c90d-44ae-a8de-e6d40af939b5" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2Fo5riF2xwmTg9jY1ub6lJ%2Fblog-studio-button.png?alt=media&amp;token=327538bc-47d2-4f98-bea0-2d338ab919ec" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2Fvn9dVIlJ1F30ZECjRUVv%2Fblog-studio-button-drag.png?alt=media&amp;token=0da9a63a-7dae-40d4-bf68-fb9a6f6f0226" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2Fk8K1Oyrz3fgYKb1Zq53U%2Fblog-studio-link-icon.png?alt=media&amp;token=efc16ba6-b2c0-4756-a1dc-b3da9a3ccabe" alt=""><figcaption></figcaption></figure>

3\. Replace the top field with your URL.

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FzGC3mOVCjYq8A5YxKuJb%2Fbutton-link-fields.png?alt=media&amp;token=31c9d562-9145-45ed-92f4-d25eb1981c7a" 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.
