This article covers how to upgrade from OS1 automatic placement to OS2 theme sections placement if you are a current customer using ShoppingGives.
For our current customers, we want to ensure you have everything in your hands to ensure the transition is as seamless as possible to be able to complete real-time updates and customizations on all your ShoppingGives widgets!
Once you migrate to OS2 theme sections placement, you will be able to add the Round-up widget and Store Donations on Purchase widget with simple drag-and-drop functionality, preview it on your page, and customize areas of our widget all on your own!
How to Get Started
First, let's upgrade to a Shopify Online Store 2.0 Theme!
If you already are using a Shopify 2.0 theme, you can skip to this article, instead!
Don't have a theme? Here's how to set one up!
- Login to your store via the Shopify platform and choose the Change Commerce - Donation App
- Navigate to Sales Channels in the bottom left panel and choose Online Stores and Themes
- Once you see Themes, you'll be able to add an update to your theme library
- Scroll down to Visit Theme Store where you can find the theme you want to use.
- Dawn is commonly used.
- Click Add to theme library. This will make a copy of your original theme (named [theme name]), download the updated theme version, and then apply your theme editor customizations.
- Once the updated theme has been added to your theme library, click Review theme or Customize to load the updated theme into your theme editor.
- After you have reviewed the updated theme version, you can customize the theme further, or publish the theme to update your online store.
Step by Step
Next, let's add the script to your store, so you'll be able to preview your widgets before going live with them on your site.
- Login to your store via the Shopify platform and choose the Change Commerce - Donation App
- Go to Campaigns and choose either Store Donation on Purchase or Round-up.
- Navigate to Widget Settings and choose Theme Sections. Be sure to hit Save!
- Scroll down to Customize Widget and you'll be taken to the Theme Editor.
- At the top, you will find a banner that asks you to add the App Embed for ShoppingGives.
- Click the link and ensure it is toggled "on" and saved.
Now you are ready to preview your widgets!
- Toggle to "Products" Cart" or choose another field at the top in order to see a specific page.
- Search under "Apps" to find the Round-Up widget or Store Donation on Purchase widget.
- Select "Donation on Purchase" or "Round-up" widget to further expand your customizable options! You'll be able to preview your options as you start to customize.
- You'll now see a Preview version of your widget you can edit and save.
- Don't forget to click "Save!" if you are ready to move forward with your preview option on your live site.
Preview widget example for Theme Sections placement