Add a Custom Shopify HTML Widget to Your Website

  • Created : Oct, 12, 2023
  • Last Updated: Oct, 18, 2023

In this step-by-step guide, we’ll explore how to enhance your Shopify store by adding a custom Shopify HTML widget using FeedWind. This dynamic widget allows you to display external content seamlessly. Follow these instructions to elevate your Shopify storefront.

Step 1: Generate FeedWind Widget Code

Head over to FeedWind and create your custom widget. Check here for how to get an RSS feed from any Shopify website. Once configured, copy the provided HTML code.

widget copy snippet to clipboard

Step 2: Sign in to Your Shopify Account

Log in to your Shopify admin dashboard. If you don’t have an account, sign up for one.

Step 3: Navigate to the Online Store

Go to the “Online Store” section in your Shopify admin panel.

Step 4: Select Pages Menu

Go to ‘Online Store’ and navigate to the ‘Pages’ menu.

Step 5: Edit Code

Identify the page where you want to embed the custom HTML widget. This could be on the homepage, contact pages, or a specific section.

Step 6: Edit the page to Add a custom HTML widget

Click on the ‘Show HTML’ link, this will change visual editor mode into HTML mode.

Step 7: HTML mode

This will show page in HTML format.

Step 8: Paste Code

Paste the copied FeedWind HTML widget code from ‘Step 1’,  into the desired section. Ensure it is correctly placed within the HTML tags.

Step 9: Save Changes

Save the changes you made to the page.

Step 10: Preview and Adjust

Preview your Shopify store to see the widget in action. Adjust the widget’s position or appearance as needed.

Step 11: Congratulations! 🙂

Congratulations! You’ve successfully added a custom HTML widget to your Shopify store using FeedWind. 

This dynamic feature enhances your store’s interactivity and provides a seamless way to integrate external content.

Feel free to explore further customization options within FeedWind to tailor the widget to your specific needs. Happy selling!

Related posts

Generate WordPress RSS Feeds by each Category

Generate WordPress RSS Feeds by each Category

Contents1 Understanding RSS Feeds2 How to Find RSS Feeds for Different Categories in WordPress3 Adding the WordPress RSS Feeds...

image for step-by-step divi builder guide

Step-by-Step Guide to Install FeedWind Widget on Your Website Using Divi Builder Plugin

Contents1 Step 1: Get the FeedWind Widget Code2 Step 2: Install the Divi Builder Plugin3 Step 3: Let’s add...

Add the Feedwind widget to WordPress via the Elementor plugin

Add a widget to WordPress via Elementor

Elementor is a website builder plugin that gives users easy-to-use drag-and-drop functionality to create stunning websites without coding. It...