Possible Troubleshooting for Elementor Form Connection with BotSail

Having issues with sending WhatsApp messages from Elementor forms using BotSailor?
 This guide walks you through common problems and how to resolve them to ensure your automation works flawlessly

Common Issues and How to Fix Them

❌ Issue 1: WhatsApp Message Not Sent After Form Submission

Symptoms:

• Form submits successfully, but no WhatsApp message is delivered.
• No activity is seen in BotSailor webhook logs.

Fix:

1. Double-check your webhook URL in the Elementor form settings.

• Go to Elementor → Edit Form → Actions After Submit → Webhook.
• Paste the correct Webhook URL from BotSailor’s Webhook Workflow.

1. Ensure the webhook was created properly:

• Go to BotSailor Dashboard → WhatsApp → Webhook Workflow.
• Confirm that a WhatsApp template and phone number field are mapped correctly.

1. Verify your WhatsApp template:

• Go to BotSailor → WhatsApp → Template Manager.
• Ensure the template is approved and active.

❌ Issue 2: Form Data Not Captured in WhatsApp Message

Symptoms:

• WhatsApp message is sent, but it shows blank variables (e.g., “Hi , thanks for reaching out!”).

Fix:

1. Ensure that field names match:

• Elementor form field name must exactly match the variable used in the WhatsApp template (e.g., {{name}}, {{email}}).

1. Re-map the fields in Webhook Workflow:

• Go to Webhook Workflow → Edit Mapping.
• Capture a new webhook sample submission.
• Reassign fields using the dropdowns (e.g., map “name” → {{name}}).

❌ Issue 3: Message Sent to Wrong Number or Fails

Symptoms:

• WhatsApp message not received.
• Message status shows failure in Meta Business logs.

Fix:

1. Validate phone number format:

• Always use international format (e.g., 88017XXXXXXXX).
• Avoid using "+" symbol in the submitted value.

1. Add input mask or validation in Elementor:

• Use the "tel" field type with a country code placeholder.
• Or use plugins like “Elementor Phone Input Mask” for better formatting.

❌ Issue 4: Webhook Not Triggering at All

Symptoms:

• No webhook data received by BotSailor.
• BotSailor Webhook logs show zero incoming requests.

Fix:

1. Make sure Webhook is added to "Actions After Submit":

• Elementor → Edit Form → Actions After Submit → Add “Webhook”.

1. Publish the page after changes:

• Changes in the form won't reflect unless you update/publish the page.

1. Check browser console for errors:

• Open browser Dev Tools (F12) → Console → Submit the form.
• If any JavaScript error appears, troubleshoot Elementor conflicts.

❌ Issue 5: Delay Not Working as Expected

Symptoms:

• WhatsApp flow or message is delivered instantly, even though a delay was set.

Fix:

1. Delay must be configured inside the Bot Flow, not in Webhook.

• Go to Bot Manager → Bot Flow → Drag “Delay” block before WhatsApp message.

1. Delay must be in seconds or minutes.

• Ensure you entered a numeric value and selected the correct time unit.

Tips for Smooth Integration

• ✅ Always test with real phone numbers (registered on WhatsApp).
• ✅ Use test forms before going live.
• ✅ Keep Elementor and BotSailor plugin (if used) updated.
• ✅ Use clear labels for fields and map exactly.

Need More Help?

If you’ve followed all the steps and still facing issues:

• Reach out to BotSailor Support 
• Check your Meta Business logs under “Phone Number → Logs → Message Delivery”