How to Use Design Packs to create a Counter and Sustainability Page

GoodAPI's Design Packs integration gives you two ready-made Shopify sections you can drop into your theme: a fully customizable GoodAPI Counter and a pre-built Sustainability Page template. This guide walks you through installing both and customizing them to match your brand.

Before You Start

Make sure you have the Design Packs app installed on your Shopify store. After installing the app, open Design Pack's app and go to Integrations. Search for "GoodAPI" to see the two sections available through the app.

Part 1: Install the GoodAPI Counter

The counter displays live impact stats from your GoodAPI account, including plastics collected, trees planted, and any donations made through the app.

1. In the Design Packs app, find the GoodAPI Counter section and click Install to add it to your theme.
2. Once installed, click Open theme customizer to launch the Shopify theme editor.
3. Navigate to the page where you want the counter to appear.
4. Click Add section and search for GoodAPI.
5. Under Design Packs, select GoodAPI Numbers. The counter will be added to your page.
6. Use the section settings to customize:

• Colors
• Fonts
• Background images
• Any other styling to match your brand

Save your changes when you're happy with the look.

Part 2: Install the Sustainability Page

The Sustainability Page is slightly different from the counter. Instead of a single section, it installs a full page template you can use to build out a complete sustainability story.

1. In the Design Packs app, find the Sustainability Page and click Install to add it to your current theme.
2. Open your theme customizer.
3. At the top of the customizer, click the Pages dropdown.
4. Look for the template labeled with the DP_ prefix (short for Design Pack), for example DP_GoodAPI. Select it to open the Design Packs GoodAPI page.
5. The page comes pre-built with blocks you can customize, including:

• The GoodAPI counter
• Brand imagery
• Background visuals
• A carousel (great for quarterly or seasonal campaigns)

6. Edit each block's images, backgrounds, and content to fit your brand and current campaigns.

Because this is a template, it's more customizable out of the box than the standalone counter. You can swap imagery and content each quarter without rebuilding the page. <br>

Tips

• You can use the counter on its own anywhere in your store, or as part of the full sustainability page.
• Update the carousel and background images each quarter to keep campaigns fresh.
• All counter stats pull live data from your GoodAPI account, so there's no manual updating required.

Need Help?

If you run into issues or have feedback on the Design Packs, reach out. We'd love to hear from you.

Updated on: 16/04/2026