The Checkout page is where the customer/associate can enter their shipping address, select a shipping method, finalize they product quantity, and enter a payment method.
What We’ll Cover
- Finding the Page
- Editing Static Text
- Requiring AutoShips for New Sign-Ups to Checkout
- Terms and Conditions Checkbox
- Adding Credit Cart Logos
Finding the Page
In eCommerce Admin, navigate to: Company Setting > Settings.
Editing Static Text
In the following sections you’ll see a string listed with an associated string key (such as
copy_right). As a reminder you can edit the string key’s text value. For more information see, Changing Static Text.
Requiring AutoShips for New Sign-Ups to Checkout
You can require that newly signed up Associate Types need to add an autoShip item to their cart before they can completely checkout.
Note: To learn how to enable these settings see: Requiring AutoShips for New Sign-Ups to Checkout
Terms and Conditions Checkbox
In the Checkout page, you can have a required checkbox that indicates that the customer has read your terms and conditions.
This checkbox can correlate with the terms and conditions link in the footer, or you can edit the string of the text and include a link.
You’ll find the toggle under the Global section in the Company Settings page.
Enabled: The customer will be required to check the box in order to place their order.
Disabled: The checkbox is hidden. The customer can place an order without obstruction.
Adding Credit Cart Logos
The Checkout page can display logos for the accepted forms of credit card payment, as well as card logos underneath the Add a Payment Method dropdown.
Enabled: Displays card logos for the accepted forms of credit card payment.
Disabled: Removes Accepted cards test and card logos from the page.
Enabled: Displays card logos underneath the Add a Payment Method dropdown.
Disabled: Removes card logos underneath the Add a Payment Method dropdown.
With the string it is possible to show different card logos under the Payment Method dropdown. Here are the HTML options for the available card logos and the default US flag:
<img src="assets/img/usa_card.png" alt="USA" width="50px">
<img src="assets/img/Visa2.png" alt="VISA" width="50px">
<img src="assets/img/Discover.png" alt="“Discover”" width="50px">
<img src="assets/img/Amex.png" alt="Amex" width="50px">
<img src="assets/img/Matercard.png" alt="MasterCard" width="50px">
Any of the images that display under this dropdown can be removed, changed, and customized. To add an image aside from the options above, host an image in a cloud-based app or in your own CMS with a public URL, and then link to it in the same format as the other HTML logo options. Click the Save button, and then the Clear Cache button, once configurations are complete.