Pricing Card Widget Guide

The Pricing Card widget displays your pricing plans clearly, allowing visitors to easily compare and choose the best option.

1. Start with a Template

• Available Layouts:
  • Three-Column Plan
  • Single Pricing Box
  • Side-by-Side Comparison
• Action: Click the layout you prefer, preview it, and then click Continue to edit.

2. Use the Editing Tabs

• Content: Add plan details and features.
• Style: Customize the card appearance.
• Settings: Adjust widget functionality on the page.

3. Customize the Cards

Content Tab:

• Plan Name: Title each plan (e.g., Basic, Standard, Premium).
• Price: Include cost and payment details.
• Features: List inclusions for each plan.
• Button Text: Use action-oriented text (e.g., "Select", "Start Now").
• Badge: Mark a plan as featured (optional).

Style Tab:

• Card Layout: Choose the number of cards per row.
• Font & Color: Align styles with your design.
• Spacing: Add spacing between and within cards.
• Hover Effect: Apply an animation for cursor movement.
• Borders & Shadow: Modify edges and background depth for a clean look.

Settings Tab:

• Responsive Design: Ensure compatibility with all screen sizes.
• Display Options: Decide when and where to show cards.
• Animation: Include basic motion effects if desired.
• Custom Code: Add extra modifications (optional).

Helpful Tips

• Use the Content tab for plan details.
• Utilize the Style tab for design consistency.
• Adjust settings in the Settings tab for functionality.
• Don't forget to Save your changes when finished!

🛠️ Happy editing!