How do I sell with VHX on my external site?
If you already have a website for your work, and want to use VHX to sell, you can embed our checkout tools to integrate the buy experience on your already made site. We have 2 types of embeds for selling your VHX Products: a full checkout embed, and a trailer video embed.
In this article:
The Checkout Embed is the new look of your VHX purchasing experience. Instead of being redirected to a new page to buy your content, your audience simply clicks the Buy button and a checkout form slides out for immediate purchasing. Once purchased, they will be taken right to your watch page.
If you are using a VHX theme, you are already set up with the Checkout Embed! We auto-include the form and attach all of your buy/login links to it on your VHX site.
Embedding the Checkout Widget on a non-VHX site
To integrate the Checkout Embed on a 3rd-party site (not hosted on VHX), follow these steps:
- In your VHX site admin, head to the Promote page, under the Distribution tab. The Promote page is also located at http://vhx.tv/admin/tools.
- Locate Embed Your Checkout and click through to grab the code.
- On the Checkout Embed page you will first see the embed code to put on your website. Copy the code from this box and place it in the source code of your website.
- Once the code has been embedded on your site, head to Step Two on the Checkout Embed page to get the Product links to trigger the slide-out form.
- First, select the product you want to sell:
- Then, copy the link code and put that on your site somewhere for your customers to click.
- Any time a user clicks that link on your website, the Checkout Embed will slide out and they can purchase your video and start watching.
- If you have multiple linked VHX sites on your non-VHX page (yoursubdomain.vhx.tv, myfriend.vhx.tv), you can additionally set specific data-vhx-site attributes on individual links to override your primary one set on the script tag, like so:
<a href="http://myothermovie.com/<wbr>buy" data-vhx-site>Buy my other movie!</a>
Want to show off your work with the amazing trailer you just cut? You can embed that trailer with a buy button that links right back to you buy page. Indie Game: The Movie's trailer is embedded here:
Follow these steps to embed your trailer:
- Head to the Promote page under the Distribution tab of your VHX admin or visit http://vhx.tv/admin/tools.
- Click Customize Your Embed under Trailer Embed:
- On the Trailer Embed page, you'll see the embedded preview video at the top of the page with the embed code underneath it.
- You can change the following settings to customize the look of the embed.
- Product - Select which product trailer you want to embed.
- Width & Height - Change the size of the embed.
- Visibility options - Choose if you want the Title, Buy button, or Social buttons visible in the embed.
- Color options - Change the button color in the embed.
- Now, you can copy the Embed code from the page and paste it into an HTML field on your site or blog and save!