Migrate your existing BigCommerce® store to Shopify Plus and receive up to 6 months free! Learn more +
The Quickest Way To Increase Conversion On BigCommerce

Shopify Buy Button Powers BigCommerce Store

What would you do when you don't have money to leave an ecommerce platform but know it is a must to grow your brand? Let's show you how to power your BigCommerce Store with the Shopify Buy Button.

You can add embed code to individual product pages in Big Commerce and on any other page you'd like. In some cases, you might want to do both. For example, you can embed buy buttons in your blog posts to increase conversion.

Difficulty Level: Easy
Time Required: 15 minutes

Step 1) Register a Shopify store. To do so click here.

Step 2) Click Sales Channels->Buy Button->Enable

Once you've add the Buy Button Sales channel, you can go into the buy buttons channel and choose Select Product under the Embed a product option.

Add a buy button

Step 3) Select Product To Embed

You'll see the option to choose which product you want to embed, and once you select it, click Select Product.

Choose the product you want to embed

Step 4) Modify Look and Feel of Buy Button

Next you'll have the option to modify the buy button to look how you want it to, and when you're happy press Generate Embed Code.

Modify the buy button

Step 5) Copy Embed Code For Buy Button

You'll see the code to embed appear in a popup, and you just need to press Copy embed code to clipboard.

Copy the buy button code



Now its time to head over to Big Commerce to add the  buy button.

Step 6) Select Themes on BigCommerce

To add a buy button to a product page, you can start by going to the Storefront design section and pressing on Themes.

Big Commerce themes page

Step 7) Edit HTML/CSS On BigCommerce Theme

Next you'll need to press the button to edit HTML/CSS in the main theme your Big Commerce website uses.

edit html on big commerce

Step 8) Edit Product.html File To Add Shopify Buy Button

This last part is where it gets a bit trickier, but you'll need to add the code where you want it to show on the product page. You can find the product page by searching through the code files to find the Product.html file. Once you find where you want to add the code, you can paste it in and it will look similar to below:

big commerce coding

Step 9) Add Payment Gateway to Your Shopify Store

You did it! Now once you save you'll see the product embedded on your big commerce website, and it will look similar to the image below:

big commerce and shopify buy button


Want to see the final result? click here


Compare the checkout experience trying to buy a product from BigCommerce vs Shopify's Buy Button. I bet you can tell which one your customers would prefer to checkout on. Simple. Clean. Easy To Use. Not Complex.

Setting up the Shopify Buy Button truly is that simple. Now just imagine if you could start selling on Facebook, Facebook Messenger, Twitter, Pinterest, Wanelo, Houzz and many other sales channels just as fast.

Shopify plays nice with others and is definitely the leader in making commerce better for everyone.

Ready to make the full leap to Shopify Plus? Join the other 350,000+ merchants. Get free data migration and up to 6 months free service.

 

Want To Know The 15 Tools We Used To Generate Over $24 Million For Our Clients?

This past year, we have tested dozens of products to figure out which ones yield the best results.
Our toolbox contains some of the most impactful tools we found to grow a brand on Shopify.