Learn how to use the Products block to showcase, promote and sell your ecommerce products stored in your AccountInsight.
You can add product blocks to your pages and forms to show, promote and sell your ecommerce products by using AccountInsight. You can pick the products you want in a block, arrange its layout and look, and choose a currency. You can also add a source to your product URLs, so you can tell where your visitors and customers are coming from.
Before you start
Things you need to know:
- This article assumes you are either editing or creating a new page or form.
To learn how, check out the Pages and forms section Create, view, and edit.
- You must enable AccountInsight in your Engagement Cloud account; this is where your ecommerce products are stored.
To learn how, check out the article AccountInsight.
Add a product block
To add a product block to your page or form:
- Drag the Products block onto the canvas.
- Select the block.
- In the Products side panel, select Add product.
- Expand the Product catalog drop-down menu, and choose the product catalog you want to use.
- To search for the product you want to add, enter the name or SKU in the Search products box.
- Select the product.
- Repeat if you want to add more products.
That’s it! Continue editing your page or form.
Edit your product block content
You can edit your product block’s layout, settings, and button settings in the Settings panel.
To edit the layout, select Layout in the side panel. You can choose to show your products vertically or horizontally.
In the Settings panel, you can edit the currency, price options, and source URL of your products.
Choose a currency from the Currency drop-down menu you want to show for your products. Select Show country code if you want the currency symbol to appear.
- Price options
Select if you want to show regular pricing or special dynamic pricing, if it’s available.
Add a source to your product URLs so you can use the tracking data in your Google Analytics reporting.
- Button settings
In the Button settings panel, you can make a button appear below each product by selecting Display button. This opens the button editor, where you can select if you want to use a border or button. If you select Button, you can edit its colour, alignment, padding, and minimum width. If you select Border, you can edit its text, colour, width, and radius. You can also manage your button styles.
- Product block text
Select the text in your product block to style it. You can use the text toolbar to change the style, font, size, and colour.