Knowledge Base/Installing on Showit

Installing on Showit

Generate your StructuredAF code, add it through Showit's Global Custom Code, and choose which pages it covers.

If you also have a Showit blog, that runs on WordPress and needs handling separately.

Before you start
  • Your StructuredAF profile filled in
  • Access to your Showit Site Settings

Showit is really two things wearing a matching outfit: your designed pages, and, if you have one, a blog that runs on WordPress underneath. These steps cover your Showit pages. The blog has its own section further down.

Three steps, start to finish

It helps to have your StructuredAF account and the Showit design app open side by side, since you'll be copying from one to the other.

1

Generate and copy your code

In your StructuredAF account, open Add to Site. With your profile and offers and FAQs filled in, click Generate, then Copy Code.

2

Open Global Custom Code

In the Showit design app, open your Site Settings, go to the Integrations tab, and click Add Custom Code.

There's also a Custom Head HTML box tucked inside each page's Advanced Settings, but that only covers one page at a time. Global is the one you want.

3

Paste, choose your pages, publish

Set it up like this:

  • Name it something you'll recognise later, like StructuredAF
  • Choose to add HTML to the head
  • Paste your StructuredAF code
  • Select the Site Canvas Sets that cover all your public pages

Then save and publish. That Canvas Sets step is the one to slow down on, since it's what decides which pages your code actually reaches. If your design doesn't use Canvas Sets at all, global code has nothing to attach to, and you'll need the per-page route instead.

If you have a Showit blog

Your blog isn't part of your Showit site in the way it looks like it is. It runs on WordPress behind the scenes, which means the code you just added doesn't reach it. For a lot of people the blog is where most of their content lives, so it's worth doing.

Install the StructuredAF WordPress plugin on your blog and enter the same site ID from your StructuredAF account. Between the two, your Showit pages and your blog posts are both covered.

One catch worth knowing. Showit only allows you to add your own WordPress plugins on its top blog plan. If you're on the starter blog plan, you're limited to the plugins Showit pre-installs, so the StructuredAF plugin can't go on. Get in touch and we'll work out the best option for your setup.

How you know it worked

Head back to your StructuredAF dashboard and click Scan Site. Point it at your published Showit site rather than a preview, since a preview isn't what the outside world sees.

If your details come back in the results, you're done. If nothing shows up, the usual culprits are the Canvas Sets not covering the page you scanned, the code not pasting in full, or the site not having been published since you saved.

When something changes

Showit doesn't update on its own, so when you change something in StructuredAF, you'll need to copy the new version across.

Go back to Add to Site, click Generate, and copy your code again. Then open your existing StructuredAF entry in Global Custom Code, replace the old code with the new, and publish.

The important bit is replacing rather than adding a second entry. Two versions running at once means two different accounts of your business, which helps nobody. If you've got the plugin on your blog, that side updates on its own. Updating Your Profile goes through it properly.

Questions people ask

Can I add StructuredAF to just one page instead?

Yes. In the design app, select the page name rather than a canvas, open Advanced Settings in the panel on the right, and paste your code into the Custom Head HTML box.

Selecting the page rather than the canvas is the bit people get wrong. Use either the global route or the per-page one, not both for the same code, or it could end up published twice.

Do I need a particular Showit plan?

Not for your Showit pages. Custom code is available whichever plan you're on, though the free trial won't let you connect your own domain, so you'll want to be past that stage.

The blog is where plans matter, and that's covered above.

Will it change how my site looks?

No. Your code sits in the page head, where it's read by AI and search engines rather than displayed. Nothing about your design, layout or content changes.