How to Install Your Meta Pixel on Showit (Pixel ID vs. Global Head Code)

If you’re a Showit user installing your Meta Pixel, you now have two different places to do it, and which one you choose matters.

Over the past year, Showit quietly added two new settings that a lot of people missed. You can now paste your pixel ID into a simple field, and you can add code to a global site head so it runs across your whole site. Before, you had to add tracking code to every single page you wanted tracked.

I’m Kate, founder of Dear Kate Brand Strategy. I build Showit websites for service-based businesses, and in this post I’ll walk you through how to set up your Meta Pixel on Showit the simple way, plus what to change once you start running ads, so you don’t have to redo everything later.

Prefer to Watch Instead of Read?

Watch the full walkthrough below:

Quick Answer: Which Option Should You Use?

Not running ads yet? Install your pixel anyway. It’s worth collecting that data now so it’s ready when you need it.

Step 1: Get Your Pixel Info From Meta

Open Meta Ads Manager, then go to Events Manager in the left-hand menu and click into Data Sets. Choose the pixel you want to install, or create a new one.

• Not running ads yet: copy the Dataset ID. That number is all you need.
• Running ads: go to Integrations → Manage Integrations → Meta Pixel → Install pixel on a new website, and choose to install the code manually. Copy the full code snippet and save it somewhere handy.

Option A: Add Your Pixel ID (Simple Setup)

In Showit, open Site Settings and click Integrations. You’ll see options for Google Analytics, Google Tag Manager, Meta Pixel, and custom code.

Click Meta Pixel and paste in your Dataset ID. That’s it.

This tracks page views on every page of your site, which is all you need while you’re building up data. Just know that page views are mostly all it tracks.

Option B: Add the Full Pixel Code to Your Global Site Head

If you’re running ads, or plan to track things like leads, use this method instead.

1. In Site Settings → Integrations, click Custom Code.
2. Click Add Custom Code, then choose HTML to Head.
3. Paste in the full pixel code you copied from Meta, and save.

Now your pixel tracks page views across every page of your site. You can also use this same spot for other site-wide tools, like Hotjar or ConvertBox. (I use it for the exit popups I set up with ConvertBox.)

Why the Order Your Code Loads In Matters

This is the part most tutorials skip, and it’s the reason Option B matters once you’re running ads.

In Showit, code loads in this order:

1. Global head code (Option B) loads first, on every page.
2. Page-level head code loads second.
3. The Meta Pixel ID integration (Option A) loads after that.

So if you add a conversion event to a specific page, like a lead on your thank-you page, it needs the pixel to already be running. With Option B, it is. With Option A, the event code runs before the pixel loads, so it won’t be tracked.

Example: Tracking a Lead on Your Thank-You Page

Here’s how I track sign-ups for my DIY Website Planner:

• The opt-in page just loads the global pixel code, so Meta records a page view.
• The thank-you page has one extra line of code in its page-level custom head. Anyone who lands there gets counted as a lead.

To add it, open the thank-you page in Showit, go to the page’s Advanced Settings, and paste this into the custom head HTML:

<script>fbq('track', 'Lead');</script>

Lead is just one option. Meta has a full list of standard events you can track the same way.

To check that everything’s working, install Meta’s free Chrome extension, Meta Ads Data Advisor (formerly called Meta Pixel Helper). Visit your opt-in page and it should show a PageView. Visit your thank-you page and it should show a Lead.

Don’t Miss This: Canvas Sets

There’s one catch with global head code in Showit. It loads with your site canvas sets, so it only runs on pages that use a canvas set it’s applied to.

That means:

• Apply the code to every canvas set you use. If you have separate sets for light and dark navigation, or for landing pages, the code needs to be applied to each one.
• A page with no canvas set won’t load the code at all. That’s common on opt-in or landing pages where you don’t want a header or footer.

My fix for those pages: create a canvas set with a single site canvas I call “Code Canvas.” It’s one pixel tall and set to hidden, so nothing shows on the page, but the canvas set is there and your head code loads. Apply that set to any page that would otherwise have none.

Avoid Double-Tracking

Pick one method. If you add your pixel ID in the Meta Pixel field and paste pixel code into your custom code or individual pages, you’ll end up with duplicate data.

Recap

• Just starting out: paste your Dataset ID into Showit’s Meta Pixel field. You’ll track page views.
• Running ads or tracking conversions: paste the full pixel code into Custom Code → HTML to Head.
• Make sure every page has a canvas set with that code applied. Use a hidden one-pixel canvas for pages without navigation.
• Add conversion events, like Lead, to the page-level head code of the pages you want to track.
• Test it with Meta’s Chrome extension.

Questions about your setup? Drop them in the comments on the video and I’ll help as best I can.

Building or Rebuilding Your Website?

Tracking is a great step, but it works best on a website that’s built to turn visitors into clients in the first place.

The DIY Website Planner is a free, workbook-style guide that walks you through all three phases: strategy, design, and launch and SEO.

Get Your Free Planner

Still deciding on a platform? Here’s my full Showit review, or you can try Showit free for a month.

Some of the links in this post are affiliate links. This means I may receive a small commission if you make a purchase through one of these links, at no extra cost to you. I only recommend products and services I personally use, trust, and genuinely believe will benefit my audience. Thank you for supporting my work and helping me continue to provide helpful, free content.