# Button

The **Button** block lets you add one or two call-to-action buttons to direct customers to important pages, such as sign-in or account creation,... You can customize the label, link, style, and whether the link opens in a new tab.

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FO1YY15tZpLMCv5Hl4dlp%2Fimage.png?alt=media&#x26;token=34e4fdf0-4054-4a3c-8dee-c3c32681f4b3" alt=""><figcaption></figcaption></figure>

## General settings

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2Fx6SdQLNvtALFGOStYM4a%2Fimage.png?alt=media&#x26;token=11ce3a1a-8720-4edf-b673-ecc930b69ea0" alt=""><figcaption></figcaption></figure>

| Setting                  | Description                                                                                                                             |
| ------------------------ | --------------------------------------------------------------------------------------------------------------------------------------- |
| **Button label**         | Customize button name, or leave it empty to hide the button                                                                             |
| **Button link**          | The link URL you want to add                                                                                                            |
| **Type**                 | <p>The style of the button</p><ul><li><strong>Primary</strong></li><li><strong>Outline</strong></li><li><strong>Link</strong></li></ul> |
| **Open link in new tab** | Use this option to keep users on your store while allowing them to explore external or additional content.                              |
| **Spacing bottom**       | Spacing between the button and the next component                                                                                       |

Purity theme supports three predefined button styles. You can select the desired style in the theme settings to match your store’s design requirements:

{% tabs %}
{% tab title="Primary" %}

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FuWF2Ubl2FXGO3ArwirDr%2Fimage.png?alt=media&#x26;token=6566cc25-d713-468e-8bf3-dcf2c81c4a39" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Outline" %}

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FAHre4EFDcAUKvTLVbu10%2Fimage.png?alt=media&#x26;token=b69aae62-b119-4eeb-802f-1db6a1a93dc4" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Link" %}

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2F6jEng3SRhGrUV3ufj2Yr%2Fimage.png?alt=media&#x26;token=c152b4d9-ad52-45c6-8721-4ebb1d7690f9" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}
