Перейти к содержимому

How to Create a Pricing Table in Elementor (3 Columns + Tooltips) | Master Addons

Master Addons

0:00 / 0:00

How to Create a Pricing Table in Elementor (3 Columns + Tooltips) | Master Addons

47 просмотров · 2 нед. назад
Master Addons
183 подписчика
47 просмотров · 2 нед. назад
Learn how to create a pricing table in Elementor with the Master Addons Pricing Table widget. I build a real three-column pricing section from one card — Starter, Professional and Business — with a sale price, hover tooltips on every feature, a Most Popular ribbon, and the whole thing styled to match a brand. In this tutorial, you'll learn: → Add the Pricing Table widget and pick one of five ready-made layouts → Set the plan title, subtitle, heading tag, currency, price and period → Turn on Sale to show a struck-through old price next to the new one → Build the feature list and give every line its own icon and tooltip → Set the button text, link and the small note underneath it → Style the header gradient, the price, the feature list and the button hover state → Duplicate the card into three columns and badge the plan you want people to pick → Check it on mobile and see the finished section live ⏱️ Timestamps: 0:00 Intro 0:35 Add the Pricing Table widget 1:02 Pick a layout 1:33 Plan title and header 1:56 Price, period and sale price 2:25 Build the feature list 2:54 Feature icons and tooltips 4:17 Button and footer note 4:39 Style: header 5:21 Style: button and hover 6:13 Style: price 6:48 Style: feature list 7:22 Duplicate into three columns 8:05 The middle plan 9:12 Most Popular ribbon 9:53 The third plan 10:43 Mobile and live preview 🔗 Links: Pricing Table widget: https://master-addons.com/element/pri... Written guide: https://master-addons.com/elementor-p... Download Master Addons: https://wordpress.org/plugins/master-... All widgets and extensions: https://master-addons.com/widgets-and... Master Addons Pro: https://master-addons.com/pricing/ 📌 About Master Addons: Master Addons for Elementor is an addon plugin with 80+ widgets and extensions, a Theme Builder, Popup Builder, Mega Menu, Template Kits, and more. It runs on 30,000+ WordPress sites and works with any theme. 🔔 Subscribe for more Elementor tutorials. This Elementor pricing table tutorial covers the Master Addons Pricing Table widget for WordPress: five layout presets, gradient header backgrounds, currency and period settings, a sale price, a repeater feature list with per-row icons and hover tooltips, a call-to-action button with its own hover styling, a Most Popular ribbon, and a three-column section that stacks on mobile. Use it for SaaS plans, agency packages, membership tiers, or any page where one plan has to look like the obvious choice. #elementor #wordpress #masteraddons