Articles on: Shopify

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.


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

Was this article helpful?

Share your feedback

Cancel

Thank you!