Call US buttons for jQuery and mobile phone
Buttons demo
Mail Us
Call Us
SMS Us
Call Us
Call Us
Call Us
Call Us
Call Us
Call Us
Call Us
Call Us
Call Us
Options
-
theme string. The color scheme of the call buttons. Choose between red, orange, dark_green, blue, dark_blue, pink, fiord, hurricane, smoke_blue, coffee, black.
Default: red
-
tel string. Optional telephone number. This will overwrite the HREF.
Default: (null)
-
email string. Optional email address. This will overwrite the HREF. (TIP. add a subject to the message like this test@test.com?subject=Just a mail)
Default: (null)
-
sms string. Optional sms. This will overwrite the HREF. (TIP. add some text to the message like this +31123456?body=Just a message)
Default: (null)
-
type string. Choose between 'tel' for telephone and 'email' for email or 'sms' for text message.
Default: tel
-
icon boolean. If enabled, a call icon will show next to the next.
Default: true
-
closable boolean. If enabled, a close button will appear in the upper-right corner to close the tooltip.
Default: true
-
remember boolean. If enabled, a cookie will remember if the user closed the button (default one day). If disabled it will be closed during the session time.
Default: true
-
testing boolean. If set to true, the tooltip will always show, also in desktop browsers.
Default: false
-
Responsive website . If you want to use the buttons for a responsive website you can set some css (look in the call-us.css for the settings).
You also have to set then testing to true
-
Documentation . Check here.
Usage
Place a phone number or email address in the href of an anchor tag. Then use some jQuery to call the plugin:
<script>
$(document).ready(function() {
$('.your-link').call_us({
theme: 'blue',
type: 'tel',
testing: true
/* other options here */
});
});
</script>
If no type is specified, the script will check the type of the href. So if the href equals mailto:john@example.com, it will be seen as an email address, if the href equals tel:123456789, it will be seen as a telephone number. If no tel:, mailto:, sms: or type is specified, it will be seen as a telephone number.