Setting Up a Landing Pages and Sales Letters With WooCommerce

sales pageAn effective way to increase eCommerce sales and conversion is to build a simple sales page that eliminates the traditional menus, headers, and sidebars that most websites have. These sales pages or sales letters are proven to increase conversion as the customer is made to focus on the value proposition and make a decision. I use WordPress for most of my sites, and I prefer WooCommerce for my shopping cart software. Trying to find a way to integrate WooCommerce into a Sales Page has proven to be challenging to say the least.

What Didn't Work – Don't Waste Your Time

I found various number of websites that stated that the best solution was to use custom CSS codes to block out and eliminate everything from the navigation menu and above from view on a specific page. This is not only tedious but also requires a little know how if you can get it to work at all. Don't bother

I found a small number of plugins that boast being able to create awesome and amazing landing pages. After going through all the free ones I even shelled out some cash for a few paid products but they still just didn't do the job. They play with taxonomies and permalinks and conflicted with other plugins and sometimes didn't even work. Further, they don't play well with WooCommerce or other parts of your existing WooTheme because they ignore the CSS and go in their own direction.

The Simple Solution

The correct way to do this, and what I obviously ended up doing for myself, what to build (or buy) page templates that can live within your current theme (woo or otherwise) and create the landing page look that you need without disrupting the rest of this site. By doing this you need only to add a standard page within WordPress and select the new template. Input your content and publish. I was able to dig up a few free page template solutions that were so-so, but eventually purchased a $27 package that included about a dozen pre-built sales letters / landing pages that can be used as stand alone themes or can be added as page templates to an existing theme. Poof, magic is happening. Here is the one I bought: WP Landing Page Templates.

The Integration with WooCommerce

There are a couple of options depending on what you are inclined to do. The simplest solution is to put an Add to cart icon or button on your sales page and link it directly to the cart/check, adding your product to the cart in the process. The shortcode looks something like:

http://www.yourdomain.com/cart/?add-to-cart=67 — where 67 is the product ID. This URL will take the customer directly to your cart and add product 67 to the cart.

As an alternative you can replace “cart” with “checkout” and take the customer directly to checkout.

You can also create direct URLs for specific variations on products that have variations. An Example would be:

http://www.yourdomain.com/cart/?add-to-cart=67&variation_id=3721&attribute_pa_left-or-right=right-handed

Where:

67 is the product ID
3721 is the Variation ID
“left-or-right” is the variation slug
“right-handed” is the slug for the specific variation option to be added to the cart

If you prefer to use one of the built in WooCommerce Add to Cart buttons you can use a short code like this: 

Here are a list of other WooCommerce default shortcodes.

You can also consider the WooCommerce One Page Checkout Extension.

, , , , ,

No comments yet.

Leave a Reply