This guide is designed to provide you with all the necessary information about customizing the donation Widget.
Please follow these steps,
Step 1: Log in to your Shopify account
Step 2: Click on the “Apps” section of your Shopify store and click on One Tree Planted at Checkout. One Tree Planted at Checkout will automatically redirect you to the app dashboard.
Step 3: Go to “Settings” on the left side panel
Step 4: Go to “Widget Settings” and you will see four (4) sections you can change.
In the “Widget General Settings” section, You will find 10 customizable options regarding the overall design style. These options are Widget Type, Visibility, Position, Width, Height, Font Type, Show Border, Border Color, Background Color, and Click Sound.
When the Show Widget option is set to “On”, your donation widget is displayed in your store.
If you wish to make donations without using the donations widget, set the “Show Widget” option to “Off”
Note: After turning the donation widget off, you have still two donation options available for you, the donation popup and cart page donation.
if you wish to donate with the donation Popup, Go to “Popup Settings” and set the “Show Popup” option to “On”
Or if you wish to donate with the Cart Page Donation, On the “Cart Page Settings” and set the “Show Cart Page Donation” option to “On”
In the “Widget Head Title” section, You will find 6 customizable options regarding the head title styling. These options are Widget Title, Font Color, Font Size, Background Color, and Height.
In the “Widget Content” section, You will find 3 customizable options regarding the content styling. These options are Font Color, Font Size, and Content Section which give you a lot of text editor options.
The price variable ( {price} ) seen on the content area of the widget content will display the cost of a tree.
In the “Widget Buttons” section, You will find 4 customizable options for both “approval” and “cancellation” buttons regarding the button styling. These options are Text to Display, Font Color, Font Size, and Background Color.
If you wish to disable the buttons, Change the “Show Button” dropdown to “Off” on both the “Approval Button” and “Cancellation Button” tabs
Step 5: After making the necessary changes, click the “Save Changes” on the top right side of the screen
After you click on the Save Changes button, your widget is available in your store.
When your customers click on the donation widget, They will see the widget content which can be changed from the Widget Content section.
If you have further questions, please go to the “Support” section on your app dashboard and then create a ticket or just click here to send us an email about your question.
We are always happy to help.