How to add the badge widget on Bigcommerce
To add the badge widget on your site, follow the steps below:
In your Bigcommerse store, go to Storefront

Go to Themes, and click on Customize

Go to the section where you want to show the badge and drag the html icon there.

From your Kudobuzz dashboard, go to widgets, click the badge widget, and copy the badge widget code


Paste the code in the html field, right where the placeholder text is provided

Once it's saved, you can check how it looks. If you're satisfied, proceed to publish.

In your Bigcommerse store, go to Storefront

Go to Themes, and click on Customize

Go to the section where you want to show the badge and drag the html icon there.

From your Kudobuzz dashboard, go to widgets, click the badge widget, and copy the badge widget code


Paste the code in the html field, right where the placeholder text is provided

Once it's saved, you can check how it looks. If you're satisfied, proceed to publish.

Updated on: 10/07/2024
Thank you!