# How To Get The Most From Paige's Website Widgets

Canonical: https://support.merchynt.com/kb/article/how-to-get-the-most-from-paiges-website-widgets-ic-13612404

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.

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

![](/api/storage/public-objects/intercom/6dd3bfa63d5648f3a2a08e299f76a595.png)

## 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

![](/api/storage/public-objects/intercom/b33891c4f62594a15f6ff1159de5b113.png)

## 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

![](/api/storage/public-objects/intercom/583b377b5e89a84a3f5956baa1bb0c86.png)

## 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

![](/api/storage/public-objects/intercom/2af44bbe2d95406bda5baadc9393af19.png)

## 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

![](/api/storage/public-objects/intercom/98b7f7461960fbebcee666ab146d63df.png)

## 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](https://www.forbes.com/sites/small-business/article/small-business-website-platforms/?utm_source=chatgpt.com))

## 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](https://www.forbes.com/sites/small-business/article/small-business-website-platforms/?utm_source=chatgpt.com))

## 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 Embeds** → **Embed HTML**.
4. Paste your iframe/code.
5. Adjust size/placement → **Publish**.

## Add code to HEAD

1. Go to **Settings** → **Custom 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 **Settings** → **Advanced** → **Code Injection**.
2. Paste Paige’s script into **Header**.
3. Save.

## Shopify

## Add iframe code

1. Go to **Online Store** → **Themes** → **Customize**.
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 → **Themes** → **Edit 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:
    - **Settings** → **SEO** → **Header 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:
    - **Settings** → **Site Settings** → **Head / 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 **Content** → **Articles** (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.