Video instructions

Step by Step

1. After installing Tip Jar from the app store, you’ll be greeted with instructions in the dashboard.

Click Install Tip Jar snippet to create the snippet:

This creates a snippet called tip-jar to your live theme’s Snippets folder.

To preview before setting live: Duplicate your live theme, then add include the snippet with the render statement (instructions below) into this new theme.

*When you edit the design of the of the tip button in the Customize page, it updates the snippet in your live theme. If you’d like to add this snippet to an older theme, copy the code from the tip-jar snippet in your Snippets folder, then create a snippet called tip-jar in your old theme and paste the code.

2. Inspect the area where you want to add the snippet

Most browsers have an inspect tool, we’ll use Chrome for this example.

Right click the page and select Inspect. Then click the element inspector icon:

Then hover on the element on your page near where you want to add it. This will help you identify the element’s class or ID (so you can find it in your code in step 3).