Try for free!

How to add Pricing Slider to a BigCommerce store

Embed Pricing Slider on BigCommerce in just a few steps

Embed Pricing Slider on BigCommerce

01
Create a Pricing Slider app for BigCommerce On Common Ninja

First, create a BigCommerce Pricing Slider app on Common Ninja.

On the apps catalog, find the Pricing Slider and enter the Editor.

Create a Pricing Slider app for BigCommerce On Common Ninja
02
Save the Pricing Slider app

When you're done creating the Pricing Slider app, click on the Save Changes button at the right top corner of the editor.

If you don't have an account on Common Ninja, you'll have to register first.

Save the Pricing Slider app
03
Copy the Pricing Slider Embed Code

When you're ready to add the Pricing Slider app to your BigCommerce store, click the Add To Website button at the top bar of the Editor.

On the window that opens, click the Copy Icon to copy the app embed code. In the next steps, you will paste this code into your BigCommerce store.

Copy the Pricing Slider Embed Code
04
Select the HTML widget

Now, let's head to the BigCommerce editor.

On the Left panel, select the HTML widget.

Select the HTML widget
05
Place the HTML widget on your page

Drag and place the HTML widget on your page, wherever you wish the Pricing Slider to show.

Place the HTML widget on your page
06
Add the Pricing Slider Embed Code

Now, simply paste the Pricing Slider embed code you've copied before in the HTML Code window on the left panel.

Add the Pricing Slider Embed Code
07
Save the code

Click on the Save HTML button at the bottom of the HTML code.

Save the code
08
Save your changes

Click the Save button at the top right corner of the page builder, to save your changes.

Save your changes