> For the complete documentation index, see [llms.txt](https://aries-theme.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aries-theme.gitbook.io/docs/theme-blocks/button.md).

# Button

The Button block lets you add a single clickable button to your page sections. Use it to guide visitors to important pages, products, or actions like "Shop Now" or "Learn More". Buttons help turn visitors into customers by making it easy for them to take action.

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2FEkIZEBIXAKoHOnjcIfEh%2Fimage.png?alt=media&amp;token=88955102-2fc4-4c44-b099-897680fbd16b" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

### How to set it up

1. Go to **Online Store** > **Themes** > **Customize**.
2. Navigate to the section where you want to add the button (like **Image with text**, **Media banner**, or **Popup**).&#x20;
3. Click **Add block** and select **Button**.
4. Make your changes, preview live, then click **Save**.
   {% endhint %}

***

### Settings

* **Label**: The text that appears on your button. Leave this blank to hide the button completely.
* **Link**: The web address where the button will take visitors when clicked. You can link to product pages, collection pages, other pages on your site, or external websites.
* **Button style**: Choose how your button looks. Select "Solid button" for a filled button with strong contrast, "Outline button" for a button with just a border, "Transparent button" for a subtle button with minimal styling, or "Link" for a simple text link that looks like underlined text.

***

### Tips

* Use solid buttons for your most important calls-to-action since they stand out the most.&#x20;
* Outline and transparent buttons work well for secondary actions or when you want a more subtle look.&#x20;
* Link style buttons are perfect when you want the button to blend in with your text content.

***

### Available in

{% columns %}
{% column %}
{% content-ref url="/pages/ngvmw20Bi2qqvrk8HoQv" %}
[Image with text](/docs/theme-sections-by-category/media/image-with-text.md)
{% endcontent-ref %}

{% content-ref url="/pages/wdbz2FLtTxJRNgV4HxUJ" %}
[Multirow](/docs/theme-sections-by-category/media/multirow.md)
{% endcontent-ref %}
{% endcolumn %}

{% column %}
{% content-ref url="/pages/Wmt8TDWWKKgM4L4MnFhX" %}
[Media Banner](/docs/theme-sections-by-category/banners/media-banner.md)
{% endcontent-ref %}

{% content-ref url="/pages/UGNfqaG5AipM18ieNTsI" %}
[Rich Text](/docs/theme-sections-by-category/informative/rich-text.md)
{% endcontent-ref %}
{% endcolumn %}
{% endcolumns %}