Checkout - Error Code Sample

Here is some example code and CSS to build the Checkout - Error step for the store. This is, of course, an example and you have the flexibility to lay out the page to suit your own design. 

Below is a screenshot of the layout that this code will build.  

HTML:

Below is the HTML / Branch code that would go in the Template field for the Checkout - Billing content template. 

<h1>Checkout - Error</h1>
<p>There was an error while trying to process your credit card.</p>
<p>The most common causes are:</p>
<ul>
<li>Mistyped billing information</li>
<li>Unavailable funds</li>
</ul>
<p>Please <a href="{#error.urls.checkoutBilling}">return to the previous page</a> and check your information.</p>
<p>If you're still having problems please <a href="/contact">contact us</a>.</p>
<p>Thank you.</p>