Hiding the Coupon field

There are several studies that show that having a coupon field in your checkout process can actually lower conversion rates. When people see a coupon field, they assume they can find a coupon somewhere online and they'll leave your site looking for a coupon. It's better to hide the field and give your special customers a discount another way.

Using URL Coupons, we can share special URLs like http://mysite.com/holiday2015 to give people a special discount. These URLs could be shared on your newsletter, via social media, on business cards, or even mentioned on podcasts.

Getting ready

You will also need to install and activate the URL Coupons plugin, available on WooThemes.com.

How to do it…

We'll be creating a WooCommerce coupon, configuring a few extra settings, and then hiding the coupon field on the cart and checkout pages. Let's take a look at the following steps:

  1. Go to WooCommerce | Coupons.
  2. Click on Add Coupon.
  3. Name the coupon. For normal coupons, customers have to type in the name, so you want to avoid spaces or weird characters. With URL coupons, you don't need to worry about that—feel free to name it anything you like.
  4. Set the Discount type and Coupon amount fields as you would any other coupon.
  5. In the Unique URL field, add the URL you wish to add on to your main site. If you have a holiday special, then you might want to enter holiday2015. The full URL that someone would have to type in would be http://mysite.com/holiday2015. Let's take a look at the following screenshot that illustrates the usual coupon settings page with a few extra settings provided by the URL Coupons extension:
    How to do it…

    Note

    If you want to have a promotional page that describes the promotion the user just unlocked, then you should first create a WordPress page and enter the URL for that page. If you just want to direct the user to your shop, then you'll have to set the Page Redirect setting.

  6. Click on Publish.

When the user visits the page, they'll see a banner saying the coupon code was applied successfully and they'll see the coupon details on the cart page.

How to do it…

Now that we have set up the URL coupons, we can disable the regular Coupon field. Implement the following steps:

  1. From the WordPress admin, go to WooCommerce | Settings | Checkout.
  2. You'll notice that there are a few new settings on this page related to coupons. Enable both Hide on cart page and Hide on checkout page.
  3. Click on Save changes.

There's more...

You can do a lot with this plugin. If you have coupons that apply to certain products, you can configure the coupon to automatically add those products to the cart and then redirect the user to the cart. It makes the whole experience very quick and easy for the user.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset