| Table of Contents | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
WordPress
1. Access Your WordPress Admin Dashboard
...
1. Embed the Widget in the Website's HTML Code
Access the Theme Code:
Log in to your Shopify Admin at http://shopify.com .
Navigate to Online Store > Themes > Actions > Edit Code.
Modify the Theme File:
In the code editor, open the theme.liquid file located under the Layout section.
Decide where you want the widget to appear:
Paste the widget code inside the <body> element.
For example, you can place the widget code near the closing </body> tag to include it in a consistent location across your site.
Save and Preview:
Click the Save button to apply your changes.
Use the Preview Store button to check how the widget appears on your site.
...
Embed the Widget in the Home, Product, or Collection Page
Access the Theme Customizer:
Navigate to Online Store > Themes > Customize.
Select the Page Type:
From the Customizer menu, choose the page type you want to edit:
Home Page
Product Pages
Collection Pages
Add a Custom Section:
Locate the area where you want the widget to appear (e.g., Header, Template, or Footer).
Click Add Section and select Custom Liquid.
Embed the Widget Code:
Paste the widget code into the Liquid Code field.
Click Save to apply the changes.
...