Contact Us Widget
Table of Contents
Introduction to Feature
The PBX.IM Contact us Widget is a chat-style bubble that can be embedded into your website. It provides a “Call Now” button, enabling your visitors to instantly connect with your team without waiting for delayed responses.
When a visitor clicks the Call Now button, it automatically initiates a call to a pre-configured destination (such as an extension, queue, or IVR). This makes it easy for your customers to reach you directly from your website.
Key Features
- Instant Calling – Customers can contact your team with a single click.
- Shareable Link – Share a unique link via SMS or email. When customers click it, the Contact Us widget opens on their desktop or mobile device, allowing them to instantly trigger a call.
- Custom Branding – Add your company logo, title, and colors to match your brand.
- Flexible Routing – Route calls to a queue, IVR, or single extension.
- Optional Settings – Record calls, request caller names, or show a keypad for IVR routing.
- Responsive Design – Works seamlessly on both desktop and mobile devices.
-
How to Add and Configure the Contact Us Widget
Step 1 – Navigate to Contact Us Widget Settings
Go to Settings > General > Integration.
Locate the Contact US Widget section and click Add.
A configuration popup will appear with two panels:
- Right Panel – Widget Preview
- Displays a live preview of your widget.
- Upload your logo, edit title, and description using the Edit (pencil) icon.
- Left Panel – Widget Configuration
- Where you customize widget settings.
Step 2 – Configure Widget Settings
General Settings
Widget Name – Enter a name for the widget (for internal reference).
Position – Choose the widget placement: Bottom Left or Bottom Right.
Active – Toggle on to activate the widget. Disable at any time.
Show Keypad – Enable if the call is routed to an IVR requiring keypad input. Keep off if routed to a queue or single extension.
Record Calls – Enable if you want calls made through the widget to be recorded.
Require Caller Name – When enabled, users must enter their name before initiating the call. This helps agents identify callers before answering.
Style Settings
Customize the widget’s look to match your website’s branding:
- Click the color block to open a color picker.
- Select your primary widget color.
- Update logo, title, and description as needed.
Routing Settings
Navigate to the Routing tab.
Select the destination (queue, extension, or IVR).
When a visitor clicks Call Now, calls will be routed to this destination.
Click Apply to save your settings.
There is no empty line above between the 2 tables, so the user knows they're connected. The columns of the second table have approximately the same width for readability.
Step 3 – Integration & Testing
After saving, open the Integration tab.
Copy the integration script provided.
Paste the script into your website’s code (usually before the </body> tag).
Click Test Widget to preview your live widget in a new tab.
Verify your configuration and make adjustments if needed.
How to Integrate the Widget Into Your Website
Copy the integration script from the Integration tab.
Paste the script into your website’s HTML, ideally before the closing </body> tag.
Refresh your website to see the widget appear.
You can also preview and test the Contact Us widget by copying the link from the Share Link tab and sending it to others for review.
FAQs
Why isn’t the widget showing on my website?Ensure you’ve correctly pasted the integration script into your site’s code and activated the widget in settings. Also, clear your browser cache before testing.
Can I use the widget on multiple websites?Yes. You can embed the integration script on multiple domains, but each site will share the same configuration unless separate widgets are created.
How do I disable or remove the widget?In the widget configuration, toggle Active off. To permanently remove it, delete the widget from the Contact Us Widget section in settings.
Dummy text as description for this section.