How to Write And Use an Order Bump Copy on Your Checkout Page

Did you know about the companies that implement techniques like order bumps make as much as 10-30% of additional revenue?

Imagine, you have gone to a restaurant for having a sandwich , and immediately you are being asked by the waiter if you’d like to have some drinks with it. The same scenario can happen in eCommerce ground well.

That is called order bump in marketing. It’s no wonder that these days, most of the fast-growing companies are implementing this tactic for attaining higher conversions. If you’re an online business owner, and not using this technique in your business, you’re simply leaving easy money on the table.

But, how can you make it happen in your online venture?

Well, in this article, I will show you exactly how to create order bumps in your eCommerce business. Before delving into the dept let me make you know what is the ORDER BUMP.

What is eCommerce order bump?

In marketing, order bump is a kind of additional offer that you can get while checking out a specific item from an online store. It means when it comes to purchasing products online, and you see there is an option alongside in a form of checkbox purchasing relevant additional products or services that are added to your cart.

This additional product could be anything complementary, related, service, or anything that might need along with the main customer. If the consumer selects the initial product, he also can choose to add the “bump product” using check box.

Once, the consumer selects the checkbox, the respective price will be added to the total price, if the consumer isn’t interested, he can leave it blank. The process is pretty simple here and it happens entirely on the checkout page. In fact, you just need a single click to get things done.

Order bump and upsell

There is a common misconception among the people about an order bump and upsell. In the offline retail system, both the term is pretty similar but when it comes to eCommerce, there arises a slight difference between these two.

Typically, in a sales funnel, an order bump is used on a checkout page just before the consumer has the payment. In this case, you don’t need to have a dedicated sales page for it. On the other hand, upsell after the customer has made a complete purchase. Here, you need to use a dedicated sales page for making it happen.

How things happen?

The mechanism works here as follows :-

In order bump, things will happen on the same checkout page. Along with the expected product that consumers want to purchase, they will be shown an additional offering in a form of checkbox. If you select the checkbox, it will add an auto charge based on the

In upsell, once the consumer has made the payment, they will be usually shown a dedicated sales page with the upsell offer. Then if they will take up the offer, they will automatically be charged and taken to a ‘thank you page’. Otherwise, they will be taken to the thank you page without any additional charges.

So, you can see here, an upsell requires an additional step to your sales funnels which is opposite to an order bump. But most importantly, you can use both the techniques together to boost your e-commerce revenues.

How to create an order bump

Now, you have known about the order bumps, but how can you set up on your website?

Well, no worries, in this article, I will be showing you how can you make it possible. For demonstrating purposes, I’m using here a beautiful form builder plugin to make things handy. Let’s take a look at the following steps:

Step 1: Installing WP Fluent Forms

To set up an eCommerce order bump, first I’m installing WP Fluent Forms Pro, one of the fast-growing form builder plugins in WordPress that comes with a free version in the WordPress directory as well. Once you installed the plugin, you’ll find the plugin’s option in the left sidebar panel.

Step 2: Creating a form

Once you click on the Fluent Forms Pro option, you will get a set of sub-menus apart from the plugin’s dashboard.

Next click on the New Form or Add a New form button, then you will have a pop up bearing 60+ demo custom form templates with a manual blank form creation facility in three different places.

Here, we’ll use New Blank Button for checkout form from scratch. Once you click on the button, you will find a drag & drop based editor interface where you can create payment/checkout page with no time.

From the input field options located in the right sidebar, go to the Container section, and click or drag and drop Two Column Container input field.

Now, in one column add Simple Text field and Email Address filed in another on by clicking the plus icon(+). Next, rename the field level of Simple Text as Name.

Adding Email Address field into the editor.

Once, you’re done with the Name and Email, make sure you have set up the pricing in the form.

Ste 3. Setting up the product price

Now, it’s time to add the pricing section of the respective main product you’re going to sell. To make it happen, go to the Payment Fields section, and click on the Payment Field button.

Change the field label according to the main product that you’re going to sell. Define the Name Attribute from the

Ste 4. Integrating payment gateway

Once you’re done with setting the pricing, now, you need to get paid form your consumer based on that pricing you just set. To make it possible, you need to integrate payment gateway into your checkout form.

Again, go to the lick on the Payment Fields section, click on the Payment Method field within the section.

Here, as you can see the screenshot, either you can get paid in two different ways. Now, you need to define the Name Attribute from the Advanced Options for dynamic data submission. You have set up everything fundamental for your checkout form, now, I’ll do the main part of this article.

Step 5. Creating order bumps

Once you’re done with the pricing and payment gateway, now, I’ll set up an order bump item by placing a bump copy with price/discount within the checkout form. To do so, click on the Payment Field button from the Payment Field section.

This time hide the label of the field and make the Product Display Type as Checkbox Selections.

Furthermore, you can use Custom CSS for adding a background to this field. So that consumes can notice well what you’re offering.

Now, you can furnish your order bump section adding a bump summery copy section. Set your calculated discount or offer using the Payment Settings option. Here, if any consumer selects the checkbox the total sum will be changed dynamically according to the given value.

To add additional texts into the bump summery copy section, click on the Custom HTML field.

Then click on the edit icon and put the necessary texts in the right sidebar. The custom text works as the order summary about the order bump you’re going to set up on your check out form. You can modify the text using a classic editor available in the right sidebar panel.

Now, we need to add a dynamic submit button in order to complete the checkout process.

Step 6: Setting up a dynamic submit button

To execute all the submitted entries on your checkout page, you need to customize the default submit button and make it dynamic. Either way, you can add a custom submit button So that users can pay for their respective products and services on your checkout page.

To customize the default submit button, click on the edit icon of the button, then make changes in the Input Customization appears in the right sidebar. From the sidebar, use a dynamic shortcode {payment_total} into the Submit Button Text input field.

You can change the Button Style from the dropdown options and make the button Medium or Large. Moreover, you can align the content center using the Content Alignment option.

Apparently, you’re all set. Now, take a look at the preview of this eCommerce order bump.

That’s it…! Here take another look at the GIF for your better understanding of the issue.

Finally…!

That’s how all about you can create and use an order bump in eCommerce. Implementing this Here, WP Fluent Forms Pro could be a great option to serve this very specific purpose. You’ll get tons of advanced options with no security issues out there using the plugin on your website.

I hope, this article helped you to understand how to set up the order bumps on your eCommerce site. Have you ever implement this technique on your eCommerce website? Let me know in the comment section below.

---

If you haven’t subscribed to our YouTube channel, do subscribe to our YouTube channel to get WordPress-related tips and tricks. Also, follow us on Twitter and Facebook.

The post How to Write And Use an Order Bump Copy on Your Checkout Page appeared first on WP Manage Ninja.