Introducing Stiletto - the essential Shopify theme to fuel your ecommerce growth. Learn more.

Rich text

The Rich text section adds a single full-width block for promotional text. Describe a product, share announcements, or welcome customers to your store. Add an optional call-to-action button. It looks great between two image-focused sections.

Rich text sections on mobile without (left) and with (right) heading text
Rich text sections on mobile without (left) and with (right) heading text

Add a rich text section

The Rich text section can be added to any template (except the Checkout). To learn more about sections and templates, see our article about how to use the theme editor.

In the theme editor (Customize):

  1. Select a Template to edit from the dropdown menu in the top bar.

  2. In the side panel, click +Add section and select Rich text.

  3. Change the order of your sections by using the drag and drop handles ⋮⋮

Add section heading and text

The Rich text section has two blocks for a Heading and the main Rich text. You can also add a call-to-action button.

Rich text section with nested blocks
Rich text section with nested blocks

In your theme editor (Customize):

  1. Click the Heading block to change the section title.

    We recommended a short title of just a few words.

    Leave the Heading field blank or click Remove block to hide the heading entirely.

  2. Click the Rich text block ("Use this text area...") to change the text.

    Use the formatting buttons to add bold, italic, or linked text.

  3. (Optional.) Adjust the Max width of text using the slider.

    Experiment with this setting to find a clean visual shape for your text.

  4. Remember to click Save.

Add a call-to-action button

You can link to you collections or products or any other page with a custom call-to-action button.

Rich text section with button
Rich text section with button

In your theme editor (Customize):

  1. Click +Add block and select Button, then click the new button block.

    This opens the button block settings.

  2. Select or paste a URL for the Link.

  3. Change the Link text ("Learn more") to display on the button.

    The most effective button labels ask customers to do something (e.g. Get started, Join us, Shop now). To learn more, read "What is a Call to Action?"

  4. (Optional.) Click and hold the drag handles ⋮⋮ to rearrange the button:

    Click Remove block in the block settings to delete a block.

    Click the Eye icon to hide or unhide a block.

  5. Click Save.

Rich text settings

The rich text section has the following settings:

Configuration Settings

Heading

Add heading text to be displayed above the list of collections.

We recommend keeping this to only a few words long.

Text

Add text to be displayed below the heading text.

You can make parts of the text bold or italic. You can also add links.

Select or paste a link for the call-to-action button.

Add custom text for your call-to-action button.

The most effective button labels ask your customers to do something (e.g. Get started, Join us, Shop now). To learn more, read "What is a Call to Action?"

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.