Otto Requests Widget

Pet Parent ID

Drag the container below to change the size of the widget.

Installation

Floating

Copy the widget script from the Settings > Website Widget page in Flow.
Paste the script just before the </body> tag on all pages where you'd like the widget to display.

Inline

Copy the widget script from the Settings > Website Widget page in Flow.
Paste the script just before the </body> tag on all pages where you'd like the widget to display.
In the location of your choice on each page where you'd like the widget to display, add an HTML element with an id attribute of otto-widget-iframe-container (Example: <div id="otto-widget-iframe-container"></div>). The widget will be displayed within this element and take up its full width and height, so feel free to add style rules to alter the dimensions of the container element as desired.

JavaScript API

otto.widget.initialize(clinicId: string, options?: InitializationOptions)

Clinic ID

InitializationOptions


                { 
                  isOpen?: boolean;
                  showPreview?: boolean;
                  isPetPortal?: boolean;
                  petParentId?: string;
                  appUri?: string;
                  selectRequestType?: WidgetRequestType;
                  selectedRequestId?: string;
                }

otto.widget.destroy()

otto.widget.open()

otto.widget.close()

otto.widget.toggle()

otto.widget.selectRequestType(requestType: WidgetRequestType)

Request Type

otto.widget.selectRequestById(requestId: string)

Request Id

Query parameter commands

Place any of the following query parameters in the URL to carry out the desired action on page load:

Parameter	Value(s)	Action
`ottoWidgetOpen`	To open: (None), `true`, etc. To not open: `false`, `0`	Opens the widget on page load if the value provided is not either `false` or `0`.
`ottoWidgetSelectRequestType`	`RequestAppointment, RequestRxRefill, RequestGroomingAppoinment, RequestBoarding, TalkToStaff, RequestMedicalRecords, RequestVirtualConsult, DirectBooking`	Selects the provided request type if that type is enabled for the clinic's widget. Note: If there are duplicate active request types, only the first one can currently be selected.
`ottoWidgetSelectRequestById`	`The id of the request to select Example: "clx9i3xld000452012kyo3232"`	Selects the provided request based on the id provided. Note: If that request is not enabled for the clinic's widget, no request will be selected.