Instagram Widget SociableKIT | WordPress.org

[ad_1]

Hi @rawebdv,

I think the SociableKit script doesn’t behave correctly after we add a placeholder to its’ container. If you change the HTML slightly, and copy the Integration set-up below; it should work.

Change the SociableKit Embed HTML to the below. This wraps sk-ww-instagram-story-highlights in another <div> with the class story-container.

<div class="story-container"><div class="sk-ww-instagram-story-highlights" data-embed-id="168816"></div></div><script src="https://widgets.sociablekit.com/instagram-story-highlights/widget.js" async defer></script>

Now we can block the script, and add a placeholder to our newly added story-container <div> instead. Use this set-up for the Integration in the Script Center:

And you should then have a result like on this example page.

Kind regards, Jarno

Thread Starter
Joh123

(@rawebdv)

I had to adjust the height of the div, but besides that, your solution worked perfectly. Thanks a lot!

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer