> For the complete documentation index, see [llms.txt](https://docs.optis.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.optis.me/product-options/20-option-types/markdown/paragraph.md).

# Paragraph

A **Paragraph** shows formatted text on the product page - it doesn't collect anything from the customer. Use it to guide customers, explain a step, or add a note.

✨ [Demo store](https://optis-product-options-variant.myshopify.com/products/paragraph?variant=51026013913366)

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfmIEWpR9ExKSZRl5gPHr1WRTBkdYj7wlxk0-c04dXlcHh5s6ry7R7_g8n3aApoSkJRuOUNjlyz02dluQXJiIFHnv-sho-M-38CVlF1uwafov1-4QIlu0rnssJgbfQe19_M2QMh?key=DC83dM0yOWsDjpoRFQoUWeuE" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2F15lUcHVi4BtmDWNQ9vAC%2F11.png?alt=media&amp;token=d0bf32bc-42c8-4e88-a316-eba729058331" alt=""><figcaption></figcaption></figure>

## When to use a Paragraph

* Product descriptions, usage or care instructions.
* Important notes or recommendations.
* Explanations for other customization options.

## How to add a Paragraph option

### Step 1: Add the option

Open **1. Add options**, click **Add option**, tick **Paragraph** under **Static text** on the **New options** tab, then click **Add options**.

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FQ7a0hFXbQeqqhnesS7sD%2F45.png?alt=media&amp;token=9acaf706-86c4-4062-9cea-af9d357a0b49" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXewpMyTBMU4Yo7ijc6CqovUrty-aznvKBuj7__wGhroIfEwKgmhB4hM-iUtBVuZ6xXF9ss-WLN5-WkcKqdihF2yEEG8dNhJl3SbqM8WN_85pz_whIwZ5TdUHvGczMejK0-h0KnHvA?key=DC83dM0yOWsDjpoRFQoUWeuE" alt=""><figcaption></figcaption></figure>

### Step 2: Write the content

Enter a **Label on product** to name the Paragraph in your option list - the label itself is not shown on the storefront, only your text is. Write your text in the **Content** editor - it supports formatting, links, tables and images. See [How to upload image in paragraph / pop-up modal?](/product-options/faq/how-to-upload-image-in-paragraph-pop-up-modal.md).

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FgBeoZbeShKGlmxuyhj9D%2F46.png?alt=media&amp;token=3258519f-eeca-42a6-b1d8-194f85dc5a4d" alt=""><figcaption></figcaption></figure>

### Step 3: Save and test

Click **Save**, then open the product page on your store to check that the Paragraph works correctly.

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FGbrTl5r40xWWq7AeZcFC%2Fimage.png?alt=media&amp;token=d65ab1a0-81b5-498b-8f7b-76ecd2cbe735" alt=""><figcaption></figcaption></figure>

### Show or hide with Visibility (conditional logic)

Show or hide the Paragraph based on another option. Available on the **Advanced** plan and above. Note that a Paragraph can be shown or hidden by other options, but it cannot be used to trigger another option's visibility. See [How to set up Conditional logics?](/product-options/advanced-setup/how-to-set-up-conditional-logics.md).

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2F8LGyO11smzLQqhKneNvk%2F7.png?alt=media&amp;token=5526093b-e22c-414d-bf5e-afc788b178bf" alt=""><figcaption></figcaption></figure>

### Option width

In the **Display** tab, set **Option width** (**25%**, **33%**, **50%**, **67%**, **75%** or **100%**) to control how much horizontal space the Paragraph takes.

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FPrrlzFYYWsmbSKBOKT77%2Fimage.png?alt=media&amp;token=f73aafcf-259e-405c-ab07-40d13bd7c486" alt=""><figcaption></figcaption></figure>

## Related guides

* [Heading](/product-options/20-option-types/markdown/heading.md)
* [Popup (Modal)](/product-options/20-option-types/markdown/popup-modal.md)
* [How to upload image in paragraph / pop-up modal?](/product-options/faq/how-to-upload-image-in-paragraph-pop-up-modal.md)
* [How to set up Conditional logics?](/product-options/advanced-setup/how-to-set-up-conditional-logics.md)