Overview

The Zozo Pricing Table widget allows you to create professional pricing plans, ticket packages, membership levels, sponsorship plans, or registration options using Elementor. It features a flexible drag-and-drop layout, customizable pricing information, feature lists, icons, and content arrangement.

This widget is ideal for displaying event ticket pricing, VIP packages, conference passes, membership subscriptions, workshop fees, sponsorship plans, and premium event registrations.

---

Pricing Table Settings

Overview

The Pricing Table section contains all the content options required to build a complete pricing card.

You can customize the layout, pricing information, feature list, and ticket details without writing any code.

---

Pricing Table Items

Control which elements are displayed inside the pricing table using a simple drag-and-drop interface.

You can reorder sections or disable elements that are not required.

Available Elements

Enabled

• Title
• Price Information
• Features List
• Button

Optional Elements

• Image
• Video
• Icon
• Content

Simply drag items between the Enabled and Disabled areas to customize your pricing layout.

---

Price Before Text

Display a short label before the main price.

This is commonly used for membership types or package descriptions.

Examples include:

• Free Member
• Basic Plan
• Early Bird
• Standard Pass
• VIP Access
• Premium Ticket

---

Price

Enter the main price displayed on the pricing card.

Examples include:

• $99
• $199
• €150
• ₹2,999
• Free

The price automatically becomes the primary focus of the pricing table.

---

Price After Text

Display additional information after the main price.

Examples include:

• Per Person
• Per Ticket
• Per Month
• Per Year
• One-Time Payment
• Limited Offer

This helps visitors understand the pricing period or billing method.

---

Pricing Features

Overview

The Price Features List allows you to showcase everything included in the selected package.

Each pricing plan can contain an unlimited number of features.

---

Pricing Feature

Enter the name of each feature included in the package.

Examples include:

• Event Entry
• VIP Seating
• Workshop Access
• Lunch Included
• Networking Session
• Digital Certificate
• Event Materials
• Free Merchandise
• Speaker Q&A Access
• Parking Pass

Each feature is displayed as an individual list item.

---

Feature Icon

Assign an icon to each pricing feature.

Icons help visitors quickly understand the included benefits.

Common examples include:

• Check Mark
• Star
• Ticket
• Calendar
• Gift
• Shield
• User
• Certificate

---

Icon Position

Choose where the feature icon appears.

Available Options

• Before Text
• After Text

This allows the feature list to match your website design.

---

Enable / Disable Feature

Control whether an individual feature is displayed.

Enabled features appear normally, while disabled features can be visually hidden or styled differently depending on your design.

This is useful for comparing different pricing plans by showing which features are available in each package.

---

Pricing Layout

Overview

The Pricing Table widget offers complete flexibility when designing pricing cards.

Using the drag-and-drop layout builder, you can arrange content in the following order:

• Title
• Pricing Information
• Features List
• Action Button
• Image
• Video
• Icon
• Additional Content

This allows you to create unique pricing designs without modifying code.

---

Feature List

Overview

The feature list highlights everything included with a ticket or membership plan.

Each feature can contain:

• Feature Name
• Optional Icon
• Icon Position
• Active or Disabled Status

The list automatically updates whenever features are added, removed, or reordered.

---

Responsive Design

The Pricing Table widget is fully responsive.

Pricing cards automatically adapt for:

• Desktop
• Tablet
• Mobile Devices

Typography, spacing, and feature layouts remain readable across all screen sizes.

---

Notes

• The Pricing Table widget supports fully customizable pricing layouts using drag-and-drop controls.
• Unlimited pricing features can be added through the repeater field.
• Each feature supports its own icon, icon position, and active status.
• Pricing information can include text before and after the main price for greater flexibility.
• The widget is fully responsive and optimized for desktop, tablet, and mobile devices.
• Additional customization options for colors, typography, spacing, borders, buttons, icons, backgrounds, and animations are available under the Style tab in Elementor.