Layouts for Divi vs Divi Gravity Forms (WP Tools)

Stop starting from scratch. Layouts for Divi gives you an ever-growing library of pixel-perfect, professionally designed page layouts built exclusively for the Divi Builder. Browse by industry, preview live, and import with a single click — your next website is minutes away. Whether you’re building a client site on a deadline or launching your own brand, Layouts for Divi removes the hard part. Every template ships with on-brand typography, polished imagery, and smart structure so you spend your time on what matters: your content and your customers. See Live Demos → Who Is This For? Layouts for Divi is the perfect companion for everyone who builds with Divi: Freelancers & Agencies — deliver client projects faster without sacrificing quality. Business Owners — get a stunning site live without hiring a designer. Bloggers & Creators — make a first impression that keeps visitors coming back. Developers — use battle-tested layouts as a solid starting point for custom builds. 30+ Ready-Made Layouts Across Every Industry Pick your niche, preview instantly, and import in one click: Home Maintenance Web App Crezy Yoga Education Go Hub The Pizzerio Web Agency Analytics Landing Page Development Agency Education E-learning Marketing Landing Page Portfolio Restaurant Super Service Mockup Vertigo Web Development Fredo SaaS Landing Page Travel Guide Blatropt SaaS Landing Page Resto Nectar Cafe Business Corporate Barberica Salon Coffee Shop Cleaning Services Event Jungle Photographer Bire Real Estate Wedding Gym Spa Mobile App Landing Page More added regularly! Everything You Need, Nothing You Don’t One-Click Import — No uploading, no copying, no confusion. Browse, click Import, and you’re done. Import to Divi Library or Create a New Page — Bring a layout into your Divi Template Library for reuse, or instantly spin up a brand-new page pre-loaded with your chosen design. Industry Filter — Sort layouts by category so you go straight to what fits your project: Education, Restaurant, SaaS, Real Estate, Fitness, and more. Fully Responsive — Every layout looks flawless on phones, tablets, and desktops right out of the box. Cross-Browser Ready — Tested on Chrome, Firefox, Safari, Edge, and Opera. Your visitors see perfection regardless of their browser. SEO-Friendly Markup — Clean, semantic HTML that search engines love — give your site the ranking head start it deserves. Lightweight & Fast — Zero bloat. The plugin adds no overhead to your front end; it only loads what’s needed in the admin. No Coding Required — Seriously. If you can click a mouse, you can build with Layouts for Divi. Free Forever — Every layout in the library is 100% free for personal and commercial projects. What Makes Layouts for Divi Stand Out? 100% free — no hidden fees, no paywalls on core layouts. Category-based filtering to find your perfect match instantly. Live full-page preview before you commit to any import. Regular new layouts added — your library keeps growing. Built by a team that responds to support requests quickly. Get Help Fast We’re active and responsive. If you run into anything, head to our Support Forum on WordPress.org or contact us directly. Note: Layouts for Divi is an add-on for the Divi Page Builder and requires Divi to be installed and active. Love Layouts for Divi? It takes 30 seconds and means the world to us — leave a ★★★★★ review on WordPress.org.

Embed gravity forms in Divi visual builder. Add styles for gravity forms border, background, title, description, inputs, labels, placeholder, errors, submit button & more. Premium version has 7-day FREE trial. No upfront payments needed. It has dependencies on the following, Divi Theme – Affiliate link Gravity Form – Affiliate link With the FREE plugin you can, * Add a gravityform on a divi page using the visual builder. * Configure the gravityform shortcode params Gravityform Shortcode Parameters Show Title – Toggle to display the form title. Defaults is on Show Description – Toggle to display the form description. Defaults is on Ajax – Toggle to use AJAX to submit the form. Defaults is off Tab Index – Specify the starting tab index for the fields of this form Field Values – Specify the default field values. Example: field_values=’check=First Choice,Second Choice’. See also https://docs.gravityforms.com/using-dynamic-population/ for detailed information on dynamic population. Premium Plugin Premium plugin is available at https://wptools.app/wordpress-plugin/gravity-forms-divi-module/ We offer a 7-day FREE trial on the premium plugin. Style Form Background, Spacing & Border Set color, gradient, image or video backgrounds. Add border, margin & padding to form wrapper. Style Gravity Form Title Style the title typography and spacing using the divi module Style Gravity Form Description To render gravityform description, toggle the Show Description to on in Gravityform Shortcode Parameters. Style the description typography and spacing using the divi module Style Gravity Form Section Break Field Section break field adds a content separator to your gravity form – https://docs.gravityforms.com/section-break/ Style the content’s title, description, spacing and border color using the divi module. Style Input Fields, Input Wrapper & Input Placeholder Input fields are text, textarea, checkbox and radio fields. Input Wrapper wraps an input field. Manage input wrappers margin and padding. Add background, border and rounded corners for text, textarea and dropdown fields. Manage typography for input fields in the Input General section. Manage checkbox and radio typography settings in Checkbox/Radio section. Manage margin and padding for text fields. Manage typography for input placeholder text. Style Label, Sub-Label & Input Field Description Style gravityform’s label, sub-label and description for the inputs. Set typography and spacing for them. Style Field Wrapper A field wrapper wraps the input field, label, sub-label and description. Manage the field wrappers padding and margin in divi. Style Form & Field Validation Errors Form Validation Error is a general validation error text for the whole form. Manage typography, border color, margin and padding. Field Validation Error shows the validation per field. Manage typography, border color, background color, margin & padding. Style Forms Submission Confirmation Message Form submission displays a message. Style typography & background of the confirmation message. Style Gravityform Button Set button alignment, typography, border, rounded corner and background color with hover styles. Style Consent Field & Description A gravityform consent field is a checkbox accompanied by description. It’s a compulsory field. Style the checkbox’s and description’s typography, margin & padding Style Gravityform Footer Footer wraps the form buttons. Manage margin and padding for this element. Style Progress Bar A multi-step gravityform has a progressbar at the top. Style the progressbar title’s typography, progressbar’s background and font color. Custom CSS Setting A fine-grained control over writing custom css for large number of form elements