Developer Documentation

Install the PTFinder widget on your site with one line of code.

PTFinder combines a front-end intake widget with a back-end admin dashboard.
The widget lives on your website; the dashboard is where you manage trainers, leads, and analytics.

Installation

Add these two lines to your website's HTML <head> section or before the closing </body> tag:

        <link rel="stylesheet" href="https://ptfinder.mudiwell.com/static/widget.css">

<script src="https://ptfinder.mudiwell.com/static/widget.js"></script>

Embed the Widget Button

Add a button anywhere on your website where you want visitors to access the trainer matching flow:

        <button 

  data-ptfinder-widget

  data-tenant="YOUR_TENANT_ID"

  data-brand="Your Gym Name"

  data-primary="#111111"

  data-api-url="https://ptfinder.mudiwell.com">

  Find Your Trainer

</button>

Configuration Options

Customize the widget behavior using these data attributes:

data-ptfinder-widget (required): Activates the widget on this element
data-tenant (required): Your unique tenant ID provided during onboarding
data-api-url (required for external sites): Full URL of the PTFinder backend (e.g., "https://your-ptfinder-instance.com")
data-brand (optional): Your gym or studio name displayed in the widget
data-primary (optional): Primary color in hex format (default: #111111)

Example Configurations

Minimal Configuration:

        <button data-ptfinder-widget data-tenant="ssl" data-api-url="https://ptfinder.com">

  Get Matched

</button>

Full Customization:

        <a href="#" 

  data-ptfinder-widget

  data-tenant="your-gym-id"

  data-brand="Elite Performance Training"

  data-primary="#FF5500"

  data-api-url="https://ptfinder.yoursite.com">

  Find My Perfect Trainer →

</a>

Styling Your Button

You can style the trigger button using your own CSS classes. The widget will work with any clickable element:

        <button 

  class="your-custom-button-class"

  data-ptfinder-widget

  data-tenant="ssl"

  data-api-url="https://ptfinder.com">

  Match Me With a Trainer

</button>

Admin Panel

Once your widget is set up, you can manage leads and trainers through your admin dashboard:

View all leads and their matched trainers
Add, edit, and archive trainers
See monthly analytics and top performers
Copy your widget embed code

Access your admin panel at /admin

Support

Need help with integration? Have questions about customization? Contact us and we'll help you get set up.

Ready to add PTFinder to your website?

Request PTFinder for Your Gym