The basic installation installation instructions were above.
- Sign up for an account. It takes 30 seconds max. No credit card is required.
-
Add the embed code below to the bottom of your website (just above the
<body/>
close tag).
- Upload your site and see the Callback Requests button.
To further customize your website visitors experience, a number of variables can be added to the embed code. Each of them are optional.
<script>
let CR = {
domainName: null,
websiteId: null,
showFloatButton: true,
floatButtonSide: "right", // Can be left or right
color: "#0074d0", // Must be a HEX color and must contrast with white.
css: ``, // Pass in CSS to change the look of any element
topics: [
"I'd like some information",
"I'd like some support",
"I've got a suggestion",
"Other" // "Other" will require user to specify
],
callNumber: null, // Phone number if they want us to display a phone number too
name: "",
phoneNumber: "",
email: "",
callback: null,
};
</script>
<script defer src="https://callbackrequests.com/embed/button.js?0.1.3"></script>
Each of these variables will be discussed below.
Specify your domain name - domainName
Specify your website ID - websiteId
Show or hide the button - showFloatButton
Button placement - floatButtonSide
You can specify the button should go on either the bottom-left or bottom-right of the page. The bottom-right is the default. You can specify this by adding a bit more code when you add the Callback Request embed code on your website.
If you want to use your own custom button, see the Can I use my own button? FAQ.
Button color - color
The color is a HEX value. You can pick a HEX color here.
Customize the look of the form - css
Can I customize the look of the form? - see FAQ
Customize filtering questions - topics
You can specify the filtering options (on the first page of the Callback Requests modal) by adding a bit more code when you add the Callback Request embed code on your website.
Specify your phone number - callNumber
Auto-fill visitor details - name
, phoneNumber
and email
pass in a name, email and phone number if a user is signed in
If you are rendering the page server side, you can specify the website visitors name and phone number by adding a bit more code when you add the Callback Request embed code on your website.
Note, the phone number will be automatically formatted based on the country of the visitor. For instance, in Australia these entries:
0400000000
+61400000000
0400-000-000
... will all be formatted to appear as 0400 000 000
. Then when you get notified of the callback request, the number will be available to you in international format (+61 400 000 000
) — assuming you are not in Australia.
Callback function - callback
TODO