SEO-Strict Elementor Widget Library (15 Widgets)
A custom Elementor widget library for a hospitality SaaS: 15 widgets with strict semantic HTML, correct heading structure and schema-ready markup.
- PHP
- Elementor
- WordPress
- SEO
- JavaScript
The problem
A SaaS company in the hospitality space runs its entire marketing site on Elementor.
Great for the marketing team, terrible for SEO: default page-builder widgets wrap
everything in <div> soup, headings end up wherever the designer clicked, and every
theme update threatened hand-patched markup.
The fix: a standalone plugin with 15 custom Elementor widgets where correct HTML is not a guideline — it’s enforced by the widget itself. Marketing keeps drag-and-drop; Google gets clean semantics.
What’s in the library
- Content blocks — feature tabs, text+image sections, ecosystem columns and trust stats blocks, each with locked heading-tag hierarchy (you choose H2/H3, the widget guarantees valid structure).
- FAQ & pricing accordions — proper markup ready for FAQ rich results, plus a pricing block that renders real, crawlable text instead of builder markup.
- Archive & single-post loops — a complete single-post renderer and archive loop
widget, so even blog listings built in Elementor output semantic
<article>markup. - An interactive upsell revenue calculator — a lead-magnet widget where prospects estimate extra revenue; pure JS, no external services.
- Video and brand galleries, navigation menu, compliance content loops — every place where the old theme forced non-semantic markup got a strict replacement.
Why a plugin and not the theme
Widgets live in their own plugin, completely decoupled from the theme. The theme can be updated, swapped or rebuilt — the widget library (and the SEO structure of dozens of landing pages built with it) survives untouched. That single decision is in the plugin’s description line: “Safe from theme updates.”