Yahoo Checkout page - placing the email address field higher

It is important to ask new shoppers for their email address as early as possible in the checkout process. By default, the Yahoo checkout forms are not optimized for this goal. The default checkout page displays the email address field in the bottom of the page, which is a wrong practice. Many shoppers abandoned the checkout page before getting to this field, hence you will not be able to identify this shoppers and followup with an abandoned cart email. 

Remarkety can identify shoppers in a variety of ways. Read here to learn how

The higher the email is placed in the checkout page, the higher the chance that shoppers will fill-in this field and provide their email address. Once a shopper enters his/her email address, Remarkety will automatically save this info and will start tracking the shopper and their actions on your website, their shopping carts, and all products they look at and more.

Once a customer fill out their email address, they will be identified on you website for about 90 days.

" The Abandoned cart automation is a very powerful method that encourages the customer to complete the order after they added items to the cart. Remarkety’s personalized Abandoned cart emails automatically send emails to shoppers when items are left in their shopping carts, offering personalized product recommendations, coupons or other incentives within email to increase conversion rate. "

Abandoned cart emails are remarkably effective sales recovery tactic.

Remarkety offers a simple solution for moving the email address to the top of the checkout form. Below is an example which demonstrates the solution for a single-page checkout (Although this method should work for both multi page + Same page and Single page + Same page):

Step 1 –

In your Yahoo dashboard, go to Order Settings->Checkout & Registration Manager.

yahoo_set_email_field_higher_1.png

Step 2 - 

Go to: Page Configuration link.

yahoo_set_email_field_higher_2.png

Step 3 - 

Select the Checkout process configuration you like to use (In this use case, we selected Single page).

yahoo_set_email_field_higher_3.png

Step 4 - 

Scroll down to the "Advanced Settings" section and paste the following code in the "HTML Head Section" area and click "Save":

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$( document ).ready(function() {
   $("#labelbilling-email").insertBefore("#labelshipping-full-name");
   $("#labelconfirm-email").insertBefore("#labelshipping-full-name");
});
</script>

 

* This is where you should paste the JS code:

 

yahoo_set_email_field_higher_4.png

Step 5 - 

Click "Save & Preview" and make sure you see the email address field prompt in the top of the checkout page. 

yahoo_set_email_field_higher_5.png

 

If you don't see the change you expected, you might need to customize the JS code to fit your your customized page. Feel free to contact us and we'll be happy to help you with this matter.

To learn more tips and tricks to improve your customer's checkout experience, contact support@remarkety.com  

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.