Groove Commerce Named Best eCommerce Agency by US Agency Awards!
Let’s Talk
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

eCommerce Development

How This Nursery Increased Revenue 140% With HubSpot Email Marketing

Background Groove Commerce initially partnered with Caragh Nursery to migrate them...
Learn More

3 Reasons Subscription Bundles Will Change Shopify Forever

What are subscription bundles?  Before we dive into the three major reasons why...
Learn More

Lifting Bottom-Line Revenue 50% With Paid Advertising

Background The team at Cordova Outdoors specializes in creating tools for...
Learn More

Increasing US Open Shop's Conversion Rate by 35%

The US Open is one of four international Grand Slam tennis tournaments that take...
Learn More
eCommerce Strategy

The 7 Perfect Verticals for Generating Recurring Revenue

Selling products online often means wild swings in revenue generation based upon...
Learn More
eCommerce Strategy

5 Must-Know Tips For Shopify Subscription Programs

If you’ve found this blog, you likely have product(s) that you currently sell, or...
Learn More
The Merchant’s Guide to Modern eCommerce Platforms - 524x352 (1)
Frame 167 (1)

The Merchant’s Guide to Modern eCommerce Platforms

Download e-Book

Let's Grow Your eCommerce Business, Together.