Free shipping is highly appreciated by customers. By showing them the remaining amount they need to spend to qualify for free shipping, you’ll be able to increase the average ticket of your eCommerce and reduce cart abandonment.
In this article, you'll learn how to create a floating bar with the remaining amount for free shipping.
Objective: Conversion.
Difficulty: Intermediate.
When to use it: In any free shipping campaign.
This strategy is part of our pool of templates. To implement it, log in to your Connecif account and go to "Workflows Create new workflow". In the Create from template, section enter the name of the workflow in the search engine (Show remaining amount for free shipping), click on Select and Create.
How it works
In this workflow, we're going to set up floating bar web content that appears on any page when the contact adds a product to the cart and shows the remaining amount for free shipping.
Workflow configuration
Before configuring your workflow, create the following elements:
— A custom decimal field with a default value of the minimum cart value to qualify for free shipping. In this example, a default value of "50" and minimum amount of "0".
— A floating bar, to show the message with the amount remaining to qualify for free shipping.
STEP 1. “Start” node
(This node will set the target audience for the action).
1. Click (Edit node settings) for the “Start” node.
2. Under Select limitation, check "All my list".
3. Under Select data source, check “All existing and new”.
4. Click Update.
STEP 2. “On page visit” node
(This node will detect contacts who visit any page).
5. Click (Edit node settings) in the “On page visit” node.
6. Under Limitations, uncheck the "Deactivate after triggering" box.
7. Click Update.
If you want to learn more about node limitations, click here.
STEP 3. “Fetch last cart” node
(This node will fetch the contact's last active cart).
8. Click (Edit node settings) in the “Fetch last cart” node.
9. In Select cart status, choose the “Active” option from the dropdown.
10. Click Update.
STEP 4. First “Check value” node
(This node checks if the size of the returned list of recommended products is greater than 0).
11. Click (Edit node settings) of the "Check value" node.
12. Drag the "Total Price" field from "Fetch last cart" to the block on the left.
13. Under Operator, select "Is greater than".
14. Drag the “Literal” field to the block on the right and set a value of "0".
15. Click Update.
If you want to learn more about the "Check value" node, click here.
STEP 5. First “Set field” node
(This node will set the value of the minimum order in the custom field created).
16. At the junction of this node with the previous one, click on the circle until "Yes" appears.
17. Click (Edit node settings) for the “Set field” node.
18. Drag the "Literal" field to the block on the left and set the minimum order value in it. In this case, a value of "50".
19. Under Operator, select "Assign".
20. Click Update.
STEP 6. Second “Set field” node
(This node will set the value of the minimum order in the custom field created).
21. Click (Edit node settings) for the “Set field” node.
22. Drag the "Total Price" field from "Fetch last cart" to the block on the left.
23. Under Operator, select "Subtract" to subtract the total price of the current cart from the minimum order value.
24. Click Update.
STEP 7. Second "Check value" node
(This node checks if the minimum order value is greater than 0.)
25. Click (Edit node settings) of the “Check value” node.
26. Drag the "Minimum order value" field from "Contact" to the block on the left.
27. Under Operator, select "Is greater than".
28. Drag the “Literal” field to the block on the right and set a value of "0".
29. Click Update.
STEP 8. "Send web content: Floating Bar" node
(This node will send a floating bar with the remaining cart price to get free shipping.)
30. At the junction of this node with the previous one, click on the circle until "Yes" appears.
31. Click (Edit node settings) in the “Send web content” node.
32. Select the corresponding Floating bar content and click Next .
33. In this case, check "After a few seconds" and, in "Show when elapsed", type "3" Seconds.
34. In the Variables, step, associate the custom field with "{{remaining-amount}}".
35. Click Complete .
If you want to learn more about Floating bar web content, click here.
STEP 9. "On clicking web content" node
(In this node, the on page visit node will be limited so that it doesn’t react to each visit for one day).
36. In the On clicking web content node, click (Edit node settings).
37. Click One specific content, select the Floating bar content shown in the previous node, and under Select any link in this content, activate the link to react.
38. For Limitations, in the section Add external limitation, choose "On page visit" from the drop-down menu and, in the next one, "Deactivate for a period". Next, indicate "1" Day.
39. Click Update.
Success!
Your workflow to set up a floating bar that shows the amount remaining for free shipping is now ready.
Do you have questions?
Don’t forget, our Connectif specialists are here to help you. To contact them, open a Support ticket by clicking the blue “Help” button on your dashboard.
Keep learning!
To make the most of your Connectif account, we recommend reading these articles next:
- Sale announcement, to display an ad for your sales.
- Cart recovery before abandonment for anonymous users, to display a cart popup before the user abandons the website.
- Priority access to sales, to give early access to sales to specific segment of contacts.
- Newsletter subscription with floating bar, to attract subscribers to the newsletter.