Pricing Divi 5 Layouts
A pricing section is where a visitor stops browsing and starts deciding, so the layout has to do real work: make plans comparable at a glance, make the recommended tier obvious, and get out of the way. Every pricing layout in this collection is validated against Divi 5's structure before publication and shown with real desktop and mobile renders, so what you preview is what actually imports.
Organic Farm Share Pricing Table for Divi 5: Three-Box Comparison
pricing · restaurant · minimal
Bold Gym Chain Pricing Table for Divi 5: Three Access Levels
pricing · fitness · bold
Dark Webinar Platform Pricing Table for Divi 5: Three-Plan Comparison
pricing · events · dark
Soft HR Software Pricing Table for Divi 5: Three-Plan Comparison
pricing · saas · minimal
Luxe Wealth Advisory Pricing Table for Divi 5: Three Service Levels
pricing · agency · elegant
Brutalist Design Tool Pricing Table for Divi 5: Three-Plan Comparison
pricing · agency · bold
Corporate Real Estate CRM Pricing Table for Divi 5: Three-Plan Comparison
pricing · real_estate · corporate
Tech Mono Cloud Server Pricing Table for Divi 5: Three-Plan Comparison
pricing · saas · dark
Editorial Online Course Pricing Table for Divi 5: Three-Plan Comparison
pricing · coaching · minimal
Organic Community Garden Pricing Section for Divi 5: Two-Plan Highlight
pricing · nonprofit · minimal
Playful Dog Daycare Pricing Section for Divi 5: Two-Plan Highlight
pricing · fitness · playful
Bold Esports Coaching Pricing Section for Divi 5: Two-Plan Highlight
pricing · coaching · bold
Soft Podcast Hosting Pricing Section for Divi 5: Two-Plan Highlight
pricing · saas · minimal
Corporate Bookkeeping Pricing Section for Divi 5: Two-Plan Highlight
pricing · agency · corporate
Editorial Nonprofit Membership Pricing Section for Divi 5: Two-Plan Highlight
pricing · nonprofit · minimal
Brutalist Bike Repair Pricing Section for Divi 5: Two-Plan Highlight
pricing · ecommerce · bold
Tech Mono Hosting Pricing Section for Divi 5: Two-Plan Highlight
pricing · saas · dark
Luxe Bridal Boutique Pricing Section for Divi 5: Two-Plan Highlight
pricing · ecommerce · elegant
Bold Festival Ticket Pricing Section for Divi 5: Three-Tier Ticket Types
pricing · events · bold
Organic Meal Box Pricing Section for Divi 5: Three-Tier Weekly Boxes
pricing · restaurant · minimal
Brutalist Print Shop Pricing Section for Divi 5: Three-Tier Print Runs
pricing · ecommerce · bold
Tech Mono API Pricing Section for Divi 5: Three-Tier Usage-Based Plans
pricing · saas · dark
Luxe Private Chef Pricing Section for Divi 5: Three-Tier Dining Experiences
pricing · restaurant · elegant
Corporate Property Management Pricing Section for Divi 5: Three-Tier Fees
pricing · real_estate · corporate
What makes a good pricing layout
A strong pricing section is an exercise in restraint. The visitor arrives with one question (what does this cost and which option is mine?) and the design should answer it in a few seconds. That means a clear tier structure (two to four columns is the sweet spot), one visually elevated "recommended" plan, feature lists that scan as differences rather than duplicated bullets, and a single unambiguous button per tier. Good pricing layouts also handle honesty details well: billing-period toggles, small print about renewals, and enough breathing room that numbers don't feel crowded. Watch the mobile render especially: columns that compare beautifully side by side on desktop must stack in a deliberate order on a phone, with the featured plan surfacing first. That's why every layout here ships with both desktop and mobile screenshots taken from a real render, not a mockup.
Who uses pricing sections
SaaS founders and membership sites lean on tiered tables. Agencies and freelancers use simpler two-column "project vs. retainer" framings. Gyms, coaches, and course creators tend toward a single highlighted offer with an anchor price beside it. If you build client sites, a validated pricing section is one of the highest-leverage things to keep in your library. It's the page clients scrutinize most and the one you least want to rebuild from scratch every project.
Customizing a pricing layout in Divi 5
Once imported, treat the layout as a system rather than a canvas. Start with presets: the tier cards, buttons, and feature lists in these layouts share element presets, so restyling one card border or button shape cascades across every plan. You're never nudging three columns into agreement by hand. Next, map the section to your global color palette: swap the accent used on the featured tier and the button fills, and the whole section adopts your brand without touching individual modules. Finally, rewrite the copy with intent: plan names your customers would actually say out loud, feature bullets phrased as outcomes, and button labels that state the action ("Start free trial" beats "Sign up"). Prices themselves deserve a hierarchy check: the number should be the loudest element in each card.
Every pricing section here is a free download: enter your email and it's yours, with a commercial license that covers client work. Import it, wire up your presets and palette, and you're testing real pricing pages instead of building tables from zero.