Create and Edit Pricing Table in Divi Theme

Date of Post
Saturday, Nov 27
Written by:
Chan Teck Seng

Pricing Table is usually use present pricing and compare plans. You can also create a featured Table to show the best plans across all plans.

Insert Pricing Table Module

Click the Gray + Button > Type “pricing” > Click Pricing Tables Module

Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 1 |

Add New Table

Click “Add New Pricing Table + Button”Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 2 |

Click “Green Tick Button”

Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 3 |

Click again the “Green Check Button”

Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 4 |

Click “Save”

Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 5 |

Editing Pricing Table

Mouse over > Click “Gear icon”

Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 6 |

Click “Gear icon”

Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 7 |

 Change “Title” > Change “Subtitle” > Change “Frequency” > Change “Price”

Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 8 |

Put “+” if its included, “-” if its not

Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 9 |

Create Button on Pricing Table

Click “Button” > Change “Button Name”

Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 10 |

Click “Link” > Place your “Contact Us page link”

Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 11 |

Create a Featured Table

Click “Design” > Click “Layout” > Toggle to “Yes”

Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 12 |

Click “Design” > Click “Title Text” > Click “Change Color dropper icon in Featured Header background” > Click “Change Color dropper icon in Table Header background”

Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 13 |

Click “Green Tick Button” 

Web Design Singapore | Singapore Website Design - Create and Edit Pricing Table in Divi Theme 14 |
Tags:

Related Article

Create and Edit Slider in Divi Theme

Create and Edit Slider in Divi Theme

Slider can be use for many purposes, for example- Testimonials. Adding slider module Click “Gray + Button” > Type “slider” on search field > Click “Slider” Module Click “Green Tick Box” Edit...

read more
Create and Edit Blurb in Divi Theme

Create and Edit Blurb in Divi Theme

Blurb is commonly use to present features or highlights. Blurb Contain a image, Title Text and Body Text Adding/Insert Module (Blurb) Search for BlurbSelect Blurb Update Blurb ContentRemove Blurb...

read more
Create and Edit Text in Divi Theme

Create and Edit Text in Divi Theme

Insert Text Module Search for TextClick on Text Type Content Change to Heading 2 Click on Green Tick to save Edit Text ModuleClick on “Gear Icon”Hover on the text > Click “Blue Brush icon”Change...

read more

Pin It on Pinterest

Share This