Divi 5‘s trendy design equipment make it simple to construct blank, conversion-focused pricing layouts. On this unfastened pack, you’ll to find 11 Pricing Menus — each and every to be had in a Styled model for a refined glance out of the field and an Unstyled model that inherits your website’s world colours and fonts. Drop them into any web page and change the reproduction.

Preview

Let’s check out all 11 Pricing Menus on this pack. The obtain is additional down the put up.

Subscribe To Our Youtube Channel

Obtain 11 Pricing Menus For Divi 5

Get all 11 pricing menus at no cost. Import them into your Divi Library and upload them to any web page.

Download the Files

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !essential; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:earlier than { border-top-color: #ffffff !essential; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:earlier than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:earlier than { border-top-color: clear !essential; border-left-color: #ffffff !essential; }
@media best display and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:earlier than { border-top-color: #ffffff !essential; border-left-color: clear !essential; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !essential; border-left-color: clear !essential; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { shade: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:earlier than { background: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !essential } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 sturdy { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; }.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p sturdy, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape enter, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !essential;}

See also  26 Best WordPress Marketing Plugins for 2023

Obtain For Unfastened

Sign up for the Divi E-newsletter and we will be able to e mail you a duplicate of without equal Divi Touchdown Web page Format Pack, plus heaps of different superb and unfastened Divi assets, pointers and methods. Apply alongside and you’ll be a Divi grasp very quickly. If you’re already subscribed merely kind for your e mail cope with beneath and click on obtain to get right of entry to the structure pack.

DOWNLOAD

You will have effectively subscribed. Please test your e mail cope with to substantiate your subscription and get get right of entry to to unfastened weekly Divi structure packs!

What’s Incorporated (24 Exports)

When you obtain and unzip the folder, you’ll to find each Styled and Unstyled exports, each and every to be had as particular person sections and as all-in-one packs.

Styled – Particular person Sections (11) → Able-made designs.
Styled – All Pricing Menus (1) → Complete pack of all styled designs.
Unstyled – Particular person Sections (11) → Inherits your World Types.
Unstyled – All Pricing Menus (1) → Complete pack of all unstyled designs.

How To Use The Pricing Menus

Stay your obtain folder shut through to begin uploading them for your Divi website online.

1. Import Sections Into The Divi Library

First, we’ll import the layouts for your Divi website. Cross to Divi → Divi Library. Click on the Import & Export button on the height of your display.

When the Import & Export Layouts modal seems, make a selection the Import tab and click on Select Report to find the JSON recordsdata to your pc.

Select both Styled – Pricing Menus (All) or Unstyled – Pricing Menus (All) and click on it to import.

As soon as the report is loaded, click on Import Divi Builder Layouts to put in them.

As soon as imported, all 11 Pricing Menu layouts will seem within the Divi Library.

2. Upload A Pricing Menu To A Web page

Navigate to Pages → All Pages. Open a web page within the Visible Builder (or create a brand new one).

Click on the black “+” within the Visible Builder. When the Insert Phase modal seems, click on the Upload From Library tab.

Pick out the Pricing Menu you wish to have so as to add.

Click on Use This Phase to load it.

In spite of everything, save the web page through clicking the Post button on the height proper of the Visible Builder.

Customizing The Pricing Menus

Each and every structure ships with blank construction, spacing, and typography. You’ll tweak the rest on the Phase, Row, Column, or Module stage to check your logo.

1. Regulate Format With Flexbox

Divi 5’s Flexbox structure machine assists in keeping pricing menus aligned and responsive.

Open the Row settings and cross to the Design tab → Format.

Regulate the Horizontal Hole and Vertical Hole, alternate the Format Route, and modify the Justify Content material and Align Pieces fields to fit your personal tastes.

2. Edit Pricing Content material

Use Nested Rows so as to add new menu pieces and upload Heading and Textual content Modules for descriptions and pricing. You’ll additionally replica present menu pieces and easily alternate the textual content. Use Divi AI to generate new descriptions if you want slightly ingenious nudge.

3. Taste It Your Means

In Styled layouts, colours and accents are set for you. Then again, you’ll tweak Backgrounds, Borders, Spacing, Field Shadows, and Typography to check your logo. Use Divi 5’s Inspector instrument to make fast adjustments.

In Unstyled layouts, parts inherit your World Types. Replace site-wide colours and fonts by way of Global Design Variables to switch each and every module within the pricing menu concurrently.

Get started Development In Divi 5 Nowadays

Those 11 pricing menus supply a quick and versatile start line for plans and applications in Divi 5. Obtain them, drop them into any web page, and tailor the titles, costs, descriptions, and CTAs for your menus. Flexbox and responsive controls stay the whole lot aligned, permitting you to concentrate on design.

The put up 11 Flexbox Pricing Menus For Divi 5 (Free Download) gave the impression first on Elegant Themes Blog.

read more