Framer is a powerful tool to design, code, and test mobile and web applications through an intuitive “WYSIWYG” visual design interface that allows users to manipulate components without coding. Web forms built in Framer rely upon Formspark.io, a popular serverless form service.
Insiteful helps you capture form entries and extra leads from your existing web form in just a few clicks. Apart from helping you capture 100% of leads that fill out your forms, our plug-n-play solution also enables you to increase your conversion rate with power-ups (i.e. save & continue later), auto follow-up, and smart insights (i.e. confusing form fields).
You can recover abandoned forms and incomplete entries from your Framer website using Insiteful in just a few clicks:
How to track partial entries & form abandonment in Framer with Insiteful
Ready to start capturing & tracking leads from your forms? With Framer and Insiteful, it just takes a few clicks:
How-to track partial entries & leads in Framer forms with Insiteful
- Add your website in Insiteful: Then, simply login to Insiteful & visit the Domains page. Here, you should add your website (ie. yourwebsite.framer.website) where indicated in the screenshot below.
Common mistake: Don’t add the “https://” suffix, trailing slash (ie. “website.com/”), or an unnecessary “www.” when adding your site to the Domains page.
- Framer forms custom code: In the Framer admin panel for your site, navigate to Settings > General > Custom Code.Here, you can paste your tracking code (specified below in Step #3) into the box labeled “Start of <head> tag” and click save.
Common mistake: Make sure to click “Publish” in Framer to take your changes live after you save the tracking code.
- Install code: First, simply copy & paste the tracking code from the Install page into Framer where indicated above. The full tracking code should look like this:
<script async defer type='text/javascript' src='//a.insiteful.co/dist/compile.min.js?' id='insiteful-js'></script> <script defer type='text/javascript' id='insiteful-activate-js'>insiteful_activate(YOUR_ACTIVATION_KEY);</script>
- Lastly, if you want to automatically detect the names for phone or email leads captured from abandoned forms, you may need to set up form field mapping (which takes <30secs). The easiest way to set this up is to open the Form Fills page in one window, then fill in the field mapping in another window by using the partial entry data from the Form Fills page to identify the field definitions.
Use Ninja Forms, Gravity Forms, Formidable Forms, Forminator or some other form builder? Insiteful is compatible with any form builder & website platform: click here to browse form tracking instructions for other platforms!
Testing your Framer form tracking
Once you’ve installed Insiteful on your Framer form, you’ll probably want to test it out once to ensure your partial entries are being captured.
The easiest way to do so is by using our Debugger Extension for Chrome / Microsoft Edge — or you can simply fill out your form to test it manually.
When doing so, follow the steps below:
- Open your Framer form
- Clear the cookies & cache if needed
- Hard refresh (Ctrl/Cmd+Enter) the page
- Be sure to retype or choose a new option for each field when testing (don’t just leave the previous/existing entries & click “Ok”, otherwise Insiteful gets nothing to track)
- Also, be sure to use a new email each time you test (ie. you+test1@
email.com) — otherwise the existing lead will get updated with the new form entries
Be sure to check for common mistakes, such as:
- Selecting the wrong domain in the top-left domain dropdown in the Insiteful dashboard
- Adding a trailing slash or http:// suffix to your domain
Track partial entries in Framer
Automagically uncover more leads from your website: capture & convert 100% of the users that start to fill out your Framer forms — even those that don’t finish. There’s nothing more disheartening than missing out on a potential opportunity due to form abandonment or website drop-offs; Insiteful is here to seal the leaks in your funnels.
Learn more about how-to easily track, optimize & convert more leads from your Framer forms — start capturing form-fill data with Insiteful. In just a couple clicks, you could never miss another lead™ from your Framer forms.
Form analytics for Framer
When you login to the Insiteful dashboard, three powerful web tracking reports are just one click away:
-
Framer Funnel Analytics
Clicking on the chart icon next any given web form on the Forms page will bring you to the report pictured below: a top-level summary of your form performance, visualized as a funnel, along with smart recommendations on areas for improvement (i.e. the “confused field” warning below).
-
Framer Partial Entry Tracking
The Form Fills report (pictured below) shows the contacts that are filling out your online web forms. In cases where we’re able to collect enough partial data to assemble contact information, we’ll send you an email notification and add the profile to the Leads page.
-
Framer Abandoned Form Lead Recovery
As mentioned earlier, the Leads page lists all email leads where Insiteful is able to capture sufficient contact information from partial form entry data. On this page, you can assign automatic follow-up sequences to send drip emails to convert these leads. For more about automatic follow-up and other features of Insiteful, click here!
-
Framer Email Follow-up
You can easily set up an email auto-responder or follow-up sequence for your Framer forms, so you can reach out to potential customers immediately after they start typing entries into your form. Although Framer was not designed for email marketing, you can still send custom emails in minutes using Insiteful and other Framer integrations like Mailchimp or Campaign Monitor. It takes just a few minutes to set up automated replies such as email confirmations, upsell/cross-sells, remarketing campaigns, and order/receipt emails to be sent automatically.
With Insiteful + Framer, lead recovery is effortless: automatically re-engage prospects that don’t complete your forms with email follow-up – simply choose from our library of template sequences, customize your own, or use your existing marketing software! There are a few different ways you can automate email follow-up for your Framer with Insiteful:
- Native email follow-up:
To use Insiteful’s built-in automatic email follow-up functionality, go through the Follow-Up Guide, which walks through the steps to enable Insiteful to automatically send follow-up drip emails on your behalf.
- No-code CRM integrations:
If you already have sophisticated follow-up workflows set up in your CRM, you may prefer to sync leads from Insiteful to your customer management software and configure email sequences from there. Insiteful makes this easy thanks to our no-code integrations with leading CRMs such as HubSpot, Salesforce, Podio and more.
- Zapier integrations:
If you use another email provider (ie. MailChimp, SendGrid, etc.), you can use Insiteful’s official Zapier app to automatically sync recovered leads to your mail merge software of choice.
- Native email follow-up:
-
Framer Abandoned & Incomplete Forms
Whenever visitors fail to submit a form through the last button, they leave behind incomplete entries. For instance, forms may be abandoned due to technical difficulty or a lost network connection. Alternatively, visitors may spend a long time on each page of the form if it requires lengthy answers. Regardless of the reason, businesses seeking to boost their online lead generation should capture & restore incomplete entries so prospects can continue editing them.
Unfortunately, traditional analytics like Google leave marketers completely blind to incomplete form entries — abandoned forms will slip by completely unnoticed unless you use a specialized partial form entry tracking tool like Insiteful. With a simple line of code, Insiteful will automatically recover abandoned forms & incomplete entries from your entire site!
-
Framer – Save & Continue Later
Want to allow your users to save & continue later on your web forms? It doesn’t have to be complicated. With Insiteful, it takes just one click to upgrade any of your existing forms to allow users to save & resume progress without losing incomplete entries— so they can pick up where they left off later.
For the hundreds of teams that close deals via web forms (i.e. orders, price quotes, support requests, contact), abandoned forms are a critical issue that directly impact bottom-line revenue. Unfortunately, many teams are forced to accept losing out on these opportunities due to the limitations of their form builders. Insiteful empowers marketers to easily track & optimize their existing forms, regardless of the underlying platform or builder!
One of our most popular power-up’s is the “Save & Continue Later” feature: it takes less than 90 seconds to enable & achieved conversion lift of >12% in case studies! That is equal to more than 1 extra lead for every ten you’re getting today, with virtually no extra work. Simply visit your domain settings, enable the saved progress power-up, customize the time delay to your liking, and you’re all set! See the full instructions for enabling Save & Continue Later here.
What is Framer?
Framer is an innovative platform designed to simplify the process of creating mobile and web applications. With its revolutionary WYSIWYG editor and import options for Figma and other tools, Framer boasts a user-friendly interface that makes creating website and forms a breeze. Framer’s form builder uses Formspark.io, which is a plug-n-play serverless form solution.
Insiteful pairs with your existing form builders.
Make every click count and get more out of your existing web forms + marketing efforts with Insiteful: the all-in-1 form abandonment tracking & optimization platform.
Our users are able to boost their form conversions by 10 – 15% simply installing Insiteful’s form tracking. It takes just a couple clicks (<90 seconds), to track all your existing forms with Insiteful (whether you use Framer forms, a different solution, or a combination of various other form providers). Learn more about what Insiteful can do for you:
- Capture partial form entries & abandoned forms
- Recover leads with email, phone &/or address data
- Instant lead notifications (email, Slack, etc.)
- Track referrer & IP for all form submissions
- IP-based location: country, state, city, etc.
- Record query parameters, referrer, etc.
- Saved progress for returning users
- Built-in automatic email follow-up
- Open & click tracking for emails
- Sync to CRM or 3rd-party software
- Form funnel analytics: from start to finish
- Abandoned form field insights (ie. confused form fields)
