The Prices Widget lets you present your memberships, passes, and other services in a way that fits your brand and customer flow.
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)
- Go to Settings > Widgets [NEW]
In your Eversports Manager. - Click “Create new widget”
Start the setup process for a new widget. - Select the “Prices” category
This ensures your widget is focused on product display. - 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.
Important: Only services assigned to that venue will appear in the widget.
🧩 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
💡 Want to create a widget just for student passes only? Just enable that group and embed it on the relevant page.
🎨 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. 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.