How to add the store widget
The instructions to add your store widget require small updates to your website’s HTML which should take about 5–10 minutes. This may require support from someone familiar with your website content.
Go to the interface where you can edit the HTML of your website. To do this, choose the step that best applies to you:
Find the source HTML that applies to all pages on your site.
Go to the particular page where you would like to display the widget.
Check if the first line of the page begins with .
If not, add at the top of the page. Adding this code won’t impact your website rendering.
Copy and paste the code below inside the section of the HTML code.
Optional: By default, the widget will be fixed at the bottom right of your page. If you want to put the widget at the bottom left of your page, replace the yellow section of the code below with 'LEFT_BOTTOM'.
Merchants also have the ability to customize the positioning of the widget. While customizing the positioning, 4 parameters are introduced:
sideMargin: number of pixels of the widget to the side edge. When the position is set to LEFT_BOTTOM, it's the margin to the left edge, when it is RIGHT_BOTTOM, it's the margin to the right edge. Default to 36.
bottomMargin: number of pixels of the widget to the side edge. Default to 36.
mobileSideMargin: sideMargin when on mobile screen. Default to 16.
mobileBottomMargin: bottomMargin when on mobile screen. Default to 46.
Here’s an example of how to customize positioning:
After the setup, your HTML should look like the code below. Make sure that your HTML file has as its first line:
Google Example
// <- put this code in head section
