Customising platform checkout

These settings determine the design and information displayed in the heading section of each of your website's checkout pages.

Use this setting to display a logo in your checkout pages' header section that's different to the logo uploaded in your ShopWired account that is displayed on your website.

Use this setting to display a message in your checkout pages' header section showing the words "secure checkout" with a secure padlock icon.

Use this setting to configure a telephone number to display in your checkout pages' header section.

Use the colour settings, described in the table below, to set the colours for your website's checkout pages. You can use the reset option in this section to reset the colours to the default settings.

Select the font to use on your website's checkout pages from ShopWired's curated selection of Google Fonts. If a Google Font you want to use is not available in the list of options, contact theme support.

Use the button settings to configure the text displayed in each of your website's checkout pages buttons.

These settings determine various form fields displayed at checkout

Select this setting to prompt visitors to enter a company name for both their shipping and billing information.

Select this setting to make the entry of a company name required.

Select this setting to prompt visitors to enter a telephone number for both their shipping and billing information.

Select this setting to make the entry of a telephone number required.

Select this setting to prompt visitors and customers to consent to receive marketing communications from you. If the visitor is logged into a customer account the selection of their marketing preference on their customer account will be overridden by their selection of this setting.

Select this setting to make visitors agree to your company's terms and conditions before proceeding to payment. When enabling this setting:

• You'll be prompted to select from one of your text & information pages
• If you are using the trade accounts app you'll be prompted to select a separate text page

These settings determine whether visitors are prompted to log in to a customer account during checkout (which includes trade customer accounts) and whether guest checkout is available.

Use this setting to select whether visitors are prompted to log in to an account during checkout. The login page includes the option to create a new customer account.

Use this setting to select whether visitors are allowed to complete checkout as a guest, without having to log in or create an account.

These settings determine the selection of delivery information.

To prevent visitors from entering separate shipping and billing information, select no for this setting. This will ensure that orders are always shipped to the customer’s billing address.

To use the shipping on checkout configuration for your website's checkout, select yes for this setting. To use the shipping on basket configuration, select no for this setting.

To enable the click & collect feature on your website's checkout select yes for this setting. Click & collect locations must be configured separately in your ShopWired account and at least one delivery rate assigned to each click & collect location.

If you have enabled the click & collect feature and have multiple click & collect locations configured, select yes for this setting to prompt users to search for their nearest location.

Your checkout displays an order summary on the right-hand side of each step of checkout:

• To display order summary prices including VAT, select including VAT
• To display order summary prices excluding VAT, select excluding VAT

• To show a separate VAT line total in your checkout’s order summary, select yes in the VAT and taxes section.
• If you display prices including VAT, the VAT line total will be labelled as Including VAT
• If you display prices excluding VAT, the VAT line total will be labelled as VAT

You can use the order questions feature to ask visitors to your checkout pages questions that you configure, using the settings described below. You can configure an unlimited number of order questions on your checkout and the questions and answers provided are stored on the order as order comments.

Select the type of question you are creating:

• Text field asks visitors to enter a single line of text
• Text area asks visitors to enter multiple lines of text
• Checkbox asks visitors to either select or not select (selection can be made mandatory)
• Radio button asks visitors to select from different choices using a radio button selection
• Select list asks visitors to select from different choices using a select list

Configure the label for the question you are asking.

If you are creating a question of the type radio button or select list you must configure the available options in this setting. Separate multiple options with a comma.

If you are creating a question of the type radio button or select list you can configure a default option that is pre-selected for visitors. This is optional.

Use this setting to configure additional text information to display to visitors to your checkout. The additional instructions are displayed directly above the payment method selection section.

• To configure rich text such as text of different sizes, bold, underlined and links, select rich text
• To configure standard text without making it different sizes or inserting links, select plain text

You can prompt visitors to select a requested delivery date for their order (displayed on the payment method selection step) using the settings in this section. The visitor's selected delivery date is displayed on the order.

To prompt visitors to select a delivery date, select yes for this setting.

If you want to require visitors to select a delivery date, select yes for this setting.

Use this setting to select which days of the week that you offer delivery on. Most users will not select Saturday or Sunday here.

Use this setting to configure the earliest date available for a visitor to select from. For example, enter 0 if next day delivery is available.

Use this setting to configure the time by which a visitor must place their order for “tomorrow” to be available for selection on the delivery date calendar when the delivery lead time setting is set as 0.

You can specifically exclude certain dates from being selected by visitors (for example, Christmas Day or New Year's Day) by entering a list of excluded dates in this setting. Enter dates in the format DD-MM-YYYY and separate multiple dates with a comma.

You can use this setting to display some additional text beneath the delivery date label.

Each payment gateway that is configured in your ShopWired account is displayed in this section and, if configured, the offline payment method. For each payment method you can configure various settings.

This setting determines the name of the payment method displayed to visitors, for example, Pay by credit/debit card.

This setting determines which card brand logos are displayed for the payment method. Select each card brand logo that you want to display.

Use this setting to determine a minimum order value amount. If a visitor's order grand total is beneath the minimum order value set, the payment method will be hidden.

Use this setting to determine a maximum order value amount. If a visitor's order grand total is above the maximum order value set, the payment method will be hidden.

Use this setting to configure the types of visitors that the payment gateway will be available for:

• Regular visitors (visitors not logged into an account)
• Registered customers (visitors logged into a normal customer account)
• Trade customers (visitors logged into a trade account)

Use this setting to determine whether or not visitors can use the payment method to complete an order that contains a gift card.

These settings are used to configure a customer's experience once they have successfully completed checkout and made payment for their order (or completed their order using the offline payment method).

For customers who didn't log in to a customer account before or during checkout, select yes for this setting if you want to prompt them to create a customer account. Only standard customer accounts can be created after checkout, trade customer accounts cannot be created.

Use this setting to prompt customers to share that they have completed an order on your website with their friends and followers on social media (Facebook and X/Twitter).

If you're using the reward points app to reward customers and visitors for referring new customers to your website, select this setting to include the customer's referral link (only available if the customer is logged into a customer account) in the social media sharing message.

Use this setting to configure custom text for the message that’s predefined for customers when they make a post to Facebook or Twitter sharing that they’ve just completed an order on your store

You can use these settings to customise the text and information that is displayed to customers once they have successfully completed their order.

You can use Twig in any of these settings to return dynamic information:

• About a customer's order using the order object
• About the products in a customer's order using the order product object
• To dynamically adjust or generate text depending on variables within the customer’s order, for example:
• To use a conditional statement to display text based on the customer’s order value
• To use a conditional statement to display text based on the customer’s selected shipping method
• To use a conditional statement to display text determined by any data about the products in a customer’s order, for example; the type of products in a customer’s order, the value of each product in an order
• To use a conditional statement to display text determined by any custom field data set on any of the products in a customer’s order

For assistance configuring dynamic information contact theme support.

Take a look at some code examples here.

Use this setting to configure the text displayed when a customer successfully completes an order through a payment gateway.

Use this setting to configure the text displayed when a customer completes their order through the offline payment method.

Use this setting to configure the text displayed when a customer successfully completes an order through a payment gateway where the order contains at least one pre-order product.

Use this setting to configure the text displayed when ShopWired cannot determine the status of the visitor's payment (because it is awaiting the message from the payment gateway that informs it whether the visitor's payment was successful or not). In these cases, the customer will receive either the order confirmation email or the order failed email when ShopWired has determined the payment’s status

Use this setting to configure the text displayed when ShopWired is polling. The polling message is only displayed temporarily until ShopWired correctly determines the status of the visitor's payment.

Use this setting to configure the text displayed when a visitor's payment has been unsuccessful.

If you're using the reward points app to reward customers and visitors for referring new customers to your website, select this setting to prompt customers (who are logged into a customer account) to refer their friends to your website.

Use this setting to configure information text that's displayed above the referral link displayed to customers on the payment confirmation page.

Use this setting to enable customers to enter the email address(es) of their friends to send a referral email to them after checkout.

Use this setting to display a referral link to customers that they can copy to their device's clipboard and then share with their friends.

Use this setting to enable customers to share a referral link with their Facebook friends.

Use this setting to configure custom text used when a customer uses the Facebook referral feature.

Use this setting to enable customers to share a referral link with their X followers.

Use this setting to configure custom text used when a customer uses the X referral feature.

Use this setting to enable customers to share a referral link using WhatsApp.

Use this setting to configure custom text used when a customer uses the WhatsApp referral feature.

You can use CSS to configure advanced display customisations to your checkout pages by entering your CSS code into this setting. Do not enter opening or closing <style> tags.

Some examples of the types of advanced display customisations you can make with custom CSS are:

• Increase the font size of text on checkout steps
• Highlight particular pieces of text in different colours
• Hide certain fields or sections from checkout steps
• Change individual button colours
• Change the font sizes of text in buttons
• You can use custom CSS rules to alter the colour of elements of checkout pages but most colours can be set using the colour settings available in the colours settings

For assistance in configuring custom CSS contact theme support.

You can use Javascript to configure advanced Javascript enabled functionality to your checkout pages by entering your JS code into this setting. You should enter opening and closing <script> tags.

Some examples of the types of advanced functionality customisations you can make with custom Javascript are:

• Display a review widget on checkout steps
• Integrate a postcode lookup tool like Loqate or IdealPostcodes
• Validate a visitor’s entry into form fields (e.g. to prevent them adding a PO Box address)
• Change the text for field labels
• Update the marketing preference checkbox to be selected by default

ShopWired's platform checkout feature is suitable for most ShopWired users. It allows them to configure the design, display and functionality of the pages of their website's checkout using the settings made available within the ShopWired account. The advanced CSS and advanced JS settings also allow users to deploy their own CSS and Javascript to checkout pages to achieve more specific customisations to checkout pages.

However, further customisations are available by reverting the checkout pages to be controlled by the website's theme instead of using platform checkout. When reverting checkout pages to the theme, ShopWired users gain complete control over the checkout experience and can design, develop and deploy checkout pages that look and work exactly how they want them to, including the creation of a one page checkout.

Reverting checkout pages to the theme is a multi-step process:

1. You need to develop the checkout pages that you want your website to use within your theme files
   • checkout_login.twig (optional, to prompt visitors to log in or create an account)
   • checkout_address.twig (required, where visitors enter their address information and select their payment method)
   • checkout_complete.twig (required, where visitors land after successfully completing their order)
   • checkout_fail.twig (required, where visitors land when not successfully completing their order)
2. You need to request support to disable platform checkout on your ShopWired account

You cannot view the checkout pages you have developed whilst platform checkout is enabled on your ShopWired account so it is strongly recommended to create a new ShopWired account free trial to develop the pages and then copy them across to your theme files on your live ShopWired account once they are ready.

Here are some practical examples of Twig code you can use in your order confirmation page text: