Widgets (NEW)

💸 New Prices Widget – Showcase Your Products with Flexibility

The Prices Widget lets you present your memberships, passes, and other services in a way that fits your brand and customer flow.

Screenshot 2025-03-21 at 12-24-27-png

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.

✨ Key Benefits at a Glance

  • Customize 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)

🧑‍💻 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”
    To start setting up a new widget.
  3. Select the “Prices” category
    This ensures your widget is focused on product display.
  4. Name your widget
    This is only visible internally — choose a name that helps you identify its purpose (e.g. “Yoga student offers”).

🏢 5. Choose Your Invoicing Venue

If your business has multiple venues, select which one should handle the checkout.

🧾 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.

Screenshot 2024-09-20 at 13.36.58

🧩 6. Select and Order Service Groups

Choose which service groups - that you created in the products section of the manager - you want 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 widgetPrices_widget_gif_2-gif

💡 Want a widget just for student passes? Simply enable only that group and embed the widget on the relevant page.

🎨 7. Customize the Widget Design

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

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

Prices - Color coding Desktop-png

🔍 8. Preview and Save

Once you're happy with your setup:

  • Click “Save widget”
  • Use the Preview link to see how it will look on your website

Screenshot 2025-03-21 at 12-06-47-png

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, styling, and placement — giving you full flexibility.