Customize your page description

Description contents

Checkout Page makes it easy for you to customize the description of your one-page checkout, event, or form. You can add headers, bullet lists, numbered lists, quotes, images, links, HTML, and more to your descriptions.

You can change the look of the content: changing it's alignment, bolding/underlining/italicizing the text, and many other customizations.

In just a few clicks, you can make your description more personable.

To customize the description of your page:

Click Pages, and then click on your checkout, event, or form page to enter the edit view
Open the Description tab from the left-side menu

Text Format

This is where you can format your description text as:

A normal body text
Different headings
Bullet lists
Numbered lists
Quote

Headings

You can make your text larger and bolded with the pre-set sizes available in Heading 1, Heading 2, and Heading 3.

Highlight the text that you want to format, and then select the heading of your choice from the "TT" features.

The following screenshot depicts the description title "Stuffed animals - handmade with love" formatted in Heading 3, which is bolded and is larger than the rest of the description that is in normal text form.

Bullet List

You can format your text into a Bullet List.

Highlight the text that you want to format, and then select the Bullet List from the "TT" features.

The following screenshot depicts the product types listed in a Bullet List form in the description.

Numbered List

You can format your text into a Numbered List.

Highlight the text that you want to format, and then select the Numbered List from the "TT" features.

The following screenshot depicts the product types listed in a Numbered List form in the description.

Quote

You can add a Quote to your description to strengthen your product's credibility.

Highlight the text that you want to format, and then select Quote from the "TT" features.

The format of the Quote will make it stand out from the rest of your text, as shown in the screenshot below:

Bold, italicise, underline, & strike-through

You can emphasis your text by bolding it, italicising it, underlining it, and adding a strike-through, by highlighting your text and selecting the desired format - as shown in the examples below:

Embedding content into the description

This is where you can insert content into your description such as links, images, dividing lines, and HMTL codes.

Insert Link

You can direct your customers to another site by hyper-linking any text of your choice with the URL.

Highlight the text that you want to hyperlink, and then select the hyper-link icon.

The text will be clickable, and your customers will be taken to the URL on a new tab. You can include as many links as you'd like.

Insert horizontal rule

You can insert a Horizontal rule, which is a horizontal line, if you'd like to break up your description to organize it's contents.

Select +Insert, and then select Horizontal rule.

You can include as many horizontal rules as you'd like.

Insert image

You can insert an Image if you'd like to include more imagery to your page and specifically would like it within the description section.

Select +Insert, and then select Image.

You can include as many images as you'd like.

Insert HTML

You can insert many different HTML codes to make various customisations to your description.

Select +Insert, and then select HTML. Place the code within the HTML section.

Youtube Video

The most common HMTL insertion is a code that includes a Youtube video to the page.

The HTML code to insert a Youtube video, is as follows:

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Collapsable/expandable content

You can also organize the contents of your page by including clickable sub-titles that reveal more content when selected. This helps save space on your page and allows your customers to read what is only interesting to them.

The HTML code to insert collapsable/expandable content, is as follows:

<details> <summary>SUB-TITLE</summary> <ul> CONTENT </ul> </details>If you'd like the expandable content to be in separate lines instead of in a paragraph, the code is:

<details> <summary>SUB-TITLE</summary> <ul> <li>CONTENT LINE 1</li> <li>CONTENT LINE 2</li> <li>CONTENT LINE 13</li> </ul> </details>

Examples of the collapsable/expandable content, as a paragraph and in separate lines are in the following screenshots:

There are many other customisations that you can add to your description content with HTML code.

Here are some common HTML codes, which can be used in combination with eachother:

1. To customize the color of the text:

This text is red.

or
This text is orange (using HEX code).

2. To customize the size of the text:

This text is 16px.

3. To customize the font of the text:

This text is Cursive.

Always make sure to hit Save to see your description changes in the preview.

Alignment

You can align the text, images, and videos of your description by first highlighting the chosen content and then selecting left, center, or right, from the Align options.

Please see the examples of this below:

Help center