This article covers how to customize the ShoppingGives widgets available through the new sections feature on all Shopify Online Store 2.0 Themes.
Introducing Theme Sections Widget Customizations
Shopify has just introduced a new feature, sections, to all Shopify Online Store 2.0 Themes that will make Shopify Themes more customizable than ever before!
With the introduction of sections, ShoppingGives is now excited to bring to you real-time updates and customizations on all your ShoppingGives widgets!
You'll 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
- 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, choose Actions
- Then click Edit Code and choose the Customize Theme button
- Note: You must be on a Shopify O2.0 Theme to use Theme sections. Otherwise, you may need to upgrade! It's easy!
- Now you are ready to customize your widgets! See the steps below.
A Quick Glimpse at How to Customize Your Widgets
Step by Step
1. After following the above steps to get to Customize Theme, you'll find yourself in the theme editor. Toggle to "Products" "Cart" or choose another field at the top in order to see a specific page.
2. Search under "apps" to find the Round-Up widget or Store Donation on Purchase widget
3. 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.
4. Don't forget to click "Save!"
What You'll Be Able to Customize
- Font picker
-
Title font color
-
Main text color
-
Link font color
-
Background color
-
Border color
-
Border radius
-
Button radius
-
Custom title
-
Checkbox color
-
Only applicable for the round-up donation widget
-
Not able to access Theme Sections? See our quick-start checklist below!
✔️ Ensure you are using a 2.0 Theme!
- For more info visit Shopify Online Store 2.0 Themes
✔️ Ensure your campaigns are "on!"
- Store Donation on Purchase
- To do this, select the Campaign drop-down button from the main menu > select Store Donation on Purchase > from the Campaign Settings tab, click Turn On from the Donation on Purchase Widget section > Save.
- Customer Round-Up
-
- To do this, select the Campaign drop-down button from the main menu > select Customer Round-Up > click Turn On from the Round Up Widget section > Save.
-
✔️ Ensure your store is set to "Active!"