Can I self-host this plugin?
Absolutely! Follow the instructions in this video and download the custom files below.
Step 1
Download the .js and .css files and upload them to your Squarespace website:
wmBeforeAfter.css
wmBeforeAfter.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.
<!-- Before After Styles from Will-Myers.com -->
<link rel="stylesheet" href="/s/wmBeforeAfter.css">
The Javascript goes in the Site Footer Code Injection area.
<!-- Before After from Will-Myers.com -->
<script src="/s/wmBeforeAfter.js"></script>
Step 3
Replace the URL’s "/s/wmBeforeAfter.css" and "/s/wmBeforeAfter.js" to match the unique URL’s that Squarespace generates for you.