This guide is designed to provide you with all the necessary information about using a tree counter on a page of your store.
Please follow these steps,
Step 1: Log in to your Shopify account
Step 2: Click to the “Online Store” section of your Shopify store and click on Pages.
Step 3: On the Pages, Click on the “Add Page” button
Step 4: On the Add Page, Edit your page title.
Step 5: On the Content section of Add Page, Copy and paste the code below into your page by clicking on the “Show HTML” button on the top right of Editor.
<div><strong><span data-selector="one-tree-planted-tree-counter"></span></strong> trees planted so far.</div>
It is just a text-based simple counter and it needs to be pasted as a code to a page. You shouldn’t paste it directly to the content field of a page.
If you don’t know how to paste the code, you can refer to this document: https://help.shopify.com/en/manual/shopify-admin/productivity-tools/rich-text-editor#add-html-content-with-the-rich-text-editor
Step 6: After adding the code, click on the Editor button.
Step 7: Customize your page
If you wish, you can use our business assets to make your page unique to your customers.
You can find about our business assets more on this article here.
Step 8: After making the necessary changes, click the “Save” on the top right side of the screen
Here are a couple of examples of tree counter pages using our business assets.
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.