Integrations How to Troubleshoot Local Business Pro’s Chat Widget and Form Logic

How to Troubleshoot Local Business Pro's Chat Widget and Form Logic

Last Updated: November 18, 2024

Integrating third-party tools like Local Business Pro’s chat widget into your website can sometimes lead to compatibility issues. This guide walks you through testing whether the chat widget or form logic is causing problems, enabling you to pinpoint the issue and take appropriate steps.

Step 1: Understanding the Basics

Local Business Pro’s chat widget allows websites to handle form submissions and perform outbound calls. The widget communicates data to the backend when a form is submitted. However, if conflicts arise, this tutorial will help you identify whether the issue stems from Local Business Pro or third-party code.

Step 2: Testing the Chat Widget

1. Load the Page

  • Navigate to the webpage where the chat widget and form are integrated.
  • Ensure both elements are present.

2. Disable the Chat Widget

  • Use URL parameters to disable the widget temporarily.
  • Add the following to the end of your page’s URL:
     
     
  • Reload the page. The chat widget should no longer appear.

3. Test Form Submission

  • Fill out the form with dummy data and hit submit.
  • If the submission works without the chat widget, the widget might be causing the issue.

Step 3: Inspecting with Developer Tools

If disabling the widget doesn’t solve the issue, follow these steps:

1. Open Developer Tools

  • Right-click on the page and select Inspect (Google Chrome) or similar options in other browsers.
  • Navigate to the Console tab in the Developer Tools panel.
 

2. Enable Preserve Log

  • Click the gear icon in the console and check Preserve Log. This ensures you can review data even after navigating to a different page.
 

3. Submit Dummy Data

  • Fill in the form fields with test data and hit submit.
  • Observe the console for the sending data message, which indicates that form data is being sent to Local Business Pro.

Step 4: Disabling Both the Chat Widget and Form Logic

To troubleshoot further:

 

1. Disable Both Features

  • Modify the URL using the parameter:
     
 
  • Reload the page. The console should display messages such as:
    • Chat widget paused
    • LBP form logic inactive

     
 

2. Submit Form Again

  • If form data is no longer sent to the backend, the issue is likely linked to Local Business Pro.
 
 

Step 5: Handling URL Parameters

When adding multiple parameters, note:

 
 
  • Only one question mark (?) can exist in the URL.
  • Additional parameters must be joined using an ampersand (&).

For Example

 

Reloading the page with the updated URL ensures the parameters take effect.

 

 
 

Step 6: Verifying Data Sent to Local Business Pro

After form submission:

 
 

1. Review the console logs to see what data is sent, such as:

  • Name, email, and other form fields.
  • Public key, session ID, business ID, and IP address.

2. Confirm that these details align with expected behavior.

Step 7: Retesting and Fine-Tuning

If the chat widget or form reloads unexpectedly:

  • Replace existing parameters with updated ones.
  • Use the ampersand (&) when necessary to add parameters without disrupting the URL structure.

By following these steps, you can confidently identify and resolve any compatibility issues with Local Business Pro’s chat widget or form logic. For persistent problems, consider reaching out to Local Business Pro support for further assistance.