---
title: Sidebar settings
description: About sidebar setting types.
source_url:
  html: https://shopify.dev/docs/storefronts/themes/architecture/settings/sidebar-settings
  md: https://shopify.dev/docs/storefronts/themes/architecture/settings/sidebar-settings.md
---

ExpandOn this page

* [Standard attributes](https://shopify.dev/docs/storefronts/themes/architecture/settings/sidebar-settings#standard-attributes)
* [header](https://shopify.dev/docs/storefronts/themes/architecture/settings/sidebar-settings#header)
* [paragraph](https://shopify.dev/docs/storefronts/themes/architecture/settings/sidebar-settings#paragraph)
* [Create links](https://shopify.dev/docs/storefronts/themes/architecture/settings/sidebar-settings#create-links)

# Sidebar settings

Sidebar settings can't hold a value and aren't configurable. They're informational elements that can be used to provide detail around your input settings and organize them.

Sidebar settings are composed of [standard attributes](#standard-attributes). The following are the types of sidebar settings:

* [header](#header)
* [paragraph](#paragraph)

Tip

If you want to add input settings, like a checkbox, then refer to [Input settings](https://shopify.dev/docs/storefronts/themes/architecture/settings/input-settings).

***

## Standard attributes

The following are standard attributes across sidebar settings:

| Attribute | Description | Required |
| - | - | - |
| `type` | The input setting type, which can be either [header](#header) or [paragraph](#paragraph). | Yes |
| `content` | The setting content, which will show in the theme editor. | Yes |

***

## header

A setting of type `header` outputs a header element to help you better organize your input settings. In addition to the [standard attributes](#standard-attributes) of a sidebar setting, `header` type settings have the following attribute:

| Attribute | Description | Required |
| - | - | - |
| `info` | An option for informational text about the setting. | No |

For example, the following setting generates the following output:

```json
{
  "type": "header",
  "content": "Email Signup",
  "info": "Subscribers added automatically to your \"accepted marketing\" customer list. [Learn more](https://help.shopify.com/manual/customers/manage-customers)"
}
```

## Output

![header setting](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/themes/header-setting-with-info-B7QnJZ6O.png)

***

## paragraph

A setting of type `paragraph` outputs a text element to help you better describe your input settings. For example, the following setting generates the following output:

```json
{
  "type": "paragraph",
  "content": "All of your collections are listed by default. To customize your list, choose 'Selected' and add collections."
}
```

## Output

![paragraph setting](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/themes/paragraph-setting-CdODMGOq.png)

***

## Create links

You can [add links](https://www.markdownguide.org/basic-syntax/#links) to the `info` settings attribute by enclosing the link text in brackets and then following it immediately with the URL in parentheses.

For example, the following setting generates the following output:

## Settings

```json
{
  "type": "checkbox",
  "id": "enable_payment_button",
  "label": "Show dynamic checkout button",
  "info": "Each customer will see their preferred payment method [Learn more](https://help.shopify.com/manual/online-store/dynamic-checkout)",
  "default": true
}
```

## Output

![link setting](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/themes/create_links_input-BXi7gx1l.png)

***

* [Standard attributes](https://shopify.dev/docs/storefronts/themes/architecture/settings/sidebar-settings#standard-attributes)
* [header](https://shopify.dev/docs/storefronts/themes/architecture/settings/sidebar-settings#header)
* [paragraph](https://shopify.dev/docs/storefronts/themes/architecture/settings/sidebar-settings#paragraph)
* [Create links](https://shopify.dev/docs/storefronts/themes/architecture/settings/sidebar-settings#create-links)