For more details see the One Step Checkout extension page.
Display all checkout steps on one page to let visitors instantly modify necessary information and complete purchases as fast as possible.
To configure the extension settings please go to Admin panel → Stores → Configuration → One Step Checkout.
Specify a custom Title and a Description for the checkout page. Include main keywords for better SEO rankings.
Use the Description field to provide customers with additional information about taxes (e.g. VAT) or any other payment aspects. Use <html> to highlight the important points.
Allow to edit products in the Order Summary - choose Yes to allow customers to delete products and change their quantity
Reload shipping methods when coupon code is applied - choose Yes to update the types of available shipping methods automatically after a coupon code is added. For example, you can allow free delivery after a specific coupon code is applied.
Refresh payment methods & total upon the shipping address change - choose Yes to refresh payment methods and grand total automatically if the shipping address is changed.
Geo IP Location - enable this option if you want to detect user country automatically based on the IP address.
Google Address Suggestion - use this option to show automatic address suggestions once a customer starts typing in the address field. Learn more about Google Autocomplete feature.
Google API Key - to enable the Address Autosuggestion option you need to specify your your API key in this field.
In this tab you can specify values that will be preselected on the checkout page by default to speed up the checkout process.
With the One Step Checkout extension you can set default values for the following fields:
In this section, you can rename the current names of the blocks on the checkout. Leave these fields empty to use the default names.
Display header and footer - to display the header and footer blocks on the checkout page, select Yes.
Checkout Page Layout - choose one of 2 layout types: a 2-column layout and a 3-column one.
Checkout Text Font - specify the name of a necessary font. Use Google Fonts to quickly pick the one you need.
With a handy color picker tool you can select colors for:
Here is the example of a custom checkout page design.
Order Comment - enable the option to let customers add comments to their orders right on the checkout page.
Discount Field - let customers apply promo codes at the checkout.
Newsletter Checkbox - display the newsletter subscription checkbox.
Newsletter is Checked by Default - set the option to 'yes' to make the Newsletter Subscription option ticked by default.
Create an account - set the option to 'yes' to let customers receive an email with a signup link after they complete the purchase.
This is how the additional options display on the checkout page:
Display Terms and Conditions checkbox - choose where to display Terms and Conditions checkbox.
Before you choose the position of the Terms&Conditions, check that:
Allow Gift Messages on Order Level - enable this option to let customer specify gift messages for the whole order.
Allow Gift Messages for Order Items - this option enables users to specify gift messages for each item in the cart.
Gift Wrap - enable a gift wrap option on the checkout page.
Gift Wrap Fee - specify a gift wrap fee amount. Once the Gift Wrap option is selected by a customer its price will be automatically added to order total.
Delivery Date field is mandatory - Set 'Yes' to make the delivery date field obligatory.
Available Days - Specify days available for delivery.
Available Hours - specify time intervals available for delivery. You can list them and separate by comma.
Enable Delivery Comment - Set 'Yes' to display the delivery comment field right below the delivery date and time information.
Delivery Comment Default Text - here you can specify the placeholder text, that will be shown as an example in the delivery comment field.
Customers will be able to select delivery days and time intervals and also leave a delivery comment.
Success Page - specify the ID of a custom CMS Block to show it on the order success page.
In this section, you can choose a CMS block, that you would like to display at the top or bottom of the checkout. With this feature, you can add any additional information on the checkout page. For example, trust seals, phone numbers, delivery conditions. To create a custom block, go to Content → Blocks
Top Block - select a CMS block that will be displayed above the checkout.
Bottom Block - select CMS block that will be displayed below the checkout.
To manage checkout fields display go to System → One Step Checkout → Mange Checkout Fields.
On the fields management page you can:
If a customer has already registered in your store, his/her shipping address will be automatically saved for future checkouts.
Display smart Google Autosuggestions once a customer starts typing a shipping address.