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

Blog

Your Guide to eTail West 2024 in Palm Springs, CA: Event Tips & Tricks

What Do I Need To Know About Etail West 2024? Are you in the eCommerce industry? If...
Learn More
Blog

The 5 Best AI and SEO Tools for eCommerce Website Strategy

In the vast digital landscape, where visibility is paramount, the science and art of...
Learn More
Blog

3 Tools To Use AI in Email Marketing For eCommerce Online Stores

In the realm of digital marketing, email continues to be a potent and influential...
Learn More
Blog

5 Awesome AI Copywriting Tools For Making Money Online In 2024+

In the realm of persuasive communication and digital marketing, the art of crafting...
Learn More
Blog

The 5 Best Video Enhancing AI Tools for Selling Online [2024 Update]

In the realm of digital content creation, video has emerged as a dominant force,...
Learn More
Blog

Our Agency's Top 5 AI Social Media Content Marketing Tools For Online Sales

In today's interconnected world, social media has transformed into an indispensable...
Learn More
BigCommerce vs Shopify_ Everything You Need to Know - 524x352
eBook
E-BOOK

BigCommerce vs Shopify:
Everything You Need to Know

Download e-Book

Let's Grow Your eCommerce Business, Together.