Dits.Agency

DITS Easy Callback Button adds a floating button that allows site visitors to request a callback easily. 
This plugin is translation-ready.
<h3>Third-party Resources</h3>
<ul>
<li>
Resource Name: Phone Icon (phone.svg) 
License: GPLv2 or later 
License URI: https://www.gnu.org/licenses/gpl-2.0.html
</li>
<li>
Resource Name: Telegram Icon (telegram.svg) 
License: GPLv2 or later 
License URI: https://www.gnu.org/licenses/gpl-2.0.html
</li>
<li>
Resource Name: Viber Icon (viber.svg) 
License: GPLv2 or later 
License URI: https://www.gnu.org/licenses/gpl-2.0.html
</li>
<li>
Resource Name: WhatsApp Icon (whatsapp.svg) 
License: GPLv2 or later 
License URI: https://www.gnu.org/licenses/gpl-2.0.html
</li>
<li>
Resource Name: IMask.js 
License: MIT 
License URI: https://github.com/uNmAnNeR/imaskjs 
Source: https://imask.js.org/
</li>
<li>
Resource Name: MicroModal (micromodal.min.js) 
License: MIT 
License URI: https://opensource.org/licenses/MIT 
Source: https://github.com/ghosh/Micromodal
</li>
</ul>
<h3>External Services</h3>
This plugin provides an option to contact via WhatsApp.
When enabled, the plugin generates a link to the WhatsApp API service 
(https://api.whatsapp.com/send).
Data sent: 
– Phone number configured by the site administrator
Data is sent only when a visitor clicks the WhatsApp button.
This service is provided by WhatsApp (Meta): 
Terms of Service: https://www.whatsapp.com/legal/terms-of-service 
Privacy Policy: https://www.whatsapp.com/legal/privacy-policy
<ul>
<li>AJAX callback request</li>
</ul>
This plugin handles callback requests via an AJAX POST request to the WordPress backend.
Data sent: 
– Phone number entered by the visitor
This data is used only to send an email to the site administrator(s) with the request details. 
No data is shared with third parties outside of the configured email recipients.
<h3>Development</h3>
This plugin uses npm and Gulp with Rollup to bundle JavaScript assets.
The following third-party libraries are bundled into the production files: 
– imask (https://github.com/uNmAnNeR/imaskjs) 
– micromodal (https://micromodal.vercel.app)
Source files are located in: 
– src/js/ 
– src/icons/ 
– src/css/
To build assets: 
1. npm install 
2. gulp build
<h3>Licenses</h3>
This plugin bundles the following third-party libraries:
<ul>
<li>imask – MIT License</li>
<li>micromodal – MIT License</li>
</ul>
All bundled libraries are compatible with GPL-2.0-or-later.

DITS Easy Callback Button

A simple floating callback button and modal form to request a call back from your clients.

kiteframe

Easily add a form to any page on your site to allow visitors to leave their name and number to request a callback.
<h3>Settings</h3>
The settings page can be reached by clicking on Settings in the WordPress admin menu, and then clicking on WP Request Callback.
Here you can add an email address to receive email notifications, as well as a Slack Webhook URL to enable notifications straight into a Slack channel.
Also on this page you can choose the default theme color. This will be used by the shortcode as the background color of the submit button and the border color of the focussed inputs.
The color can be overridden on a per form basis by using the shortcode settings as documented below.
<h3>Configuring the Shortcode</h3>
The shortcode usage is as follows: <code>[wprc success_message="This is my custom success message." error_message="Something went wrong." color="#9f7aea"]</code>
<ul>
<li>success_message is the text displayed to the user after the form is submitted successfully. It is optional and if omitted the default message is ‘Thanks for submitting your callback request.’</li>
<li>error_message is the text displayed to the user if an unexpected error occurs with the submission. It is optional and if omitted the default message is ‘Something went wrong. Please try again.’</li>
<li>color is a hex color code that is used to style the button and inputs of the form. It is optional, and if omitted, the color set on the settings page is used, or blue by default (#9f7aea).</li>
</ul>
<h3>API Documentation</h3>
The plugin makes use of the WordPress <a href="https://developer.wordpress.org/rest-api/" rel="nofollow ugc">REST API</a>.
<h4>Endpoint</h4>
POST /wp-json/wprc/v1/callback-requests
<h4>Request Body</h4>
name: Required, string. 
phone: Required, string, numbers or spaces.
Example: 
{ name: ‘Name’, phone: ‘01234567890’ }
<h4>Responses</h4>
Success 
Status: 201 
Response data: ‘Success’
Validation error 
Status: 422 
Response data: { errors: { name: [‘Example validation error’], phone: [‘Example validation error’] } }

WP Request Callback

Capture callback requests from potential clients on your site. Use our built in forms or create your own. Simple, customisable, and easy to use.

DITS Easy Callback Button vs WP Request Callback