Self-Hosting

To self-host your scripts:

Step 1

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

wmWebpageMockupDisplay.css
wmWebpageMockupDisplay.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.

<!-- Webpage Mockup Display Styles from Will-Myers.com -->
<link rel="stylesheet" href="/s/wmWebpageMockupDisplay.css">

The Javascript goes in the Site Footer Code Injection area.

<!-- Webpage Mockup Display from Will-Myers.com -->
<script src="/s/wmWebpageMockupDisplay.js"></script>

Step 3

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