Skip to main content
All CollectionsSauce TV
Add Sauce TV to your website
Add Sauce TV to your website

How to Embed Your Sauce TV Hub on Your Website Homepage

Guy Schragger - Sauce Social Commerce avatar
Written by Guy Schragger - Sauce Social Commerce
Updated over 9 months ago

Are you ready to level up your website's homepage by embedding your Sauce TV hub? Get ready to captivate your visitors with engaging video content, shoppable product demos, and an immersive shopping experience. In this step-by-step guide, we'll walk you through the process of seamlessly integrating your Sauce TV hub into your website's homepage. Let's dive in!

If you're using Shopify Themes 2.0, it's even easier, and we'll highlight that part for you.

This how to guide assumes you have already configured your Sauce TV shoppable video help. If you need help getting started please refer to this article:


Step 1.

Users with Shopify Themes 2.0 can skip this step!

Copy the Embed Code

To begin, navigate to your Sauce TV settings page and locate the embed code for your desired hub in the top left of your settings page.

Copy the provided embed code to your clipboard by clicking the "Copy embed code button".

Step 2.

Access Your Website's Backend

Login to your website's content management system (CMS) or backend editor. This is where you can make changes to your website's design and content.

Step 3.

To Edit Your Homepage

To begin customising your website's homepage, locate the corresponding section within your website's backend. This section is often labeled as "Homepage," "Front Page," or something similar. Click on this section to access the content editing options.

If you are using Shopify as your platform, follow these steps to access the customisation settings:

  1. Go to your Shopify admin panel.

  2. Navigate to the "Online Store" section.

  3. Click on "Themes" to manage your store's themes.

  4. Find your active theme and click on the "Customize" button next to it.

By following these steps, you'll be able to access the customisation settings specific to your Shopify theme and make changes to your homepage's content and layout.

Step 4.

Insert the Embed Code

In the editing interface, locate the specific area on your homepage where you want to embed your Sauce TV hub. This can be a dedicated section or a designated HTML "Section" or widget that allows code embedding. To proceed, follow these steps:

If you are using Shopify, you can easily add an HTML section to your homepage layout. Here's how:

a. Access your Shopify admin panel.

b. Navigate to the "Online Store" section.

c. Click on "Themes" to manage your store's themes.

d. Find your active theme and click on "Customize."

e. In the customisation options, look for the available sections for your homepage layouts.

f. Select or add an HTML section to the desired area on your homepage.

Once you've identified or added the HTML section, you can proceed to paste the embed code you copied from the Sauce TV dashboard into this section.

For Shopify Themes 2.0 users:

See below for Shopify Themes 2.0 App blocks:

Instead of using a new HTML section you can add an 'App Section' for Sauce TV:

  1. In the 'Home Page' customisation, scroll to the bottom of the left-hand column:

  2. Click on 'Add Section'.

  3. Select 'Apps'.

  4. Scroll through to find the 'Sauce TV' app and click to add it.

  5. Hit 'Save' on the top right-hand side to apply your changes, and voila, you're all set!

You should now notice the 'Floating Video' thumbnail animating at the bottom right-hand corner of your homepage.

If you haven't published your Sauce TV video hub yet, the floating video will display an 'edit mode' warning. You can easily publish your hub via your Sauce dashboard by toggling the hub to 'Live'.

By adhering to these guidelines, you will effectively incorporate the embed code into your homepage, making your Sauce TV hub a pivotal aspect of the user experience. The distinct advantage of presenting the Sauce TV hub as an overlay is its adaptability; it can be placed anywhere within the body of your page without disrupting the layout or structure.

Ready to roll out the red carpet for your visitors? With our engaging video content, you're not just enhancing their browsing journey - you're escorting them on an exciting shopping spree through the heart of Deal-ville. It's so seamless, they'll feel like they've discovered a hidden aisle of entertainment and bargains right inside your webpage. After all, who said shopping can't be a fun-filled 'site'-seeing adventure too? Buckle up, because your webpage isn't just a stopover anymore - it's the ultimate retail destination!

Step 5.

Save and Publish

Once you've pasted the embed code, save your changes and publish your homepage. This will make your Sauce TV hub visible to your website visitors.

Congratulations! You've successfully embedded your Sauce TV hub into your website's homepage. Now, sit back and watch as your engaging video content enhances the user experience, increases customer engagement, and boosts conversions.

Here are some instances of how Sauce TV will enhance the visual appeal of your site:

  • The Floating Spotlight Reel on your Homepage:
    This feature acts as a captivating, floating video portal that stays consistently in view as your visitors navigate your homepage. It premieres a selected video from the first channel, holding the users' attention and heightening their curiosity to discover more of your offerings. This leads to an immersive user experience that keeps your visitors engrossed. By adding this extra dimension of interactivity to your homepage, you augment their overall browsing and shopping expedition, making it truly memorable.

  • Your TV Hub:
    This is essentially a dedicated section on your website for all video content, acting like your own personal television station. This hub centralises all of your videos, making it easy for visitors to find and explore them. Whether it's product demonstrations, customer testimonials, educational content, or behind-the-scenes footage, the TV Hub is a one-stop destination for all your video needs. The ability to categorise and organise videos makes it user-friendly, keeping your visitors engaged longer and encouraging them to dive deeper into your brand story and offerings. This enhances not only their browsing experience but also their shopping journey, by providing them with informative and compelling visual content.
    ​

  • Your Lightbox and Shoppable Video Player:

    Your Lightbox is a feature that displays your video content in a focused, distraction-free manner. When a visitor clicks on a video, the Lightbox expands the video to fill the screen while dimming the rest of the website. This provides an immersive, cinema-like viewing experience for your audience.
    ​
    The Shoppable Video Player takes your user experience to another level by combining entertainment and commerce in a seamless, integrated manner. As your visitors watch your videos, they can directly add products featured in the video to their shopping cart without having to leave the player. This innovative feature enhances the shopping journey, making it interactive, engaging, and remarkably efficient. It's not just about watching videos anymore - it's about shopping while being entertained, making your site a truly interactive shopping destination.

Let's shift gears and delve into the realm of mobile!

Sauce TV is conceptualised with a 'mobile-first' approach, underscoring the importance of the ever-growing mobile user base. Acknowledging the fact that a significant portion of online traffic comes from mobile devices, Sauce TV ensures your visitors enjoy a seamless and dynamic video experience, even on smaller screens. From video loading times to intuitive controls, and from responsive design to the integration of the Lightbox and Shoppable Video Player, everything has been crafted keeping the mobile user experience at the forefront. This ensures that no matter where your audience is, they can easily dive into your world of content, shop on-the-go, and have a delightful browsing journey, right at their fingertips. So with Sauce TV, you're not just keeping up with the times - you're future-proofing your online presence!

If you encounter any difficulties or require further assistance, don't hesitate to reach out to the Sauce TV support team. They'll be more than happy to help you along the way. Happy embedding!

Wrapping Up the Ultimate Webpage Makeover:

From Information Resource to Retail Destination!

Congratulations! You've successfully traversed through the riveting journey of embedding and enhancing your website with the Sauce TV hub. But remember, this isn't the end, rather it's the opening scene of an ongoing blockbuster. Your webpage isn't just an information resource anymore, but an exciting retail and entertainment destination. Keep experimenting, keep exploring, and continue to surprise your visitors with every click they make. Remember, in the world of eCommerce, innovation and customer delight go hand in hand. So here's to many more enjoyable 'site'-seeing adventures on your revamped homepage! Happy browsing, and even happier shopping!

For more information and examples of Sauce TV please click on the button below:
​

Did this answer your question?