Lightroom plugin

Embed in Squarespace Post

Here's a quick tutorial on how to embed an SSP/LR slideshow into a Squarespace post.

Using an <iframe>

1 - Export the slideshow to your desktop

For this example, let's assume that I've exported to a folder called 2009_10_halloween

2 - Zip the folder on your desktop

There are lots of ways to do this. Just make sure you choose "zip" file format. Let's assume that I've created 2009_10_halloween.zip.

3 - Upload the zip file to your Squarespace site

Go to Data & Media and click File Storage. Then click the "Upload Files" button.
Make sure you check Decompress Zip Files After Uploading. Select the zip file of your slideshow on your desktop (e.g. 2009_10_halloween.zip). Press "Upload"

Above: Your upload should resemble this image

4 - Test the upload

If the upload was successful, you should see the folder listed under File Storage (e.g. 2009_10_halloween). Click on that folder name, and then click on index.html inside that folder. Once you click on index.html, your slideshow should be loaded in your browser. If you can't find the file or it doesn't exist, stop and figure out what went wrong.

Above: You should see the link for index.html

5 - Create a Post

Go to Dashboard and click Manage Posts. Now click on the Create New Post button. Create the post however you want.
When you are ready to insert the slideshow, change to the HTML Source view ( click the word "HTML" in the toolbar ).

Above: Click the HTML in the toolbar to edit the HTML source

Now insert the following code:

<iframe src ="http://XXXXXXX.squarespace.com/storage/YYYYYYY/index.html" width="600" height="700">
  <p>Your browser does not support iframes.</p>
</iframe>

You need to replace XXXXXXX with your Squarespace site name, YYYYYYY with the folder name of your slideshow, and set the width and height appropriately.

6 - Preview your post

You should now be able to preview your post and see your slideshow embedded inside it.