Elementor Hosting Pricing
A custom Elementor widget for displaying hosting pricing plans with monthly/annual toggling functionality.
by Jonas D · github.com/jonasduerto/elementor-hosting-pricing
★ 2stars
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/jonasduerto/elementor-hosting-pricing/archive/refs/heads/main.zipFrom the readme
elementor-hosting-pricing
A custom Elementor widget for displaying hosting pricing plans with monthly/annual toggling functionality.
YOLO Unlock 🎖️ Direct push to protected branch
Features
- Per-instance JS initialization (works with multiple widgets on the same page)
- Monthly/Annual billing toggle with keyboard and ARIA support
- Auto-calculated “Billed as … per year” and “Save …/year” when Annual is active
- Elementor controls for plan name, subtitle, prices, CTA, and featured badge
- Translation-ready (languages/elementor-hosting-pricing.pot)
- Lightweight, no external build step required
Requirements
- WordPress 5.8+
- PHP 7.4+
- Elementor 3.0.0+
- jQuery (bundled with WordPress)
Installation
1. Download the latest release ZIP from GitHub Releases.
2. In WordPress Admin → Plugins → Add New → Upload Plugin → choose the ZIP → Install → Activate.
3. Ensure Elementor is installed and active.
Usage (Elementor)
1. Open a page in Elementor.
2. Search for “Hosting Pricing” widget and drag it into your layout.
3. Add one or more plans under “Pricing Plans”.
4. For each plan:
- Plan Name: e.g., Basic, Pro, Business
- Subtitle: short description (limited HTML allowed)
- Mo