How do I embed VHX on my Squarespace site?

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

Embed the VHX Checkout on Squarespace

  1. Head to your TOOLS page on VHX: 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 VHX: 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 VHX Seller Support Contact VHX Seller Support