Step 1

Download the .js and .css files and upload them to your Squarespace website:

tippy.js
wmTooltips.css
wmTooltips.js

Step 2

Copy the two code snippets, and paste them into their designated areas.

The Styles go in the Site Header Code Injection area. 

<!-- Tooltip Styles from Will-Myers.com -->
<link rel="stylesheet" href="/s/wmTooltip.css">

The Javascript goes in the Site Footer Code Injection area. 

<!-- Tooltip from Will-Myers.com -->
<script src="/s/Tippy.js"></script>
<script src="/s/wmTooltip.js"></script>

Step 3

Replace the URL’s "/s/tippy.js", "/s/wmTooltip.css" and "/s/wmTooltip.js" to match the unique URL’s that Squarespace generates for you.