WPCode plugin

Install on WordPress

The easiest way is the free WPCode plugin. It keeps the code separate from your theme, so it won't disappear when you update or switch themes.

You need admin access to your site.

  1. 1

    Copy your site code

    It's the same for all widgets: stories, the button and banners will show up on their own.

    <script src="https://swoopkit.app/loader.js" data-site="SITE_KEY" async></script>
  2. 2

    Install WPCode

    In your WordPress dashboard, go to Plugins → Add New, search for “WPCode – Insert Headers and Footers”, then install and activate it.

  3. 3

    Paste the code into Header

    Open Code Snippets → Header & Footer, paste the line into the Header box and click Save Changes.

  4. 4

    Clear the cache

    If you use a caching plugin, clear its cache so the code reaches every page.

If you use stories “on the page”

You don't need this for the button, banners or floating stories. Each stories widget has its own block code, you'll find it in the editor under Publish.

  1. 5

    Add a Custom HTML block

    Open the page in the editor, click “+” and choose Custom HTML. In Elementor, use the HTML widget. Paste the block code and update the page.

    <div data-vzhuh="WIDGET_ID"></div>

✓ Check it

Open your site in a new tab. Once someone visits a page with the code, your Swoopkit dashboard shows a green “Code installed” mark.

Don't switch the Custom HTML block to visual mode: WordPress may change the code. If the widget doesn't show up, open your site in a private window so the browser cache doesn't get in the way.

Can't add the code? We'll install it for free

Write to our support team and we'll help or do it for you

Contact support