How To Display Instagram Story Highlights On Woocommerce?

In this post, you will learn how to display a Instagram Story Highlights on your Woocommerce website. Do you use Instagram Story Highlights? Do you have a website built using Woocommerce? If you answered YES to both questions, this tutorial is for you!

Steps for SociableKIT

  1. Go to SociableKIT.com and click Sign up. You will be automatically logged in after you sign up.
  2. On the dashboard, click the "+ Create Solution" button on the upper right corner.
  3. Select "Instagram Story Highlights" on the dropdown.
  4. Enter your Instagram username.

  5. Click the "NEXT" button. This will show you the customization options.
  6. Click the "Embed on website" button on the upper right corner. Copy the JavaScript code.

Steps for Woocommerce

    1. Download and install the "WooCommerce" plugin. On your WordPress account, download and install the "WooCommenrce" plugin.
    2. Add or edit a product. On your WordPress account, go to the "Product" page below the WooCommerce then add or edit a product.
    3. Paste the Javascript code you copied from SociableKIT. Click the "Text" tab on the text editor then paste the Javascript code you copied earlier.
    4. Save or publish your page.
    5. View it in your web browser. Done!

If you think this post about how to display Instagram Story Highlights on Woocommerce is helpful, please share it with your friends! Thank you and we appreciate your kind support!

Related solutions

Responsive support

Need further help? Email our team at [email protected] or go to the SociableKIT.com website.