fbpx

Checkout Core Page Template

If you need to replace the Checkout Core Page template, copy and paste the code below into a Custom HTML block of the WordPress Editor.

<div class="mm-checkoutContainer">
[MM_Form type='checkout']
[MM_Form_Message type='error']
<div class="mm_left_column">
[MM_Form_Section type='accountInfo']
<div id="mm-account-information-section" class="mm-checkoutInfoBlock">
<h3>Account Information</h3>
<p class="mm-formField">
<label>First Name:</label>
[MM_Form_Field type='input' name='firstName' customAttributes='placeholder="First Name"']
</p>
<p class="mm-formField">
<label>Last Name:</label>
[MM_Form_Field type='input' name='lastName' customAttributes='placeholder="Last Name"']
</p>
<p class="mm-formField">
<label>Email:</label>
[MM_Form_Field type='input' name='email' customAttributes='placeholder="Email Address"']
</p>
<p class="mm-formField">
<label>Password:</label>
[MM_Form_Field type='input' name='password' customAttributes='placeholder="Password"']
</p>
<p class="mm-formField">
<label>Phone:</label>
[MM_Form_Field type='input' name='phone' isRequired='false' customAttributes='placeholder="Phone Number"']
</p>

</div>
[/MM_Form_Section]
[MM_Form_Section type='billingInfo']
<div id="mm-billing-information-section" class="mm-checkoutInfoBlock">
<h3>Billing Details</h3>
<p class="mm-ccLogos"><img src="../wp-content/plugins/membermouse/resources/images/cclogos.gif" width="199" height="30" alt="Visa, Master Card, American Express, Discover" />
</p>
<p class="mm-formField">
<label>Credit Card:</label>
[MM_Form_Field name='ccNumber']
</p>
<p class="mm-formField">
<label>Security Code:</label>
[MM_Form_Field name='ccSecurityCode']
</p>
<p id="mm-checkout-expiration-date" class="mm-checkout-expiration-date mm-formField">
<label>Expiration Date: </label>
[MM_Form_Field name='ccExpirationDate']
</p>

<p style="clear:both;"></p>

<h3 class="mm-hr">Billing Address</h3>

<p class="mm-formField">
<label>Address:</label>
[MM_Form_Field name='billingAddress' customAttributes='placeholder="Billing Address"']
</p>
<p class="mm-formField">
<label>City:</label>
[MM_Form_Field name='billingCity' customAttributes='placeholder="Billing City"']
</p>
<p class="mm-formField">
<label>State:</label>
[MM_Form_Field name='billingState' customAttributes='placeholder="Billing State"']
</p>
<p class="mm-formField">
<label>Zip:</label>
[MM_Form_Field name='billingZipCode' customAttributes='placeholder="Billing Zip Code"']
</p>
<p class="mm-formField">
<label>Country:</label>
[MM_Form_Field name='billingCountry']
</p>

</div>
[/MM_Form_Section]
[MM_Form_Section type='shippingInfo']
<div id="mm-shipping-information-section" class="mm-checkoutInfoBlock">

<h3>Shipping Address</h3>

<p id="mm-shipping-method-block" class="mm-formField">
<label>Shipping Method:</label>
[MM_Form_Field name='shippingMethod']
</p>
<p class="mm-formField">
Shipping is the same as billing
[MM_Form_Field name='shippingSameAsBilling']
</p>

[MM_Form_Subsection type='shippingAddress']
<div>
<p class="mm-formField">
<label>Address:</label>
[MM_Form_Field name='shippingAddress' customAttributes='placeholder="Shipping Address"']
</p>
<p class="mm-formField">
<label>City:</label>
[MM_Form_Field name='shippingCity' customAttributes='placeholder="Shipping City"']
</p>
<p class="mm-formField">
<label>State:</label>
[MM_Form_Field name='shippingState' customAttributes='placeholder="Shipping State"']
</p>
<p class="mm-formField">
<label>Zip :</label>
[MM_Form_Field name='shippingZipCode' customAttributes='placeholder="Shipping Zip Code"']
</p>
<p class="mm-formField">
<label>Country:</label>
[MM_Form_Field name='shippingCountry']
</p>
</div>
[/MM_Form_Subsection]
</div>
[/MM_Form_Section]
[MM_Form_Section type='coupon']
<div id="mm-coupon-block" class="mm-couponSection mm-checkoutInfoBlock">

<h3>Coupons</h3>
<p class="mm-formField">
[MM_Form_Field name='couponCode']
<a href="[MM_Form_Button type='applyCoupon']" class="mm-button">Apply Coupon</a>
</p>

[MM_Form_Message type='couponSuccess']
[MM_Form_Message type='couponError']  
</div>
[/MM_Form_Section]
</div>
<div class="mm_right_column">
<div class="mm-checkoutSection2">
<h2>[MM_Form_Data name='productName' useAccessName='false']</h2>
<p class="mm-productDesc">[MM_Form_Data name='productDescription']</p>
<ul>
<li><span class="mm-prices">Product Price:</span> [MM_Form_Data name='productPriceDescription'] </li>
[MM_Order_Decision isShippable='true']
<li><span class="mm-prices">Shipping Price:</span> [MM_Form_Data name='shippingPrice'] </li>
[/MM_Order_Decision]
[MM_Order_Decision isDiscounted='true']
<li><span class="mm-prices">Discount:</span> [MM_Form_Data name='discount'] </li>
[/MM_Order_Decision]
<li><span class="mm-prices">Total Price:</span> [MM_Form_Data name='totalPrice'] </li>
</ul>
</div>
<div class="mm-purchaseSection">
<div class="mm-giftsection">
[MM_Member_Decision isMember='true']
<p>[MM_Form_Field type='input' name='gift'] Is this a gift?</p>
[/MM_Member_Decision]
</div>
<div class="mm-paymentbuttons">
[MM_Form_Button type='all' label='Submit Order' color='orange']
</div>
</div>
</div>
[/MM_Form]
</div>
Was this article helpful?

Related Articles

Can’t find the answer you’re looking for?

Reach out to our Customer Success Team
Contact us!