Big Cartel Theme Support

How do I customise my success page?

How do I customise my success page?

The following only applies if you have PayPal off-site checkout enabled. Otherwise your success page is managed by Big Cartel in the seamless checkout area - see How do I customise my Seamless Checkout payment page?

To customise the content of the maintenance page we use the insert content method detailed in the article Insert Content - Success Page.

For example, we can replace our standard success message, which is..

<h2><span>Order Placed</span></h2>

Your order has been successfully placed, and a receipt for your purchase has been emailed to you.

We will start working on delivery as soon as possible. Please <a href="/contact">contact us</a> if you have any questions or concerns.

..by creating a new page named..

x-ic-success

..switching to HTML mode (if using HTML) and adding our own content..

<h2><span>Thank you for your order!</span></h2>

We will be in touch with you shortly to finalise the details of your custom product.

Customising the success page style

Additionally you can use the method described in the support article Using the body tag to create page specific custom styles to add custom CSS specific to the success page. For example, to center align and border the success message within the page you might add the following to your custom style coding area — see Where do I add custom style code?:

/* Center and style the success page message */
body#success-page main > .content {
	max-width: 460px;
	padding: 10px 30px 30px;
	border: 2px solid #a44a44;
	border-radius: 4px;
	margin: 60px auto;
	background-color: #fefce4;
}

AarcadeHow do I customise my success page?