Callback Widget

Send your customer callback requests directly to your Pocket Receptionist team

The call back widget is free and allows you to embed a small form on your website (see example on the right) so your customers can request a call back from one our receptionists. This is great for allowing your customers to be called back at a time that suits them.

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&nostyle=false"></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 ↑