eCommerce Strategy

How to Create Custom BigCommerce Product Feeds

Mar 21, 2018   •   1 Min Read

BigCommerce natively supports three types of global product feeds: top sellers, new products and featured products. Although global product feeds have several benefits, many of our clients were looking for more customization. From promotional landing pages to unique groupings, custom product feeds can help clients reach specific audiences on unique pages across their sites.

To accomplish a custom product feed, developers typically write markup to display what looks like a traditional product grid. Although this solution works, it requires development time and technical knowledge. As an Elite BigCommerce Partner Agency, we decided to develop an easier way to create and scale custom product feeds. 

Our Solution

We developed a mechanism for clients to choose specific products that display in unique product feeds across their BigCommerce stores. Our goal was to create feeds that look identical to featured product carousels or grids. However, we wanted to use the BigCommerce API to automatically pull product information without hard coding.

How Does It Work?

To address the issue, we built a proxy application (hosted on Heroku) that connects with the BigCommerce API. We also added custom JavaScript to the client's BigCommerce theme so CMS pages can communicate with our application.

To get started, users enter desired product IDs into the HTML tab of the BigCommerce CMS editor. The theme JavaScript grabs these IDs and delivers them to our proxy application. From there, the application sends the IDs to the BigCommerce API to pull product names, images, URLs and prices. Finally, our application sends this information back to the theme JavaScript, packages it with HTML and CSS and displays the desired product feed.

Landing Page Example From ECKraus

Other Applications

We designed this proxy application to be flexible and scalable. With some JavaScript adjustments, we have helped clients add custom BigCommerce product feeds to other platforms including HubSpot COS and WordPress. Using the same proxy application, we helped create product grids that look identical to the BigCommerce CMS. From content-rich promotional landing pages to featured CMS content, there are countless opportunities for platform expansion. 

How to Use It

We've helped multiple clients implement this application already and are happy to help you get it running on your BigCommerce store. If you're interested in learning more, just fill out the form below!

Explore more tags: eCommerce Strategy Blog
Related Content

You Also May Like

Shopify

BigCommerce Feedonomics: A Framework for Omnichannel Growth

When selling products across multiple eCommerce platforms, strategic visibility and...
Learn More
Shopify

15 Shopify Website Examples To Inspire eCommerce Site Design in 2024

At Groove, we work with several eCommerce platforms, and Shopify is one of the most...
Learn More
HubSpot

Use The HubSpot Shopify Integration To Sync Customer Data

Introduction Running an online store is full of day-to-day excitement, but the data...
Learn More
Klaviyo

Klaviyo Abandoned Cart: 5 Strategies to Increase Conversion

It takes a lot of work to get customers to your eCommerce store. Whether you use SEO...
Learn More
Blog

Omnisend vs Klaviyo: A Marketer's Perspective on the Best Choice

One of the main factors to consider when growing your brand is choosing an email...
Learn More
Blog

Klaviyo Email Marketing: 5 Reasons They Stand Out in 2024

In 2024, email marketing is far from dead. Contrary to popular belief, it continues...
Learn More
20 Best Shopify Apps LP Background Small
eBook
E-BOOK

20 Best Shopify Apps For Your eCommerce Store

Download e-Book

Let's Grow Your eCommerce Business, Together.