Optional Step: Custom Iframe Options

Estimated read time: 1 min
If using an Iframe implementation or Reserve with Google, users can customize the look and feel of the Jarvis Scheduler. The "Iframe Custom Options" feature allows you to customize the behavior and appearance of your iframe scheduler. This feature is particularly useful for tailoring the scheduler to meet specific requirements, such as modifying the display settings or adjusting functionality based on your practice's needs.
  1. Accessing the Iframe Custom Options:
    • Navigate to Calendar Module > Scheduler Settings > Company Configuration > Custom Iframe Options
  2. Entering JSON Settings: Copy the following code into the Iframe Custom Options field.
    {  "token": "{token}",
    "title": "Book an Appointment",
    "locationId": "{location_id}",
    "companyId": "{company_id}",
    "endpoint": "{api_endpoint}",
    "iframeMode": false,
    "showPhoneNumber": true,
    "showLogo": 1
    }
  3. Editing JSON Settings:
    • Adjust the JSON properties to customize the iframe as needed, you can use code from the provided documentation here. Below are some common JSON properties you can use:
      • "backgroundColor": "#FFFFFF" – Changes the background color of the iframe.
      • "hideHeader": true – Hides the header section of the scheduler.
      • "showLocationFilter": false – Disables the location filter dropdown.
  4. Saving Your Configuration:
    • After entering or modifying the JSON settings, click the Save button. Your changes will be applied immediately, and the iframe will update based on your settings.
  5. Testing and Validation:
    • Open the iframe scheduler on your website to ensure the settings have been applied correctly. Make adjustments as needed and click Save again to update the settings.
  6. Troubleshooting:
    • If you encounter any issues or unexpected behavior, double-check the JSON syntax. Refer to the documentation linked in the settings for specific property options and troubleshooting tips.