Thank You Page

General Settings

Here you can change the following aspects:

1. Font Family : Change the font of the content in the thank you page
2. Background Color : Change the background color of the checkout page
3. Padding: The next section is padding. If you select ‘Independent padding’, you can change the padding of each side individually. Otherwise, the padding will be applied to all four sides at once.

Header

You can make changes specifically to your header in this section.
You can perform three actions in your header section.

1. No – This will remove the header section from the checkout
2. Design – This will display the header section. You will also be able to edit its design.
3. Website – Selecting this will display your website’s header on the checkout page

If you choose to display the header section you can make the following changes to the design:
Upload your company’s logo by clicking on the upload button
Adjust the logo width and height
Choose the alignment of the logo. You can display the logo either on the left, right or center of the checkout page.
There is also an option to hide the logo on either the desktop, mobile or both.

Order Confirmation

1. You click on the toggle next to ‘Show image’ if you want to upload an image to be displayed along with the order confirmation message.
2. You can change the font weight and color of the title, subtitle and content.
3. You can enter the title and description about the order confirmation.

Order Summary

In this section, you can make changes to the appearance of the order summary. Let’s look at all the changes that can be made in this section.

1. Title: Here you can change the title of the section.
2. Background color: Change the background color of the order summary section.
3. Border color: Change the color of the border.
4. Border thickness: Increase or decrease the thickness of the border.
5. Border Radius: Change the radius of the border.

Additionally you can change the font color and font weight of the title, subtile and content.
You can either enable or disable the product image in the order summary by clicking on the toggle button next to ‘Show Image’.

Button

Here you can change the appearance of the Continue Shopping Button.
You can edit the button label to add a name of your choice,change button color, button hover color and text color.
You can also adjust the width and radius of the Checkout button.

On the top right corner of the template you will be able to find a few icons. Let’s see what actions you can perform using them.

1. Click on undo to remove a change that you did.
2. Click on redo to reapply a change.
3. Click on reset to undo all your changes and restore the template to its original design.
4. Click on the preview button to get a live preview of your checkout before it is published.
5. Click on Publish to publish the template once the editing is complete.
6. A mobile view and desktop view of the template is also available.