Upgrade Your Drupal Skills

We trained 1,000+ Drupal Developers over the last decade.

See Advanced Courses NAH, I know Enough

Express checkout to increase conversion

Parent Feed: 

This is tutorial #7 in the Drupal Commerce tutorial series. In the previous article, you learned how to modify the checkout flow on your Drupal Commerce site to collect more information. In this article, you will learn how to enable Express Checkout to increase conversions on your site. It's a fairly simple procedure that allows the shopper to proceed directly to the checkout without visiting the Cart. This saves time and ensures that you are able to win the shopper's business quicker.

Here is how the Express Checkout button will look after I am done configuring it:

To get started, you will have to download and unzip the “Commerce Express Checkout” module. Visit the following link to access the module:

You can enable the module by clicking “Modules” on the top-level menu:

Search for “Commerce Express Checkout” and enable it:

Click “Save configuration”:

Let’s now configure an Express Checkout button. Go to the following path:

  • admin/commerce/products/express-checkout-links

You will notice a “Select Product” dropdown at the top of the page. It allows you to select a product of your choice to associate the Express Checkout button with. I chose the product 3-LED Flashlight. Click “Generate Code”. A code will be generated in the dialog box below as shown in the screenshot:

You will have to add this code to any page on your site. I am going to add it to the 3-LED Flashlight product page. Copy the code to a notepad. Go to your product’s page and click “Edit” as shown below:

In the Edit page, paste the code in the Body. Make sure the dropdown for Text format is set to “Full HTML”:

Click “Save” at the bottom of the page:

Head over to the product you wish to purchase. You will notice an “Express Checkout” button like in the screenshot below:

Click “Express Checkout” and you will be taken directly to the checkout screen as shown in the screenshot below:

Next: Enabling Authorize.Net Payment Gateway

Author: 
Original Post: 

About Drupal Sun

Drupal Sun is an Evolving Web project. It allows you to:

  • Do full-text search on all the articles in Drupal Planet (thanks to Apache Solr)
  • Facet based on tags, author, or feed
  • Flip through articles quickly (with j/k or arrow keys) to find what you're interested in
  • View the entire article text inline, or in the context of the site where it was created

See the blog post at Evolving Web

Evolving Web