After you've selected a nonprofit to support and added your credit card, you're ready to customize your campaign. To set up and connect your first Custom Amount Donation (a.k.a. $1 Donation on the free plan) give-back campaign, follow these steps in the Shop for Good admin dashboard:
Configure your donation preference
If you are on the free Entrepreneur plan, your campaign is set to $1 (to change it, please upgrade your plan):
If you are on the Emerging or Scaling Brands plan, you can change the donation ask to any amount:
Customize the look & feel of the widget (colors, alignment, and text)
Customize the look and feel of your customer-facing plugin as well as what you want the plugin to say (consider naming your chosen nonprofits, e.g., “$5 of your purchase will be donated to the Environmental Defense Fund and Oceana. No cost to you.”):
Custom colors are included with the Emerging Brands plan. Custom fonts are included with the Scaling Brands plan.
Select where to display the widget
Select whether you want the widget to appear on the cart page (FYI manual integration is required for these cart types: drawer, pop-up); ALL product pages (the widget automatically appears below the buy button on every product page); or SPECIFIC product pages (the widget only appears on the bottom of the selected products).
Placement & Preview
Select whether you want the plugin to appear automatically:
If instead, you want to place it manually on the product page or elsewhere -- or you wish to place it on your cart and you have a non-page cart (or your widget isn't showing up automatically), follow these instructions:
Manual Placement Instructions
Select manual mode:
Make sure also that you've selected ALL products for the placement:
Once you've saved those changes in the Shop for Good dashboard, manually paste the code snippet for the campaign
into the theme file of your choice:
For example, let's say you want to place it on your cart page.
It will vary by theme but, for example, to place it into your cart page above the subtotal, you'll probably want to place the code snippet in your cart-template.liquid file above the subtotal tag and then hit SAVE. Here's an example of what your cart page theme file code could look like and where to place your campaign code snippet:
Refresh your cart page to see the Custom Amount widget in your cart page below the subtotal:
Have questions? Contact email@example.com and we’ll respond within 72 hours.
Important note about manual placement
If you change the theme of your Shopify store and the app is connected, please disconnect and reconnect the app via the Shop for Good dashboard.
If you would like to unpublish the app from your store, but keep your settings saved so you can republish later, simply click “Disconnect” in the Shop For Good app dashboard.
If you would like to completely uninstall the app, in your store’s main app management dashboard, simply click the trash can icon next to our app name. This will disconnect the app from your site automatically. This applies to both automatic and manual installation.
Once you've either selected Automatic placement or Manually placed the code snippet in your code files, you can use Preview mode to see how it will look before you connect the campaign.
To do this, hit Save (but not Connect) before hitting "Preview" to see how your widget will look once you connect. Or you can choose to connect immediately and go to your page to see how it looks!
If you use Preview mode:
You'll know you're in Preview mode because you'll see a red banner across the top of your page like so:
To exit Preview mode, return to the dashboard and hit Connect:
If you don’t see your widget appear or have additional questions, contact firstname.lastname@example.org and we will assist you within 72 hours.