💸 New Prices Widget - Showcase Your Products with Flexibility

Whether you're creating a pricing page or highlighting a special offer, this widget gives you full control over what you show and how it looks.

✨ 1. Key Benefits at a Glance

• Customise the design to match your website
• Group and order your services the way you want
• Create multiple widgets for different use cases (e.g. student offers, bundles)

🧑‍💻 2. How to Set Up Your Prices Widget (Step-by-Step)

1. Go to Settings > Widgets [NEW]
   In your Eversports Manager.
2. Click Create new widget
   Start the setup process for a new widget.
3. Select the Prices category
   This ensures your widget is focused on product display.
4. Name your widget
   Choose a name that reflects its focus and helps you identify its purpose (for example “Yoga student offers").
   This name is only visible internally and helps you identify your widget later.

🏢 3. Choose Your Invoicing Venue

If your business has multiple venues, select which one should handle the check-out.

🧾 Every transaction made via the Prices widget will be invoiced to the selected venue.

🧩 4. Select and Order Service Groups

Select the service groups you have created in the products section of the manager and decide which ones to display, and in what order. 

• Enable or disable service groups from your Manager
• Drag and drop to reorder them
• Each group name will be shown as a heading in the widget

🎨 5. Customise the Widget Design

Use the following settings to match the widget to your website:

• Text (1) – Colour of service group headings
• Background (2) – Overall widget background
• Primary (3) – Button colours (e.g. purchase button)
• Card Text (4) – Font colour inside service cards
• Card Background (5) – Background colour of the service cards

⚙️ 6. Additional appearance options

Show link to passes & memberships
Add a quick link at the top of your widget so customers can easily access their passes and membership.

🔍 7. Preview and Save

Once you're happy with your setup:

• Click Save widget
• Use the Preview link to check how the widget will appear on your website

You can always come back to edit it later from the Widget Overview page.

🌐 Integration Hint

You can either embed this widget directly into your website or share it as a link.

Need help embedding or sharing?
👉 How to integrate the new widgets

💡 Tip: Use Multiple Widgets for Specific Offers

Create different widgets for:

• Student pricing
• Corporate bundles
• Event-specific passes
• Seasonal or promotional offers

Each widget can have its own filters, design, and placement - giving you complete flexibility.