How Do I Display Badges On My Shopify Store With A 1.0 Theme?
We have multiple badge styles that can all be found in the Engagement Hub on your dashboard. There are multiple ways to add badges to your Shopify store, depending on your theme.
If you are on a Shopify 2.0 theme, click here.
If you are on a 1.0 theme, you can access our Dynamic, Static and Round badges . To add these badges to your site, you need to embed them. Here’s how:
Head to the badges and widgets section of your dashboard.
Choose the badge you wish to embed into your store
Choose your store from the list provided in the pop-out window
Click on the Proceed to Shopify button
Find the Greenspark Badge app and click on the arrow button to expand the options
Copy your Greenspark Id & Badge Url below and paste them in the provided spaces in Shopify
Set your background colour, horizontal alignment & badge size in Shopify
Toggle the switch in Shopify to activate your badge
For more information about embedding a widget/badge into your Shopify store, click here.
You can also add these badges by copying and pasting their individual code into your website’s HTML. To find this code:
Head to the badges and widgets section of your dashboard.
Choose the badge you wish to embed into your store
At the very bottom of the pop-up window, you will see a link that says - "Looking to add the code directly into your platform?"
You will then be provided with the code that you can copy and paste straight into your website.
To use any of the other badges, such as the full-width banner, product or cart badges, you will need to use our widget API; this requires minor development work.
You can find out how to embed each badge with our API documentation below:
Spend Level Widgets
Per Order Widget
By Percentage Widget
Tiered Spend Level Widget
Per Product Widget
Cart Widget
Top Stats Widget
Full Width Banner
If you are on a Shopify 2.0 theme, click here.
Shopify 1.0:
Dynamic, Static and Round Badges …
If you are on a 1.0 theme, you can access our Dynamic, Static and Round badges . To add these badges to your site, you need to embed them. Here’s how:
Head to the badges and widgets section of your dashboard.
Choose the badge you wish to embed into your store
Choose your store from the list provided in the pop-out window
Click on the Proceed to Shopify button
Find the Greenspark Badge app and click on the arrow button to expand the options
Copy your Greenspark Id & Badge Url below and paste them in the provided spaces in Shopify
Set your background colour, horizontal alignment & badge size in Shopify
Toggle the switch in Shopify to activate your badge
For more information about embedding a widget/badge into your Shopify store, click here.
You can also add these badges by copying and pasting their individual code into your website’s HTML. To find this code:
Head to the badges and widgets section of your dashboard.
Choose the badge you wish to embed into your store
At the very bottom of the pop-up window, you will see a link that says - "Looking to add the code directly into your platform?"
You will then be provided with the code that you can copy and paste straight into your website.
All Other Badges…
To use any of the other badges, such as the full-width banner, product or cart badges, you will need to use our widget API; this requires minor development work.
You can find out how to embed each badge with our API documentation below:
Spend Level Widgets
Per Order Widget
By Percentage Widget
Tiered Spend Level Widget
Per Product Widget
Cart Widget
Top Stats Widget
Full Width Banner
Updated on: 16/10/2024
Thank you!