Callback Widget

The call back widget allows you to embed a small form in your existing website which gives your customers the ability to request a callback from one our receptionists.

Setup

The widget requires a unique id for each website domain it is used on, this is used to limit access to only the domains you own.

(To create a unique ID for your website's you must be logged in)

Embedding the widget

Basic

The widget can be embedded by just including the JavaScript library in to the page of choice, the script src attribute needs to at least contain the uid parameter which needs to be set to the unique id your created for domain on this page.

The page must have a element with an id of pr_widget, However this can be overriden using optional parameters

Parameters

uid
The unique id that is generated for the widget
eid
The target element id, this is html element which the widget code will be injected into.
nostyle
Disables the default style injection into the page, if you use this you will need to style the widget manually

Example

<script src="//www.pocketreceptionist.co.uk/widgets/1.0.0/callbackwidget.js?id=YourUniqueId&elid=YourElementId"></script>

Advanced

In addition to the above it is posable to trigger the widget manually by not passing any parameters inside the script src attribute. The allows for the widget to be dynamically loaded and controlled through on page javascript.

Example

<script src="//www.pocketreceptionist.co.uk/widgets/1.0.0/callbackwidget.js"></script>
<script>
        window.addEventListener("load", function() {
            pr_widget.SetPrefill('Bob Johnson', '01603000000');
            pr_widget.Load('YourUniqueId', 'YourElementId');
        });
</script>   
        

Once loaded the widget has an interface under the variable pr_widget (as seen above) which can be used to control various aspects of its execution through the follow functions.

Functions

Load(“unique_id”,”element_id”)
Loads the widget into the specified element
GetAllText()
Returns a json object with all the editable text in the widget.
SetText(“key”,”value”)
Set the an individual text value, (Note: Text values must be set before Load;
UseDefaultStyle(value)
Set weather or not to use the default style injection
SetPrefill(“name”,”phone”,”additional text”)
Prefills the text boxes on the widget, (Note: Text values must be set before Load;
Reset()
Resets the widgets overlays to default

↑ Sample Widget ↑