Contact Us Widget

Table of Contents

     Step 1 – Navigate to Contact Us Widget Settings⁠ 
     Step 2 – Configure Widget Settings⁠ 



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, IVR, call group, voicemail, or an external phone number, or more). 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, single extension, or any other system of your choice.
  • 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.






Step 2 – Configure Widget Settings

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.


Title
Title

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.

https://slite.com/api/files/c7Z1gNoRpVE0RX/web%20widget%20general%20settings.png?apiToken=eyJhbGciOiJIUzI1NiIsImtpZCI6IjIwMjMtMDUtMDQifQ.eyJzY29wZSI6Im5vdGUtZXhwb3J0IiwibmlkIjoiQ0pmdFNVZDNtZGZCbm0iLCJpYXQiOjE3NjEyODUzMzgsImlzcyI6Imh0dHBzOi8vc2xpdGUuY29tIiwianRpIjoieDBjVHpuQ1BUNUVGa3YiLCJleHAiOjE3NjM4NzczMzh9.fNpavElHLrecg6un_M6nUtVlmzULiwumuxQH2h7tCLE


Title
Title

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.

https://slite.com/api/files/MP45qSZ0wKr1tz/web%20widget%20style%20settings.png?apiToken=eyJhbGciOiJIUzI1NiIsImtpZCI6IjIwMjMtMDUtMDQifQ.eyJzY29wZSI6Im5vdGUtZXhwb3J0IiwibmlkIjoiQ0pmdFNVZDNtZGZCbm0iLCJpYXQiOjE3NjEyODUzMzgsImlzcyI6Imh0dHBzOi8vc2xpdGUuY29tIiwianRpIjoieDBjVHpuQ1BUNUVGa3YiLCJleHAiOjE3NjM4NzczMzh9.fNpavElHLrecg6un_M6nUtVlmzULiwumuxQH2h7tCLE

Title
Title

Routing Settings


  • Navigate to the Routing tab.
  • Select the destination (queue, extension, IVR, or any other available option such as a call group, voicemail, or external number).
  • When a visitor clicks Call Now, calls will be routed to this destination.
  • Click Save/Apply to save your settings.

https://slite.com/api/files/gNIWd8M60Uq1Pg/contact%20us%20widget%20routing%20settings.png?apiToken=eyJhbGciOiJIUzI1NiIsImtpZCI6IjIwMjMtMDUtMDQifQ.eyJzY29wZSI6Im5vdGUtZXhwb3J0IiwibmlkIjoiQ0pmdFNVZDNtZGZCbm0iLCJpYXQiOjE3NjEyODUzMzgsImlzcyI6Imh0dHBzOi8vc2xpdGUuY29tIiwianRpIjoieDBjVHpuQ1BUNUVGa3YiLCJleHAiOjE3NjM4NzczMzh9.fNpavElHLrecg6un_M6nUtVlmzULiwumuxQH2h7tCLE





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.





Title
Title

How to Integrate the Widget Into Your Website


    Copy the integration script from the Integration tab.

https://slite.com/api/files/227vGOBRhTEBh4/Web%20widget%20copy%20and%20test.png?apiToken=eyJhbGciOiJIUzI1NiIsImtpZCI6IjIwMjMtMDUtMDQifQ.eyJzY29wZSI6Im5vdGUtZXhwb3J0IiwibmlkIjoiQ0pmdFNVZDNtZGZCbm0iLCJpYXQiOjE3NjEyODUzMzgsImlzcyI6Imh0dHBzOi8vc2xpdGUuY29tIiwianRpIjoieDBjVHpuQ1BUNUVGa3YiLCJleHAiOjE3NjM4NzczMzh9.fNpavElHLrecg6un_M6nUtVlmzULiwumuxQH2h7tCLE
    Paste the script into your website’s HTML, ideally before the closing </body> tag.

https://slite.com/api/files/5v_ArctgAPXie3/embaded%20script.png?apiToken=eyJhbGciOiJIUzI1NiIsImtpZCI6IjIwMjMtMDUtMDQifQ.eyJzY29wZSI6Im5vdGUtZXhwb3J0IiwibmlkIjoiQ0pmdFNVZDNtZGZCbm0iLCJpYXQiOjE3NjEyODUzMzgsImlzcyI6Imh0dHBzOi8vc2xpdGUuY29tIiwianRpIjoieDBjVHpuQ1BUNUVGa3YiLCJleHAiOjE3NjM4NzczMzh9.fNpavElHLrecg6un_M6nUtVlmzULiwumuxQH2h7tCLE
    Refresh your website to see the widget appear.

https://slite.com/api/files/jqhioLvNPStIqZ/test%20widget.png?apiToken=eyJhbGciOiJIUzI1NiIsImtpZCI6IjIwMjMtMDUtMDQifQ.eyJzY29wZSI6Im5vdGUtZXhwb3J0IiwibmlkIjoiQ0pmdFNVZDNtZGZCbm0iLCJpYXQiOjE3NjEyODUzMzgsImlzcyI6Imh0dHBzOi8vc2xpdGUuY29tIiwianRpIjoieDBjVHpuQ1BUNUVGa3YiLCJleHAiOjE3NjM4NzczMzh9.fNpavElHLrecg6un_M6nUtVlmzULiwumuxQH2h7tCLE

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.