Pricing Plans via Toggle Module

February 5, 2019

Pricing Plans

Pricing Plans via Divi Toggle Module – Showing off one’s pricing plans on any website will interactively engage users by allowing them to one click highlight a specific pricing plan, and you as the Divi designer and or Divi developer can highlight a particular plan easily.

Based upon this Elegant Themes tutorial »

Starter

 

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

 

$30/mo

 

Buy now

 

Professional

 

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

 

$65/mo

 

Buy now

 

Enterprise

 

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

 

$99/mo

 

Buy now

 

Add this code to the custom css input for a buy button rollover effect:

#flashy-pricing-toggles > div > div > div > p > a:hover{background-color:#fff!important;color:#000!important;border:2px solid #000;}

Get Divi Now

Get the Divi theme for WordPress - the smartest, most flexible theme in the collection. With Divi, the sky’s the limit.

WordPress Divi Theme Ad Graphic - divi_728x90

Get this Divi JSON File

Pin It on Pinterest