Create a Custom Checkout Page

When MemberMouse is activated on your site, one of the pages created is the Checkout Core page. This is the page users are directed to anytime they click on a Purchase_Link SmartTag™. It is auto-populated with the core page template for the checkout page. 

It is important to note that the checkout core page is a dynamic page because of the MemberMouse SmartTags™ that make up the template. This means that it detects which product is being purchased and fills in the correct pricing and product name. Also it will automatically include or exclude the shipping form based on whether the item is shippable, it will include or exclude the billing form based on whether the membership, bundle or product is free or paid. Read this article to learn more about using the core page template.

Sometimes, however, you will want to have a customized checkout page that is unique from your default checkout page. For example, if you want a free membership signup form.

1. Create An Additional Checkout Page

First, create a new page in your WordPress admin. Remember, this is going to be used as the URL for your purchase link, so be mindful of what you name the page. For our examples, we'll call it ‘Custom Checkout'.

The checkout form used on the default checkout page can be used anywhere so you can add the default checkout template to the ‘Text' tab of your WordPress page editor.

Your checkout page is now ready to use and the next step will be linking to this checkout page.

2. Linking to the Custom Checkout Page

There are three ways you can link to your custom checkout page and determine which product is being purchased there:

The first option is that you can add a simple page link anywhere on your site that leads to your custom checkout page. The URL would look something like this: http://yourdomain.com/CustomCheckout/.  

In this case, you're not specifying a particular product (because no ‘rid' is present in the URL), so the default product configuration will be used on the custom checkout page. Read this article to learn more about setting the default product configuration.

A simple way to add the static link would be to click on the ‘Insert/edit Link' icon in your WordPress page editor, and then choose your new checkout page from the Pop Up box.

A second option is you can choose to pass the product or free membership level info through the ‘rid' parameter in a purchase link (i.e. http://yourdomain.com/CustomCheckout/?rid=pK1ra9).

To do it this way, you'll want to grab the static purchase link for the product/membership level/bundle you want associated with the checkout page. Note: you cannot use the Purchase_Link SmartTag to reach this page because that SmartTag™ only points to the default checkout page. You need to use the static purchase link.

Next, replace the checkout page link in the purchase link you pull (which is usually /checkout/) with the new checkout page URL. For example: Change this: http://yourdomain.com/checkout/?rid=93fd4 to this: http://yourdomain.com/CustomCheckout/?rid=93fd4

C. Use MM_Form SmartTag

The third option is to specify the default product or membership level to use for the form directly in the form itself.

To indicate that the form should be used to purchase product ID of 20 by default you would do this:

[MM_Form type='checkout' productId='20']

To indicate that the form should be used to purchase membership level ID of 8 by default you would do this:

[MM_Form type='checkout' membershipLevelId='8']

This article has more details on using these attributes with the Form SmartTag.

NOTE: This configuration will be overridden if/when a purchase link with a ‘rid' parameter is passed to the page.

Was this article helpful?

Related Articles