Menu icon
RedCrackle
Menu icon
Services
01Design Transformation
About UsCase StudiesBlogContact Us

<

Blog post

Adding A Flat Shipping Rate To Orders

Neerav Mehta

Founder & CEO

This is tutorial #13 in the Drupal Commerce tutorial series. In the previous article, we set up coupons for the site.

In this article, we are going to explore the basic Shipping configuration for Drupal Commerce. We will keep things easy by applying a flat shipping rate of $10 to all orders.

Here is how the final order screen will look. Notice the $10 flat rate that’s now part of the bill:

Configuring Free Shipping

To start with, you will have to download and unzip the following modules to your site’s Modules folder:

Click “Modules” on the top-level menu:

Configuring Free Shipping

Search for the newly downloaded modules. Enable “Flat Rate”, “Shipping” and “Shipping UI”.

Configuring Free Shipping

Click “Save Configuration” at the bottom of the page:

Configuring Free Shipping

Click “Store” on the top-level menu:

Configuring Free Shipping

Click “Configuration”:

Configuring Free Shipping

Click “Shipping”:

Configuring Free Shipping

On the new page, you will find 3 tabs on the top-right:

  • SHIPPING SERVICES
  • SHIPPING METHODS
  • CALCULATION RULES
Configuring Free Shipping

SHIPPING SERVICES is selected by default. Click “Add a flat rate service”:

Configuring Free Shipping

Give a title and the flat rate you wish to apply across all orders. I have provided a flat rate of 10%. Click “Save flat rate”.

Configuring Free Shipping

You can see the newly created Shipping Service in the table:

Configuring Free Shipping

The next step is to tweak the way shipping information is displayed so that we can review the final order.

Click “Store”:

Configuring Free Shipping

Click “Configuration”:

Configuring Free Shipping

And finally, click “Checkout settings”:

Configuring Free Shipping

In the checkout pane, I want you to drag "Shipping information" and "Shipping service" to the top just under "Confirm your cart". This will ensure that the flat rate is shown to the customer in the beginning itself and added to your bill:

Configuring Free Shipping

Let’s now perform a checkout to observe the shipping charges. I have clicked “Checkout” to initiate the process:

Configuring Free Shipping

See the first screen in the Checkout process. As specified by us, “Shipping service” and “Shipping information” appear below in the confirmation screen. A shipping flat rate of $10 is highlighted as well:

Configuring Free Shipping

Click “Continue to next step” and proceed to the final screen where you can view the final pricing:

Configuring Free Shipping

Notice that a flat rate of $10 has been added to the final bill. This indicates that the shipping functionality has been successfully implemented on your site.

Next: Applying A Discount To All Orders Above $50

Neerav Mehta

Neerav Mehta

Founder & CEO

Neerav Mehta is the Founder & CEO of Red Crackle. With sterling qualities, Neerav’s technological acumen is firing a generation of progressive companies on the digital path. With an undergraduate degree in Electrical Engineering from India's most prestigious institution IIT Bombay and having spent seven years developing and contributing to the launch of AMD's innovative line of computer products, Neerav founded Red Crackle where he is lauded for his dynamic and innovative genius.

View all posts

>

Read Next

10 Tips For Entrepreneurs In 2015

10 Tips For Entrepreneurs In 2015

Learn more

10 Ways To Increase Productivity At Work

10 Ways To Increase Productivity At Work

Learn more

30 best WordPress widgets for your site

30 best WordPress widgets for your site

Learn more

Let’s get you started!

Contact Us

>

RedCrackle

Explore

About Us

Services

Contact Us

Our address

5346 Gerine Blossom Dr,

San Jose, CA 95123

USA

Socials

Twitter
LinkedIn

© 2023 RedCrackle. All rights reserved.