Skip to main content

Quick Start - Overview

An embeddable JavaScript widget for online appointment booking. Supports modal, iframe, and same-day scheduling with customizable branding and event tracking.

Integration Options​

As a web developer, you have three flexible ways to integrate our scheduling system into your website:

The simplest approach - provide your users with a direct URL to our hosted booking page. Perfect for email campaigns, social media, or simple "Book Now" buttons that redirect users to a dedicated scheduling experience.

To find your booking link:

  1. Navigate to your company page on schedule.jarvisanalytics.com
  2. Select the dropdown menu for the location you want to schedule with
  3. Choose the "View Booking Page" menu option

This will give you a direct URL that you can share anywhere your customers might need to book appointments.

2. Code Snippet Integration​

Embed our JavaScript widget directly into your website for seamless user experience. This approach loads our scheduling functions into your page, allowing users to book appointments without leaving your site. The widget appears as a modal overlay, maintaining your site's context while providing full booking functionality.

3. iframe Integration​

Embed our scheduling interface as an iframe within your existing page layout. This method gives you precise control over where the scheduler appears on your page while keeping the booking experience contained within your site's design. Ideal when you want to dedicate a specific section of your page to appointment booking.

✨ Quick Start - Embedded Button​

Here's the minimal setup needed to install the code snippet integration. This approach embeds our JavaScript widget directly into your website with a generic "Book an Appointment" button:

<script src="https://schedule.jarvisanalytics.com/js/init.min.js"></script>
<script defer>
  var jarvis = new JarvisAnalyticsScheduler({
    token: "{your_token}",
    companyId: "{your_company_id}",
    locationid: "{your_location_id}"
  });

  
</script>

<button type="button" onclick="jarvis.toggle()">Book an Appointment</button>

⚙️ Quick Start - Embed into Page​

CDN Script​

Include this in your <head> or <body>:

<script src="https://schedule.jarvisanalytics.com/js/init.min.js"></script>

Initialization​

Use this snippet with required fields (token, companyId, locationId).

Plus:

  • <isOpen: True> to open the widget on Page Load
  • <iFramemode: True> to overlay as an Iframe instead of closable widget
<script>
  var jarvis = new JarvisAnalyticsScheduler({
    token: "{your_token}",
    companyId: "{your_company_id}",
    locationId: "{your_location_id}",
    iframeMode: true,
    isOpen: true
  });
</script>

Widget Mode Customization​

Users can customize the mode of their widget in these two ways:

  • Same-day appointment scheduling mode: Set sameDay: true in your configuration
  • Multi-location appointment scheduler: Remove the locationId parameter from your configuration

Next Steps​