Skip to main content
All CollectionsWorking with: WooCommerce and WordPress
Adding a Sauce embed to the homepage of your WordPress website
Adding a Sauce embed to the homepage of your WordPress website
James Riley avatar
Written by James Riley
Updated over 5 months ago

NOTE: This article involves modifying the code of your WordPress theme. This should only be carried out by those comfortable editing code. We provide the following as advice but otherwise cannot provide individual support on installing an embed. That said, do write to us if you're stuck, and we may be able to offer general support.

Here we assume you homepage displays 'Your latest posts'. If you are using 'a static page' for your Homepage, you'll want to see our Add Embed to Wordpress Page article. You'll find this configuration in the Settings -> Reading section

1️⃣ Copy your Sauce Embed snippet from the Shoppable Galleries page

2️⃣ Head into the 'Theme Editor' of your WordPress website

You'll find this under the 'Appearance' section of your WP Admin. If this option is not showing, you'll need to work with your developer to edit the desired file directly.

3️⃣ Click to edit the 'Main Index Template' for your theme

Note that the specific file may vary depending on the Theme you are on - in most cases this should be the 'index.php' file, as here with the default 'Twenty Twenty One' theme:

4️⃣ Paste your Sauce code snippet into the Index Template

Importantly here, the precise location you paste the Sauce code snippet will vary depending on the theme you are using - hence the need to be comfortable modifying code. Likely you are going to want the Sauce embed to come after your page content, and so you'll want to look for where in the file the main content ends - this may require some trial and error. Note too that the code snippet cannot be _within_ a PHP tag, so you may need to adjust the existing code to account for this, e.g:

5️⃣ Click 'Update file' to save your changes

And you're done! Viewing your website should now have the Sauce embed loading on your Homepage. Be sure you've taken notes on exactly where you've pasted the code snippet, in the event that you want to remove it.

Did this answer your question?