Build Your Own Business Website header image

Whoops, you've found some premium content!

Watch the opening clip of this video to preview it,
the full video is available to paid members.

Lesson 3 – Part 2 – Configure the WP eStore Shopping Cart

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Now that we’ve set up WP eStore payment settings and added the PayPal Sandbox Identity Token number, we need to start configuring and implementing the shopping cart. And in order for us to do that, there are actually a number of settings that we skipped over early in the process that we are going to come back and revisit now.

Complete WP eStore General Settings

Those settings are here in the General Settings. Under Terms & Conditions Page URL, you can have people agree to a certain set of terms and conditions before they complete the transaction if there’s some reason why you feel it is important. You can do that here by creating the URL for that page and put whatever verbiage on it you want and then checking one of these buttons, for the shopping cart in particular which is what we’re working on now.

Add URL of Main Store Page

Then come down and take a look at the General Image and Page URL Settings. This one was entirely irrelevant to the “Buy Now” situation. The Products/Store Page URL is useful in the shopping cart situation so what we want to do is put in the URL of our main store page which is the Our Products page. Let’s copy that URL and put it here.

Canceled Payments Prior to Completion

You can also do a Cancel URL. If somebody cancels the payment prior to completion, you could say, maybe you ought to consider such and such. If you want to try and get them after they cancel inside the shopping cart prior to completing their transaction, this is the opportunity for you to do so by inserting a URL here and then having some kind of verbiage associated with that.

Shopping Cart Specific Settings

Now, we are down to Shopping Cart Specific Settings. The shopping cart comes with a widget and so you can specify the widget title here. I want to call it Shopping Cart Widget Title so that you can see it when we stick the widget in, you can see what’s what.

The Shopping Cart Header is “Items in Your Cart”, this doesn’t make any sense until after you see the widget in place. The text to show, “Your cart is empty” you may be familiar with when you add something to cart. Once it’s “Add to Cart”, it either just goes directly into the cart for you to add it or there is a “Continue Shopping” link.

If you want to add a “Continue Shopping” link to your shopping cart, you can do so here but you need to have the Products page set up for that. If you don’t have a URL here, then this isn’t going to work because essentially when they click on “Continue Shopping”, it will take them to this Products page.

Do Not Show Quantity in Shopping, we’re selling digital products so it doesn’t really make much sense to display a quantity for digital products, right? Because nobody’s going to buy 5 copies of the same eBook . So we can choose to simplify the shopping cart by not having a quantity in it and I’m going to check that right now. We’ll come back and uncheck it a little later just so you can see what it looks like.

Creating a Checkout Page

We also have the opportunity to create a Checkout Page here and we should do that while we’re here. The Checkout Page is where after somebody hits the Checkout button this takes them. You don’t necessarily need to have a Checkout Page. It can happen in a little flyout or it can happen in a sidebar but I think a decent Checkout Page is not a bad idea. So we’re going to go ahead and create that from here.

Different Page Type Depending on Theme

We are going to create a new page and we’ll call it “Checkout”. Now, I want 0 distractions on the Checkout Page so I’m going to choose this layout. In Thesis what you would do is you would choose a different custom template but in Genesis, what we’re going to do is select this layout. It doesn’t have any sidebar in it and we’re going to hit Publish.

Now that that’s published, we’ll view the page and then just copy that URL. We’ll come back over to our WP eStore Settings and paste that here and now we’ve got our Checkout Page setup.

The next is Automatic Redirection to Checkout Page. If you want to send somebody to the Checkout Page, the moment they click “Add to Cart”, then you want to check this box. However, if you’re doing that, maybe the thing to do is just use the “Buy Now” button instead because you’re making them do something extra.

Two Methods of Using the Checkout Page

There really are a couple of different philosophies here. One of them is to automatically redirect them to Checkout Page every time they click on “Add to Cart”. This takes them to the Checkout Page and there will be a button that says, “You wish to continue to shopping” and you could click on that and then go back to the store page.

You have that method and you have the method where you can add products to the cart without going to the Checkout Page. This way you can from the cart widget go to Checkout or proceed to Checkout and checkout from there. So you have those sort of two options.

From my perspective, I think I prefer not being taken to the Checkout Page as soon as I add something to cart because then I’ve got to find my way back to the products if I want to buy more. So I’m not going to check “Automatic redirection to checkout”.

I’m also not going to check Allow Shopping Cart Anchor. There is a possibility where you can have an anchor in page and when they click anything, add or delete or whatever, it will take them to that anchor but it’s a very obscure need so we’re not going to do that.

Hide the Shopping Cart Image, I’m not going to check this although if you don’t want to see that shopping cart image in the widget, you don’t have to.

Show Compact Cart in Widget, you could also do that here. We’re going to look at other ways to add the compact cart to your site so I wouldn’t bother checking this but if that’s all you want then you can check this and then just use the regular widget. There are a lot of ways to skin this cat and we’ll look at them all here today.

Enable Fancy Redirection On Checkout, what you end up with is a jQuery effect. I’ll double check this but I don’t really think this is necessary and so I wouldn’t bother checking it but we’ll show what it looks like here.

Enable Save and Retrieve Cart, if you check this somebody can choose to save it then it’ll save the cart and send them a cookie on their browser. If they come back, it’ll retrieve that and that’s fine but it also automatically does that anyway so I’m not going to bother checking this either since that’s just one more thing a user’s got to consider.

Enable Checkout Amount Limitations, this is only if you want to say, here’s the most money you can spend, here’s the least money you can spend, you’ve got to spend at least this much before you can buy anything. That’s a kind of a ridiculous setting.

Now we’ve set the kind of settings that needed to so we’ll just come back down here and update options and with that done, we’ve set our settings.

Save $200 on Membership Now!

Start learning today for as little as
$0.82 PER DAY!
Subscription Options
0 Comments… add one
0 comments… add one

Leave a Comment