How do I embed VHX on my Squarespace site?

To learn more about embedding Vimeo OTT on other sites, read our general Embedding Vimeo OTT guide.

Embed the Vimeo OTT Checkout on Squarespace

  1. Head to your TOOLS page on Vimeo OTT: http://vhx.tv/admin/tools
  2. Click on Checkout Embed.
  3. Copy the checkout embed code from 'step one' on that page. It looks like this:

    <script src="https://cdn.vhx.tv/assets/api.js" data-vhx-site="yourvhxsite.vhx.tv"></script><br>
    	
  4. Login to your Squarespace account.
  5. Go to Settings -> Advanced -> Code Injection.
  6. In the FOOTER block, paste your embed code. 

  7. Click SAVE.

Embed your Trailer on Squarespace

  1. Head to your TOOLS page on Vimeo OTT: http://vhx.tv/admin/tools.
  2. Click on Trailer Embed.
  3. Copy the Embed code of the trailer, but feel free to customize colors, etc before. The code looks like this:
    <iframe src="https://embed.vhx.tv/packages/5135" width="640" height="360" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><br>
    	
  4. Login to your Squarespace account.
  5. Go to Design.
  6. Click Edit on the area you wish to inject the trailer. 
  7. Roll your mouse over the left side of the pane to see the Code Block inserter (read more on that here).
  8. Choose "Code" from the list that appears.
  9. Paste your Trailer embed code in the block that appears.
  10. Click SAVE.

Still need help? Contact Vimeo OTT Seller Support Contact Vimeo OTT Seller Support