Every local home services company needs two things prominently displayed on their website: social proof (Google reviews) and answers to common questions (FAQs). For Cheetah Screens, both came from third-party platforms — Google Reviews from a widget service, and FAQs from localmarketingmanager.com. This meta article documents how our team at Local Service Spotlight embedded both cross-origin widgets into a WordPress site, handled the iframe constraints, and used CSS clipping tricks to customize the presentation without touching the source.
Task Summary
Client: Cheetah Screens, Jacksonville FL. Assignment: add Google Reviews and a FAQ section to the homepage and create a dedicated FAQs page. Both widgets were already configured on external platforms by the client’s existing team. Our job was to embed them correctly in WordPress, style the surrounding sections to match the brand, and ensure they displayed properly without interfering with the page’s existing Gutenberg blocks. This was part of the larger Cheetah Screens site migration.
The Google Reviews Widget
Cheetah Screens’ Google Reviews widget was provided as an embed code referencing an external widget service. The widget renders a live carousel of Google reviews — pulling the actual review content, star ratings, and reviewer names directly from the Google Business Profile. On the homepage, the widget showed reviews from Steven, Christine, Brittnay, and Miguel — all 5-star ratings.
One data accuracy issue came up during implementation: the widget initially displayed 4.9 stars / 176 reviews. A quick check against Cheetah Screens’ actual Google Knowledge Panel showed the real numbers were 5.0 stars / 12 reviews. We updated the trust bar on the homepage to reflect the accurate figures. Always verify third-party widget data against the actual Google Business Profile — widgets can cache stale data or pull incorrect averages.
Section Wrapper for the Reviews
Rather than dropping the embed code directly into the page, we wrapped it in a styled section block:
- Header: “WHAT OUR CLIENTS ARE SAYING” (Barlow Condensed, dark green, all caps)
- Subtitle: “Real homes. Real results. Straight from the people who live in them.”
- Background:
#f7f4ef(light warm tone, visually separates the section from surrounding content) - Padding: 80px top/bottom
The FAQ Widget: localmarketingmanager.com Iframe
The FAQ content was hosted on localmarketingmanager.com as an interactive accordion widget, accessed via an iframe embed code. This is a cross-origin embed — the iframe content lives on a different domain, which means we have no JavaScript access to its internals and cannot modify its HTML, CSS, or behavior from the WordPress side.
This constraint ruled out several approaches: we couldn’t change the iframe’s internal styling, couldn’t programmatically collapse or expand specific items, and couldn’t remove the widget’s built-in heading (“FAQs”) since it’s inside the cross-origin document.
CSS Clipping to Hide the Redundant Heading
The FAQ widget renders with its own “FAQs” heading at the top of the iframe. Since we already had a “FREQUENTLY ASKED QUESTIONS” heading in the section wrapper above the iframe, showing two headings looked redundant and unprofessional. The fix used CSS clipping on the iframe container:
.cs-faq-wrapper {
overflow: hidden;
clip-path: inset(48px 0 0 0); /* clips the top 48px where the heading lives */
margin-top: -48px; /* compensates visually so the accordion starts at the right position */
}This technique — clip the container from the top, compensate with negative margin — is applicable to any cross-origin iframe where you need to hide content in a specific region without JavaScript access to the source document.
First FAQ Item Always Expanded
One limitation worth noting: the localmarketingmanager.com FAQ widget opens its first item expanded by default. This is the widget’s built-in behavior — set on the source platform, not configurable from our end. We accepted this as a known limitation and documented it for the client rather than building a workaround that might break in a future widget update.
Dedicated FAQs Page
In addition to the homepage embed, we created a standalone /faqs/ page on the Cheetah Screens site. This page uses the full-width FAQ iframe at a taller height (540px vs. the homepage’s 3-column constraint) and includes a dark green hero banner with the page title and a gold “GET YOUR FREE ESTIMATE” CTA at the bottom. The homepage’s FAQ column links to this page via a “View All FAQs →” anchor link — creating exactly the kind of leaf-to-branch internal link structure described in the BlitzMetrics internal linking framework.
Block Structure and Preservation Rule
A critical operational lesson: after the reviews and FAQ sections were added to the homepage, a subsequent save that didn’t re-fetch the current post content overwrote both sections. Recovery required going back to the Basecamp thread where the embed codes were originally shared and re-implementing both sections from scratch.
From that point forward, both sections were marked as untouchable. Any homepage save must account for all four content blocks (main HTML, reviews header, FAQ container, FAQ iframe) — not just the main block. This lesson now applies across all Local Service Spotlight WordPress builds.
Critical Decisions
Verify review count against the actual Google Business Profile. Widget-displayed star counts and review numbers can be stale or sourced from an aggregator rather than Google directly. The difference between 4.9/176 (wrong) and 5.0/12 (correct) is the difference between accurate social proof and misleading information.
Use CSS clipping to hide the duplicate heading. Requesting a platform configuration change from localmarketingmanager.com introduces delay and dependency. CSS clipping is instant, requires no external coordination, and is a clean solution for this class of problem.
Create a dedicated FAQs page. The full FAQ widget deserves its own URL for SEO (FAQ pages can rank for specific questions in Google’s People Also Ask) and for direct linking from other pages. The homepage embed is the teaser; the dedicated page is the destination.
Effort and Cost Comparison
| Task | Agent Time | Human Time | Agent Cost | Human Cost ($35/hr) |
|---|---|---|---|---|
| Reviews section wrapper build | ~10 min | 1–2 hrs | $0.12 | $35–$70 |
| FAQ section wrapper + clip trick | ~15 min | 2–3 hrs | $0.18 | $70–$105 |
| Review count verification | ~5 min | 15–30 min | $0.05 | $9–$17 |
| Dedicated FAQs page build | ~15 min | 1–2 hrs | $0.18 | $35–$70 |
| Block recovery after overwrite | ~20 min | 2–3 hrs | $0.25 | $70–$105 |
| QA across homepage + FAQs page | ~10 min | 1 hr | $0.12 | $35 |
| TOTAL | ~75 min | 7–11 hrs | $0.90 | $254–$402 |
What the Agent Could and Could Not Do
Handled autonomously: Section wrapper HTML and CSS, iframe embedding, CSS clip trick implementation, Google Knowledge Panel verification, dedicated FAQs page creation, block structure management.
Required human input: Widget embed codes (provided by the client’s team via Basecamp), localmarketingmanager.com platform access (cross-origin, not accessible by agent), Google Business Profile verification (requires logged-in Google account), final publish approval.
Related Meta Articles From This Project
- How We Migrated Cheetah Screens from Squarespace to WordPress (parent article)
- How We Built a Custom WordPress Plugin for Global CSS Without a Page Builder
- How We Set Up RankMath Pro for a Local Service Business on WP Engine
- How We Built Geo-Targeted Location Pages for a Florida Contractor
Guidelines Compliance Scorecard
This meta article was produced and audited against the BlitzMetrics Blog Posting Guidelines — the definitive standard for hook quality, entity linking, internal links, and CTA placement across all Content Factory publications.
| BlitzMetrics Guideline | Status | Notes |
|---|---|---|
| Hook with specific situation | PASS | |
| Answer in first paragraph | PASS | |
| Third person POV | PASS | |
| Short paragraphs, active voice | PASS | |
| No AI fluff | PASS | |
| Title under 60 chars | PASS | |
| H2/H3 structure | PASS | |
| Internal + entity links | PASS | Cheetah Screens, Local Service Spotlight, localmarketingmanager.com, sibling articles all linked |
| Featured image | NEEDS HUMAN | Screenshot of the live reviews section on Cheetah Screens homepage |
| RankMath SEO | NEEDS HUMAN | Focus keyword: embed Google reviews FAQ widget WordPress home services |
| Categories and tags | NEEDS HUMAN | WordPress, SEO, Home Services, Content Factory, Local Service Spotlight |
| Evergreen content | PASS | |
| CTA at end | PASS |
Want social proof and FAQs built into your home services client’s WordPress site the right way? Local Service Spotlight handles reviews integration, dedicated FAQ pages, and full homepage builds as part of every website migration. Read Dennis Yu‘s meta article framework for the full system behind how we document and improve every project we run.
Dennis Yu
Dennis Yu is the CEO of Local Service Spotlight, a platform that amplifies the reputations of contractors and local service businesses using the Content Factory process. He is a former search engine engineer who has spent a billion dollars on Google and Facebook ads for Nike, Quiznos, Ashley Furniture, Red Bull, State Farm, and other brands.
Dennis has achieved 25% of his goal of creating a million digital marketing jobs by partnering with universities, professional organizations, and agencies. Through Local Service Spotlight, he teaches the Dollar a Day strategy and Content Factory training to help local service businesses enhance their existing local reputation and make the phone ring.
Dennis coaches young adult agency owners serving plumbers, AC technicians, landscapers, roofers, electricians, and believes there should be a standard in measuring local marketing efforts, much like doctors and plumbers must be certified.