How To Create Form Abandonment Campaign?

Form abandonment occurs when users filling an HTML form and leaves it without submitting it. The form can be a single-page form or multiple pages. For a multi-page form, it usually refers to the last page of the form. But if a user fills in details on the first few pages and then leaves the form in between even then it will be known as form abandonment. Similar to cart abandonment, form abandonment is also a common issue across websites.

Case 1 – If the From is Single Step

Step 1 – As soon as the person visits the page where the form is present he will be added to the segment called “Incomplete Segment”. The segment name should be the same as the segment you create.

Step 2 –  On completing the form, the subscriber is removed from the “Incomplete Details” segment.

Case 2 – If the Form is Multi-Step

Step 1 – Subscriber is added to to the segment “Incomplete Details” on visiting the page. Once the subscriber clicks on Continue Button, he will be removed from the segment “IncompleteDetails”  and will be added to “IncompleteDetails1”.

Step 2 – If the subscriber leaves the form incomplete he receives drip notification depending on the segment he is present. Once he completed the form, he is removed the final segment created or “IncompleteDetails1”.

How to Create Form Abandonment Campaign with PushEngage

Step 1 – You would need to create a segment first in your PushEngage Dashboard. then you can add the user who abandons the form in that particular segment and then notify him until he completes the process. To create the Segment Navigate to Segmentation > Manage Segmentation > Create Segment. You can add the segment name you wish to create and click on Submit. In the example below, I have created a segment called “IncompleteDetails”

Step 2 – Add code mentioned below in a function and call it on the event “onclick” or on the page load.

window._peq.push([‘add-to-segment’,’IncompleteDetails‘,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);

Step 3 –  Create a Segment new segment “IncompleteDetails1″ if the form has the second stage. Then use the code mentioned below and call it on the event “onclick” as mentioned in step two –

window._peq.push([‘add-to-segment’,’IncompleteDetails1‘,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
window._peq.push([‘remove-to-segment’,’IncompleteDetails‘,function(res){console.log(res)}]);
}
}]);

Once the subscriber moves to to the second stage, he will be removed from the segment “IncompleteDetails”  and will be added to “IncompleteDetails1″.

Step  4 –  If the form has third stage create a new segment “IncompleteDetails2″. Then again add the code mentioned below on the event “onclick” to add the user to “IncompleteDetails1″  segment and to remove from “IncompleteDetails1″ segment.

window._peq.push([‘add-to-segment’,’IncompleteDetails2‘,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
window._peq.push([‘remove-to-segment’,’IncompleteDetails1‘,function(res){console.log(res)}]);
}
}]);

Step 5 – If the next stage is to click the submit button then create a segment call “submit” or “ThankYou” as per your requirement. In this way user you completes the form and submits the campaign will be removed from Form Abandonment Campaign. You can use the code mentioned below on the Submit segment.

window._peq.push([‘add-to-segment’,’ThankYou’,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
window._peq.push([‘remove-to-segment’,’IncompleteDetails2‘,function(res){console.log(res)}]);
}
}]);

Step 6 – Once you made the segments and have added the code you would need to run the Drip Automation Campaigns in parallel to remind your users to complete the form. to create the campaign navigate to Drip and Create Drip Autoresponder. Enter the campaign name you want and set the segment for each stage.

Create the drip notifications and click on “Save and Launch” Button. 

That’s all, and your Form abandonment campaign will be ready.

If in case you run into any issues, please feel free to contact us by clicking here. Our support team would be able to help you