So, you want to connect your website forms with Novocall? Smart move—when done right, this can cut down on lead response times and, frankly, stop potential customers from ghosting you. This guide walks you through the whole process, minus the fluff. Whether you’re running a WordPress site, a hand-coded page, or a platform like Wix, you’ll learn what actually works, what to avoid, and how to keep things simple.
This guide is for anyone responsible for getting leads from a web form into a sales call, whether you’re a marketer, a web developer, or just the person everyone turns to when “something techy” needs fixing.
1. What is Novocall and Why Integrate It With Your Forms?
Before we dive in, a quick note: Novocall is a call automation tool. Among other things, it lets website visitors request instant callbacks. The main draw? It connects your sales team with leads before they get cold feet or wander off to a competitor.
But here’s the catch: just slapping Novocall’s widget on your site is fine, but to really make it work, you want it hooked up to your existing website forms. That way, when someone fills out your “Contact Us,” “Book a Demo,” or whatever form, Novocall jumps in to trigger a call—automatically.
2. Pre-Integration Checklist
Let’s save you some headaches. Before you start, make sure you’ve got:
- A Novocall account (with admin access)
- Access to edit your website’s code (or admin rights on your CMS)
- Your website form(s) set up and working
- A clear idea of which forms you want to trigger calls from
- Basic info about your website platform (WordPress, Wix, HTML, etc.)
Pro tip: If your form is built with a popular tool (like Contact Form 7, Gravity Forms, or WPForms), you’ll have more integration options. If it’s custom code, you’ll need to get your hands dirty with JavaScript.
3. Step-by-Step: Integrating Novocall With Your Website Form
Step 1: Get Your Novocall Widget Code
- Log in to your Novocall dashboard.
- Navigate to “Widget Settings” or “Install Widget.” (Novocall’s UI changes sometimes, but it’ll be something like this.)
- Customize your widget. Set up the callback options, appearance, and rules—don’t skip the basics here.
- Copy the provided JavaScript code. This is what you’ll embed on your site.
Don’t get clever: Don’t modify this code unless you really know what you’re doing. Pasting it as-is is safest.
Step 2: Add the Novocall Widget Code to Your Website
On WordPress:
- If your theme has a “Header/Footer Scripts” area, drop the code before the closing </body> tag.
- Plugins like “Insert Headers and Footers” make this easy—use them if you’re not comfy editing theme files.
On Wix, Squarespace, or similar:
- Use the platform’s built-in custom code or HTML block feature. Make sure it’s enabled on all pages with the relevant forms.
On hand-coded or other sites:
- Paste the code snippet before the </body> tag in your HTML.
Watch out:
Some caching plugins or page builders might delay or block the widget from loading. If it isn’t showing up, clear your cache and test in a private browser window.
Step 3: Decide How You Want the Integration to Work
There are two main ways to “integrate” Novocall with your forms:
- Trigger Novocall’s call widget when a form is submitted
- Pass form data (like name and phone) to Novocall to prefill or trigger a callback
Option 1 is dead simple: You set things up so that after someone submits your form, Novocall pops up and invites them to get a call.
Option 2 is more advanced: You send info from your form to Novocall, so it can trigger a call instantly, using the visitor’s submitted details (name, number, etc.).
Let’s break these down.
Option 1: Show Novocall Widget After Form Submission (Easiest)
How it works:
After someone submits your form, they see the Novocall widget and can request a callback.
How to set it up:
- Find the form’s “thank you” page or confirmation area.
- Embed Novocall’s widget code ONLY on that page or section.
- Alternatively, if your form uses AJAX (no page reload), you’ll need to fire the Novocall widget using JavaScript after a successful submission.
Example for AJAX Forms:
If you’re using jQuery, after your form submits:
javascript $('#your-form-id').on('submit', function(e) { e.preventDefault(); // ...your AJAX logic here... window.NovocallWidget && window.NovocallWidget.open(); });
Check Novocall's documentation for the latest widget methods. Sometimes method names change.
When to use this:
- You want a simple setup, no coding headaches.
- You’re fine with users clicking one more button to request a call.
What to watch for:
- There’s a slight drop-off: not everyone who fills your form will also use the callback widget.
- This won’t auto-call every single lead.
Option 2: Pass Form Data and Trigger Callback Automatically (More Advanced)
How it works:
When someone submits your form, Novocall is triggered behind the scenes using the info they just gave you.
How to set it up:
For WordPress Forms (e.g., Contact Form 7, Gravity Forms, WPForms)
- Look for a Novocall plugin or integration. Some major form plugins have direct integrations or compatible webhook/Zapier options.
- If available, install the integration and follow its setup. Usually, you’ll map form fields (like “name” and “phone”) to Novocall fields.
If no direct plugin exists:
- Use Zapier or another automation tool:
- Set up a Zapier account.
- Create a new Zap: Trigger = “New Form Submission” (from your form tool), Action = “Create Callback Request” (Novocall).
- Map your form fields to Novocall’s required fields.
- Test it end-to-end.
For Custom Forms (Hand-coded or Non-WordPress)
- Use Novocall’s API or webhook.
- Check Novocall’s docs for an endpoint to trigger a call.
- On form submission, POST the required data (name, phone number, etc.) to Novocall’s endpoint.
- Example (pseudo-code):
javascript fetch('https://api.novocall.co/callback', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name: form.name.value, phone: form.phone.value, // other required data }) }) .then(res => res.json()) .then(data => { // Show confirmation to user }) .catch(err => { // Handle errors });
Note: The actual endpoint and field names vary—check Novocall’s latest API docs.
What to watch for:
- API limits: Some Novocall plans restrict how many API calls you can make.
- Validation: Garbage in, garbage out. Validate phone numbers before sending them.
- User experience: Don’t auto-dial users who don’t expect it—make it clear what’ll happen after submitting.
4. Testing: Don’t Skip This
Test every scenario you care about:
- Submit your form with real info—does Novocall pop up or trigger a call?
- Try bogus data—does it handle errors gracefully?
- Double-check what your sales team sees in Novocall’s dashboard.
- Test on desktop and mobile. Widgets sometimes behave differently.
Pro tip: Test in an incognito window or logged out. Some widgets “remember” admins and hide themselves.
5. Common Gotchas and How to Avoid Them
- Widget not showing up? Clear your browser and server cache. Check for script blockers (like ad blockers) that could hide it.
- Calls not triggering? Double-check your field mappings. Make sure phone numbers include country codes if required.
- Duplicate calls? If your form triggers multiple events (like double submits), you might get double calls. Debounce your form handler.
- Annoying user experience? Don’t force the widget to pop up on every page load—only after form submission.
6. What’s Worth Your Time (and What Isn’t)
Worth it: - Taking the time to test the full process—don’t assume it “just works.” - Mapping form fields correctly, especially phone numbers. - Keeping the user experience clear and predictable.
Not worth it: - Over-customizing the widget unless you really need to. - Trying to make Novocall trigger on every minor interaction. - Worrying about integrating with forms almost nobody uses.
7. Wrapping Up: Keep It Simple, Iterate as Needed
Integrating Novocall with your website forms isn’t rocket science, but it’s not always plug-and-play, either. Start simple: get the widget working, then layer on more advanced triggers if you need them. Don’t drown in edge cases—focus on the forms that actually bring in leads, and make sure the integration is smooth for users and your team.
If you run into weird issues, Novocall’s support can usually help—but only after you’ve double-checked the basics. Keep it simple, keep testing, and improve as you go. That’s what actually works.