Example (Seashore House Optical)
GSP Scheduler
Instructions
On ecpbuilder.com
Shortcode:
[scheduler]
To specify an account, use: (# is GSP Account ID)
[scheduler account_id="#"]
To specify a location, use: (# is GSP Location ID)
[scheduler location_id="#"]
To specify a doctor, use: (location_id is required, doctor_id is GSP Doctor ID)
[scheduler location_id="#" doctor_id="#"]
To specify a redirect page: (include http or https)
[scheduler success_redirect_url="https://..."]
There are additional supported parameters to adjust the colors:
[scheduler
color_background="HEXCOLOR"
color_text="HEXCOLOR"
color_light_border="HEXCOLOR"
color_primary_action="HEXCOLOR"
]
On external sites
Code:
<script src="https://scheduler.getsetpro.dev/js/scheduler.js" type="module"></script>
<gsp-scheduler account_id="#"></gsp-scheduler>
On external sites, the account_id parameter is required.
To specify a location, use: (# is GSP Location ID)
<script src="https://scheduler.getsetpro.dev/js/scheduler.js" type="module"></script>
<gsp-scheduler account_id="#" location_id="#" ></gsp-scheduler>
To specify a doctor, use: (location_id is required, doctor_id is GSP Doctor ID)
<script src="https://scheduler.getsetpro.dev/js/scheduler.js" type="module"></script>
<gsp-scheduler location_id="#" account_id="#" doctor_id="#" ></gsp-scheduler>
To specify a redirect page: (include http or https)
<script src="https://scheduler.getsetpro.dev/js/scheduler.js" type="module"></script>
<gsp-scheduler account_id="#" success_redirect_url="https://..." ></gsp-scheduler>
There are additional supported parameters to adjust the colors:
<script src="https://scheduler.getsetpro.dev/js/scheduler.js" type="module"></script>
<gsp-scheduler account_id="#"
color_background="HEXCOLOR"
color_text="HEXCOLOR"
color_light_border="HEXCOLOR"
color_primary_action="HEXCOLOR" ></gsp-scheduler>