How to Implement Form Abandonment Campaign With PushEngage?
Form abandonment occurs when users filling an HTML form and leaves 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 details on the first few pages and then leaves the form in between even then it will be known as from abandonment. Similar to cart abandonment, form abandonment is also a common issue across websites.
With the help of PushEngage web push notifications, you can target such users, and notify them to complete the abandoned form. Overview of The Form Abandonment Campaign –
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.
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 –
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.
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.
Step 6 – Once you made the segments and have added the code you would need to run the Drip Automation Campaigns in parrallel to remind your users to complete the form. to create the campaign navigate to Drip > Create 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. In this way, you can remind or target your users with the help of web push notification to complete the abandoned form.