Skip to main content

How To Get The Most From Paige's Website Widgets

Paige's website widgets can power up your website to help you rank higher on traditional Google and AI search results, and convert more web visitors to customers. This guide explains what they are, where to place them, and how to install them.

Written by Justin Silverman
Updated over 2 weeks ago

When your website has fresh content—recent reviews, new photos, updated posts, and helpful FAQs—people stay longer, trust you faster, and are more likely to call or fill out a form. That “good engagement” also tends to help your SEO over time because search engines want to show websites that real people find useful. On the flip side, when a website looks unchanged for months (no recent activity, no social proof, no new content), visitors can subconsciously assume the business isn’t active—or isn’t modern.

Paige makes this easy by giving you website widgets you can paste into your site that auto-update so your website stays current without extra work. Paige acts as a full-time website manager this way.


Before you start (2 quick checks)

  1. Make sure you can edit your website

    • You’ll need access to your website platform (WordPress, Wix, Squarespace, Shopify, etc.).

    • If a web designer/agency manages your site, you can send them the embed steps and code.

  2. Know the two types of embed instructions

    • “Place code where you want it to appear” (most common)

      • You paste a code snippet into a page/section, and that’s where the widget shows up.

    • “Add a script to the HEAD + place code on the page” (some templates)

      • You paste a script into the head section of your website (site-wide), then paste a smaller snippet where the widget should display.

Paige will show you the correct code + instructions for the widget template you choose. Follow the exact instructions you’re shown inside Paige for each widget type.


Recommended placement map (quick table)

Widget Type

Best Page For It

Best Position On Page

Reviews widget

Homepage + service pages

Top half of page (or just under hero)

Image Gallery widget

Homepage

Middle of page

Recent Posts widget

Homepage

Very bottom

FAQ widget

Homepage

Near bottom (above footer)

Schema markup

Homepage

HEAD section


Learn about each type of widget

Widget 1: Reviews

Why this matters

Reviews are one of the fastest ways to build trust. When someone lands on your website and immediately sees real feedback, it lowers their “risk feeling” and makes them more likely to contact you.

What Paige’s review widget does

  • Comes in different designs like carousel, social proof blocks, pop-ups, badges, and banners

  • Automatically updates as you earn new reviews

  • Shows only your 5-star reviews

  • Many templates also show review dates (highly recommended—recent dates signal you’re active)

Where to place it

  • Best spot: homepage, above the fold or just below your main “hero” section

  • Also great: on service pages (e.g., “Roof Repair,” “Hair Extensions,” “HVAC Installation”)

How to embed it (typical flow)

  1. In Paige, open your Website Widgets area (or wherever your platform shows widget embeds).

  2. Choose Google Reviews.

  3. Pick the style (carousel, badge, banner, etc.).

  4. Copy the embed code and follow the instruction type shown:

    • If it says “Add to HEAD”: add that script to your site head (once).

    • Then paste the widget code exactly where you want it to appear on the page.

  5. Save/publish your website page.

  6. Refresh your site (sometimes it takes 10–30 seconds to load the first time).

Best-practice tip

If the widget template allows it, show review dates. Lots of recent reviews is a powerful signal that you’re busy and trusted.

Widget 2: Image Gallery

Why this matters

Photos are proof. They back up your reviews by showing real work, real results, and real projects.

What it includes

  • Images pulled from your Google Business Profile

  • Images you’ve uploaded into Paige

  • A click-through gallery experience that encourages visitors to stay longer

Where to place it

  • Best spot: your homepage (mid-page is perfect)

  • Also great: a dedicated “Gallery” page, or on specific service pages

How to embed it

  1. In Paige, choose the Image Gallery widget.

  2. Copy the embed code.

  3. Paste it into your website page section where you want the gallery to show.

  4. Save/publish.

Widget 3: Recent Posts

Why this matters

Many small business websites have a “Blog” section that never gets updated. That can make a site feel stale.

Paige’s Recent Posts widget is designed to solve that by automatically showing fresh activity.

What it does

  • Shows a carousel of your 3 most recent Paige-created posts

  • Links back to your Google Business Profile

  • Helps demonstrate you’re active and engaged

That back-and-forth activity between your website and Google Business Profile can be helpful for visibility over time.

Where to place it

  • Recommended: very bottom of the homepage (like a “Recent updates” section)

  • Also good: on an “Updates” page

How to embed it

  1. In Paige, choose Recent Posts.

  2. Copy the embed code.

  3. Paste it into the bottom section of your homepage.

  4. Publish.

Widget 4: FAQs

Why this matters

FAQs help in two ways:

  1. Visitors: answers common questions that can stop them from calling/leaving.

  2. Search engines + AI tools: helps them understand exactly what you do, where you do it, and what you offer.

What Paige’s FAQ widget does

  • Displays questions/answers in an SEO-friendly format

  • If FAQ is turned on inside Paige, it can automatically update over time

  • You can control the widget’s design from the Website & AI SEO Automations tab

Where to place it

  • Best spot: near the bottom of your homepage
    (It’s still visible to users and reliably crawlable by search engines.)

How to embed it

  1. In Paige, open FAQ widget.

  2. Choose your preferred design (if available).

  3. Copy the embed code.

  4. Paste it near the bottom of your homepage.

  5. Publish.

Widget 5: Website Schema Markup

What is schema markup? (super simple explanation)

Schema markup is a special type of code that tells Google and AI search tools what your business is—using a format they understand perfectly.

Think of it like your business’s “DNA” in a language search engines and AI bots can read easily:

  • business name

  • services

  • location

  • hours

  • contact info

  • and other key details that help systems categorize and trust your business

Schema uses the schema.org standard, which is widely considered the industry “gold standard” format for structured data. (Forbes)

Why it matters more now

Some AI-driven search experiences rely heavily on structured data signals like schema to understand businesses quickly. When your schema is complete and correct, you increase your chances of being interpreted accurately—and surfaced more often for relevant searches.

Important rules

  • You can only have one primary set of schema per Paige on a website.

  • We recommend using Paige’s schema because it’s designed to be extremely complete and aligned to schema.org formatting requirements (which helps reduce errors and confusion for crawlers). (Forbes)

How to add Paige schema (high-level steps)

  1. In Paige, copy the schema markup code.

  2. Open your website platform.

  3. Paste the schema into the HEAD section of your homepage (or site-wide head area if your platform does that).

  4. Save/publish.

If you already have existing schema from another tool/theme/plugin, you’ll want to avoid duplicates or conflicts. In many cases, your web person can remove the old schema and keep Paige’s as the primary set.


Troubleshooting (fast fixes)

  • Widget isn’t showing

    • Make sure you pasted the full code (no missing characters).

    • If the template requires a HEAD script, confirm it’s installed.

    • Clear cache (especially on WordPress with caching plugins).

    • Try a private/incognito browser window after making the changes.

  • Widget spacing looks weird

    • Put the widget in its own section/block.

    • Add a little padding above/below in your website editor.

  • Nothing updates

    • Give it a few hours (some widgets load dynamically or there are delays in data making its way from Google to Paige, such as the case with new reviews).


How to Add Paige's Widgets To Common Website Platforms (Basic Guides)

Below is a simple “do this / click that” guide for iframe embed code and HEAD section edits. Please note that each platform below changes regularly so our instructions may be out of date since we do not control these 3rd party platforms nor do they inform us when they make changes. If you are having a difficult time installing Paige widgets on your website please message our team using the livechat inside Paige or try troubleshooting your particular website platform using AI tools such as ChatGPT.

Tip: If Paige gives you code that starts with <iframe ...>, follow the iframe steps.
If Paige gives you code that starts with <script ...> and says “add to HEAD,” follow the HEAD steps.

Wordpress

Add iframe code (page/post)

  1. Go to Pages (or Posts) → open the page you want.

  2. Click + to add a block.

  3. Search for Custom HTML.

  4. Paste the iframe/widget code.

  5. Click Update/Publish.

Add code to HEAD

Option A (easiest): use a “Header/Footer” plugin (common approach)

  1. Install a plugin like “Insert Headers and Footers” (or similar).

  2. Go to the plugin settings.

  3. Paste Paige’s HEAD script into the Header area.

  4. Save.

Option B (advanced): theme file

  • Appearance → Theme File Editor → header.php
    Paste script before </head> (best for developers).

Wix

Add iframe code (on a page)

  1. Open your site in Wix Editor.

  2. Click Add (+)Embed.

  3. Choose Embed a Widget or Custom EmbedsEmbed HTML.

  4. Paste your iframe/code.

  5. Adjust size/placement → Publish.

Add code to HEAD

  1. Go to SettingsCustom Code.

  2. Click Add Custom Code.

  3. Paste Paige’s script.

  4. Choose Head and select which pages (usually All pages if instructed).

  5. Save → Publish.

Squarespace

Add iframe code

  1. Edit the page.

  2. Click Add Block.

  3. Choose Code.

  4. Paste the iframe/widget code.

  5. Save.

Add code to HEAD

  1. Go to SettingsAdvancedCode Injection.

  2. Paste Paige’s script into Header.

  3. Save.

Shopify

Add iframe code

  1. Go to Online StoreThemesCustomize.

  2. Add a section/block like Custom Liquid (or Custom HTML, depending on theme).

  3. Paste the embed code.

  4. Save.

Add code to HEAD

  1. Online Store → ThemesEdit code.

  2. Open theme.liquid.

  3. Paste Paige’s HEAD script just before </head>.

  4. Save.

Weebly (Square)

Add iframe code

  1. Open your site editor.

  2. Drag in an Embed Code element (sometimes called “Embed”).

  3. Click it → Edit Custom HTML.

  4. Paste the iframe/widget code → Publish.

Add code to HEAD

  • Weebly varies by plan/editor version, but commonly:

    • SettingsSEOHeader Code
      Paste the script there → Save/Publish.

GoDaddy Website Builder

Add iframe code

  1. Edit your site.

  2. Add a section → look for HTML / Embed.

  3. Paste code → publish.

Add code to HEAD

  • Common location:

    • SettingsSite SettingsHead / Tracking Code / Custom Code
      Paste Paige’s script in the head/custom code area → publish.


Webflow

Add iframe code

  1. Open the page in Designer.

  2. Add an Embed element.

  3. Paste the code → Publish.

Add code to HEAD

  1. Project Settings → Custom Code.

  2. Paste script into Head Code.

  3. Save changes → Publish.

Duda

Add iframe code

  1. Edit the site.

  2. Add widget: HTML / Embed element.

  3. Paste code → publish.

Add code to HEAD

  1. Site Settings → Head HTML (or similar).

  2. Paste Paige script → publish.

Joomla

Add iframe code

  1. Go to ContentArticles (or the page builder your site uses).

  2. Switch editor to a mode that allows HTML (often “Code” view).

  3. Paste the iframe code.

  4. Save.

Add code to HEAD

  • Typically done at the template level (developer-friendly):

    • Extensions → Templates → edit the active template’s index.php (or custom head injection area, if available)

    • Paste script before </head>


If you get stuck

If you tell us what platform your website is on (WordPress / Wix / Squarespace / Shopify / etc.), our team can point you to the exact click-path for your setup. Use our live chat and we’ll help you get everything embedded correctly so you can get the best results with Paige. If you'd like to see examples of how the widgets look when installed on your website so you can find some here: https://www.merchynt.com/paige-widgets.

Did this answer your question?