Content #
The DigiShift Pricing Table widget offers an alternative, often more feature-rich approach to displaying pricing plans compared to Pricing Table V1. It includes additional elements like descriptions, customizable feature icons, and a prominent “Featured” label for highlighting recommended plans.
General Settings: #
- Featured: A toggle to mark a specific plan as the featured/recommended option. This typically activates special styling.
- Use Table Icon?: Enable to add an icon at the top of the pricing plan card.
- Set Icon: If enabled, choose an icon for the plan.
Plan Information: #
- Title: The name of the plan (e.g.,
Basic Plan). - Description: A short line of text describing the plan (e.g.,
Lorem ipsum dolor sit amet, consectetur adipiscing elit). - Currency Symbol: The currency symbol (e.g.,
$). - Price: The cost of the plan (e.g.,
49). - Period: The billing period (e.g.,
/ month).
Feature List: #
This widget provides granular control over each feature line item.
- Feature Text: The text of the feature (e.g.,
5 Pages/Screens,Responsive Design). - Use Icon?: Enable to display an icon next to the feature text.
- Icon Type: Choose the icon. Options often include:
- Check (Enabled): A checkmark (✔) for included features.
- Cross (Disabled): A cross (✖) for non-included features.
- Use Elementor Icon: Select any icon from the Elementor icon library.
- Feature Icon: If using a custom icon, select it here.
Button: #
- Button Text: The text for the call-to-action button (e.g.,
Choose Plan). - Link: The URL where the button should link to.
Style Tab #
The Style tab provides extensive styling options for this detailed pricing component.
You can style the following parts:
- Price Table (Container): Style the overall box for each plan.
- Background Color: Set the background for the plan card.
- Border Type, Width, & Color: Add and style a border around the entire card.
- Border Radius: Round the corners of the pricing card.
- Padding: Adjust the internal spacing within the entire card.
- Box Shadow: Apply a shadow effect to the card.
- Content Style: Style the text elements individually.
- Title: Color and Typography for the plan name.
- Description: Color and Typography for the plan description.
- Price: Color and Typography for the price figure.
- Period: Color and Typography for the billing period text.
- Features Styles: Style the list of features.
- Typography: Control the font for the feature text.
- Color: Set the color for the text.
- Space Between: Adjust the vertical gap between each feature line.
- Border Type: Add dividers between features.
- Button Style: Style the call-to-action button.
- Typography: Style the button text.
- Text Color: Set the text color for Normal and Hover states.
- Background Color: Set the background color for Normal and Hover states.
- Border Type, Radius & Color: Style the button’s border.
- Padding: Control the internal spacing of the button.
- Featured Label: A key feature of this widget is styling the label for highlighted plans.
- Typography: Style the text of the label (e.g., “Best Value”).
- Text Color & Background Color: Set the colors for the label.
- Padding: Adjust the spacing inside the label.
- Border Radius: Round the corners of the label.
- Label Outside: A unique option to position the label outside the main pricing card boundary for a striking visual effect.
Common Use Cases #
- Highlighting a Popular Plan: The dedicated “Featured” label and styling options make this widget perfect for clearly promoting a best-value plan.
- Detailed Service Comparisons: The ability to add descriptions and custom icons per feature allows for clear and detailed comparisons between complex service tiers.
- SaaS and Subscription Sites: Ideal for businesses with monthly/annual subscription models that require clear feature breakdowns.
