The MyChart Widget is a straightforward component that integrates a scheduling interface from MyChart into your webpage. This widget allows users to view and select available appointment times based on parameters such as provider, department, or visit type. Authors do not need to adjust any settings, as the component is preconfigured to pull data directly from MyChart.
Example

Note This screenshot shows the MyChart Widget component. Unfortunately, we cannot provide a functional example on our documentation site because this component relies on code specific to the healthcare.utah.edu site.
Content Options
- NPID: Enter the National Provider ID if you want to pull data for a single doctor.
- Department ID: Provide the Department ID if you aim to pull data for an entire department, service, or location.
- Visit type(s) ID: Input one or more Visit Type IDs (comma-separated) to specify the types of visits you’d like to include. Examples include open scheduling, LASIK, or flu shots. Most commonly, you will use this in combination with the Department ID.
Note:
-
Typically, you will use both the Department ID and Visit Type(s) ID together.
-
These IDs will generally be provided to you by an Access Specialist.
Layout and Styling Options
This component has no layout or styling options.
Usage
Do
- Ensure that all necessary IDs (e.g., NPID, Department ID, Visit Type IDs) are provided by an Access Specialist before embedding the component.
- Confirm that the scheduling options in MyChart align with the needs of your intended audience.
- Verify that the iframe is placed in a visible and user-friendly part of your webpage to maximize engagement.
- Use this component only when MyChart scheduling is active and correctly configured for the services you are offering.
- Double-check that the dates and times displayed in MyChart are appropriate for your audience or event.
Don't
- Refrain from altering or attempting to customize the iframe code, as it is designed to work as-is.
- Do not place the component on pages where the audience has no need for scheduling services.
- Avoid crowding the page with excessive text or images around the widget that could confuse users.