When you upload a cinemagraph to your Flixel gallery, a unique embed code is generated so you can easily share it on websites. The Flixel embed code will autoplay and loop your cinemagraph and detect the browser and device to send the appropriate file type. 

Follow the steps below to copy the embed code of your cinemagraph and embed it to websites built with Squarespace. If you're already familiar with uploading and embedding cinemagraphs, you can head straight to the Squarespace instructions at the bottom of the page.


Flixel

  1. Upload your cinemagraph from Cinemagraph Pro for macOS or iOS
  2. Once processed, click on the cinemagraph on your flixel.com profile
  3. Click Embed
  4. Select Responsive (recommended) or Fixed
  5. Check Use HD
  6. Click Embed Code to copy the code to your clipboard

Squarespace

You can embed cinemagraphs to your website built with Squarespace by adding a video or embed block. If you want to customize the size of your cinemagraph by using the fixed embed code, add an embed block as opposed to a video block.


Adding a Video Block

  1. Open the page editor
  2. Click on an insert point or the + icon 
  3. Select Video under Basic
  4. Paste the unique flixel.com URL
  5. Click Apply
  6. Click Save

Adding an Embed Block

  1. Open the page editor
  2. Click on an insert point or the + icon 
  3. Select Embed under Basic
  4. Click on the < / > icon
  5. Paste the embed code
  6. Click Set
  7. Click Save

For more information about building your website with Squarespace, visit the Squarespace Help Center

Did this answer your question?