Popp+Install guide About Popp+ Publisher login
Install guide

Add Popp+ to your site

It takes about five minutes. You paste two lines of code where you want the widget to appear, usually right under your article.

1. Copy your code

Sign in to your dashboard, open the Widget tab, pick the widget, and click Copy code. It looks like this, with your own IDs:

<div data-poppplus="YOUR-SITE-ID" data-widget="YOUR-WIDGET-ID"></div>
<script async src="https://plus.popp.life/widget/widget.js"></script>

Want a widget under your posts and one in your sidebar? Create both in the Widget tab and paste each one's code in its spot. Widgets on the same page never show the same article twice.

2. Paste it on your platform

Framer

  1. Open your blog's CMS page template (the page every article uses).
  2. Add an Embed under the article body and set it to HTML.
  3. Paste your code. In the right-hand panel set Width: Fill and Height: Fit Content, and make sure the frame around it is set to Fill too.
  4. Click Publish. The widget only shows on your published site, never inside the Framer editor.

WordPress

Block themes (most newer themes):

  1. Go to Appearance → Editor → Templates → Single Posts.
  2. Add a Custom HTML block right under the Post Content block, and paste your code.
  3. Save.

Classic themes: use a code-snippet plugin that can insert HTML after post content (WPCode is a popular free one), and paste your code there. For a sidebar widget, add a Custom HTML widget under Appearance → Widgets.

Squarespace

  1. Open your blog page's settings and find Post Blog Item code injection (under Advanced).
  2. Paste your code and save. It appears under every blog post.
  3. For a single page instead, add a Code block where you want it.

Code injection needs a Squarespace plan that includes it.

Webflow

  1. Open your blog's CMS Collection template page.
  2. Drag in an Embed element under the post body and paste your code.
  3. Publish the site.

Ghost

To show the widget under every post, add your code to your theme's post template (post.hbs) just after the post content, then upload the theme. For a single post, add an HTML card at the end of the post and paste your code.

Wix

  1. Open your blog Post page in the editor.
  2. Click Add → Embed Code → Embed HTML and paste your code.
  3. Drag the box under the post and make it tall enough to fit the widget, since Wix gives embeds a fixed height.

Shopify

  1. Go to Online Store → Themes → Customize and switch to the Blog posts template.
  2. Add a Custom Liquid section under the post and paste your code.
  3. Save.

Any other site

Paste the code into the HTML of your article page, right where the widget should appear. The <div> marks the spot; the <script> line can go anywhere on the page, and only needs to appear once even if you use several widgets.

3. Check it's working

Open a live article and scroll to where you pasted the code. You should see the Popp+ widget within a second or two. Then check the Overview tab of your dashboard: views start counting as soon as readers see it.

Not showing up? Make sure the site is published, that you're looking at the live site rather than an editor preview, and that the code was pasted exactly as copied. Still stuck? Get in touch and we'll take a look.