Hosting Our Files on Your Squarespace Site

This tutorial allows your plugin to be independent and unaffected by any unforeseen file link changes from Squarepaste.


Part One

Let’s begin by saving a JavaScript file to your computer.

  1. Find the script source link in the plugin’s code. This link can be found within the script tag, between the quotation marks. Copy the source link to the script.

  2. Paste the link into a web browser. For example, Google Chrome.

  3. Right click on the page, or press Control S, then click ‘Save as…’.

  4. Keep note of where the file is saved, as you’ll need to upload it to your Squarespace website later.

You may repeat the steps of saving a JavaScript file for each link.

Part Two

Now that you’ve saved each file, it’s time to upload them to your Squarespace website.

  1. Log into your Squarespace website.

  2. Create a new Blank Page and set it as a Disabled Page. Feel free to title it to your liking. Using words like “Files” or “Scripts” as a url are not available on Squarespace.

  3. Add a Text Block to the page and type the title of the previously saved JavaScript file.

  4. Highlight the text, then click the Link icon.

  5. Select the Settings icon.

  6. In the left Link Editor Side Menu, click ‘File’.

  7. Select ‘Upload File’, then upload the saved JavaScript file.

  8. Click Save in the top left corner, then click Apply.

  9. Save your changes to the page.

  10. Now, when you hover over the text block, a link should appear. Right click on the link, then select “Copy Link Address”.

  11. Go to the plugin’s code and delete the link for the script source. Then, paste the new link into the script source.

  12. Lastly, save your changes.


All done.

Thank you for following the steps of the Independent Plugin Tutorial. If you have any questions, please reach out to our team.