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 survey, page, or form.
You must enable AccountInsight in your account; this is where your ecommerce products are stored.
Add a product block
In EasyEditor, 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.
Layout
To edit the layout, select Layout in the side panel. You can choose to show your products vertically or horizontally.
Fields
Choose the data you want to show alongside your products and the order you want everything display.
Select the check box for any of the fields you want to show in your block.
To reorder the fields, select the left side of the field block and drag it into position.
Settings
In the Settings panel, you can edit the currency of your products, and whether to display the currency code.
Analytics
To apply your default tracking values to links in the product block, select the Reset to defaults checkbox.
To change the values applied to your tracking parameters for links in your product block, clear the Reset to defaults checkbox, and enter the values you want to use in each text field.
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.