Customize Your Homepage with Content Sections

In this article:

There are several options for content sections that you can use to add more information about your company to your Storefront, promote events, or announce new initiatives. With options including Header and Text, Text and Image, or a Call to Action, you can choose the right template and layout for your needs and add your own text and images.

How to add a Header and Text Section

• Here are the steps:

                  1 . Select “Edit” > "+ New Section" > “Header and Text”.

  

                  2 . Add custom text into the Header and Body fields.

  • • • • • These fields are flexible so you can choose to use both text fields, just the Header field, or just the Body field in this content section.

                         3 . Click the Save button to preserve your design.

• • • • • • Failing to click the Save button will result in lost content and your design will not display when the page is refreshed.

How to add a Text and Image Section

Here are the steps:

                1 . Select “Edit” > "+ New Section" > “Text and left image” or “Text and right image”.

                2 . Add custom text into the Header and Body fields.

• • • • These fields are flexible so you can choose to use both text fields, just the Header field, or just the Body field in this content section.

                3 . Select “Edit & Replace” to upload your image.

                           

                The background image specifications are as follows:

• • • • Size: 570x240 pixels (Min. height 240px)
      • PNG, GIF or JPG 
      • Max size file 2MB

                4 . Click the Save button to preserve your design.

• • • • Failing to click the Save button will result in lost content and your design will not display when the page is refreshed.

How to add a Call to Action Section

Here are the steps:

                1 . Select “Edit” > "+ New Section" > “Call to action”.

               2 . Add custom text into the Header and Body fields.

• • • • • These fields are flexible so you can choose to use both text fields, just the Header field, or just the Body field in this content section.

               3 . Add text into the Button Text field and enter the URL Address in the Link field you would like the custom button to link to.

• • • • Like the Header and Body fields, these fields are not required to save your content section. You may choose to customize this section by only including the Header, Body and Background image fields.
        

        However, if you enter text into the Button Text field without entering a URL address in the Link, you will receive an error message upon saving. The same error applies if you enter a URL address in the Link field without entering text into the Button Text field.

               4 . Select “Edit & Replace” to upload your background image.

               The background image specifications are as follows:

• • • • Size: 1140x215 pixels (Min. height 215px)
      • PNG, GIF or JPG 
      • Max size file 2MB

               5 . Click the Save button to preserve your design.

• • • • Failing to click the Save button will result in lost content and your design will not display when the page is refreshed.