Customizing a Single Product Page
If you want to customize the way an individual Product Page is displayed, you can do so in the General Details section while creating or editing a Product. Based off of our Page Builder, customizing the layout of a Product Page is easy. There are multiple Product-specific blocks that you can use to add different kinds of content, as well as our core content blocks. We recommend reading the following articles to familiarize yourself with the Page Builder and Blocks.
Recommended articles:
Now that you have a better idea of how to use the Page Builder, let's dive in!
Under the General Details tab, the Page Builder for a Product is found in the Content section, below the other settings.
Product-specific Blocks
Product Title Block
The Product Title will display whatever you previously entered as the Title of your Product in the General Details tab.
The Content tab for the Product Title block allows you to edit:
- Font Size
- Font Weight (font thickness)
- Font Color
- Background Color
- Link - Allows you to make the Title into an hyperlink
Product Image Block
The Product Image will display the Featured Image from your General Details tab.
The Content tab for the Product Image blocks allows you to edit:
- Image Link - Can be an external image link or a link from your Media Library
- Background Color
Product Price Block
The Product Price block displays a Product's Price, which is set from the Price tab. The default font color is light green, but can be changed in the Content tab.
The Content tab for the Product Price block allows you to edit:
- Font Size
- Font Weight (font thickness)
- Font Color
- Background Color
- Link - Allows you to make the Price into an hyperlink
Add to Cart Button Block
The Add to Cart Button block is what allows your customers to add a product to their cart. You can place it anywhere you think it will grab the most attention!
The Content tab for the Add to Cart Button block allows you to edit:
- Button Text
- Font Size
- Text Color
- Background Color
Courses Included Block
The Courses Included Block will display all of the Courses associated with a Course Category that you've added to you Product in the Content Access tab. You can read more about using Course Categories here.
The Content tab for the Courses Included block allows you to edit:
- Font Size
- Font Weight (font thickness)
- Font Color
- Background Color