For more details see the One Step Checkout for Magento 2 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 Stores → Configuration Amasty Extensions → One Step Checkout.
Expand the General tab.
Enable One Step Checkout - set to Yes to activate the extension.
Allow Guest Checkout - enable this option to let your customers fill in the checkout form and create accounts right on the checkout page.
Checkout Page Title - specify a custom title for the checkout page.
Checkout Page Description - provide customers with important info, including taxes (e.g. VAT), shipping or any other payment specifics.
Allow to Edit Products in the Order Summary - choose Yes to allow customers to delete products and change their quantity on the checkout page.
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.
To configure automatic location detection for your customers, expand the Geolocation tab.
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.
Google API Key - to enable the Address Autosuggestion option you need to specify your your API key in this field.
API key is required to use Address Auto Suggest. To get API key, you need your Google account. Create Google App here.
Click on the CREATE PROJECT button and configure your app settings.
Specify your project name. The project ID will be generated automatically.
Then, please proceed to this page to create a new API key. ('Maps API' should be selected at first step). Choose the necessary project.
Go to Credentials → API key.
Copy the key and fill it in the Google API Key tab on the backend of the extension.
To use the Geo IP Location option please go to Stores → Configuration → Amasty Extensions → Geo IP Data.
You can get the databases automatically or import your own data.
Hit the Download and Import button to make the extension download the updated CSV dump file and import it into your database automatically.
To import the files from your own source, use the Import option. Path to the files should look like this (the part 'var/amasty' should be replaced with your folders’ names):
var/amasty/geoip/GeoLite2-City-Blocks-IPv4.csv var/amasty/geoip/GeoLite2-City-Blocks-IPv6.csv var/amasty/geoip/GeoLite2-City-Locations-en.csv
In this tab, you can specify values that will be preselected on the checkout page by default to speed up the checkout process.
The Default Values settings are optional. Therefore, you can display only those values that meet your specific requirements.
With the One Step Checkout extension you can set default values for the following fields:
You can also set the necessary default values for the Country, Region/State, Zip/Postal Code and the City. Use the handy dropdown menu.
To set the order for the checkout blocks and customize their names to improve the checkout flow, expand the Block Names tab.
In this section, you can easily rename and reorder the blocks according to your needs via drag and drop function.
To fit your website style, customize the design of your checkout page in the Design Settings tab.
Display Header and Footer - select Yes to display the header and footer blocks on the checkout page.
Checkout Page Layout - choose one of the following layout types: a 2-column layout and a 3-column one.
Number of Lines in a Street Address - specify the number of lines for a 'Street Address' field. The max number to specify is 4. If you use system value, 2 lines will be set by default.
Display Billing Address On - choose where to display the billing address: either on Payment Method or on Payment Page or Below Shipping Address.
Display Multiple Shipping Address In - allows to display billing address form in the customer information block below shipping address (if it differs from the shipping address).
Checkout Text Font - specify the name of a necessary font. Use Google Fonts to pick the one you need quickly.
Customize your checkout page style. With a handy color picker tool you can select colors for:
Here is an example of a custom checkout page design.
You can choose a CMS block, that you would like to be displayed at the top or bottom of the checkout. With this feature, you can add any additional information on the checkout page: trust seals, phone numbers, delivery conditions, etc.
To configure the display settings for CMS block, go to CMS Custom Block in the Design Settings tab.
Success Page Custom Block - specify the ID of a custom CMS block you want to display on the checkout success page.
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.
Here is the example of Contact Us Info CMS Block on the Success Page:
And this is how the Top Block on the checkout page is displayed:
In the Place Button Design section, choose the style for the 'Place Order' button.
Place Order Button Color - customize the color of the button with the color picker tool.
Place Order Button Position - place the button either below the order total or below the selected payment method.
To show extra care to your customers with order comments, newsletter subscription and other additional fields, expand the Additional Options tab.
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.
Let Customers Create an Account at Checkout - select No to forbid the creation of accounts on the checkout page for your guest customers.
To let your guest customers create accounts right on the checkout page, choose the After Placing an Order or While Placing an Order variant.
If you select After Placing an Order, you will also need to enable or disable the ‘Create an Account’ Checkbox is Checked by Default option.
If While Placing an Order is chosen, set Yes in the next field to allow the extension Automatically Log in Customers After Creating an Account at Checkout.
Show VAT Number on Storefront - set the option to Yes to show VAT number on the checkout page. No is set by default.
Enable Terms and Conditions - set to Yes if you want to display Terms and Conditions checkbox.
Terms and Conditions Checkbox Positioning - if Yes, specify the position of the checkbox: Below the selected payment method or Below the Order Total.
This is how the additional options are displayed on the checkout page:
The extension fully supports native Magento gift functionality and shows gift wrap fee and gift message options in the Order Summary block. To configure the block, expand the Gifts tab.
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.
See a Gift Message popup example below.
Let your clients indicate the most convenient day and time interval for the order delivery.
Enabled - set Yes to show Delivery Block to customers.
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 them 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.
See the example of the Delivery block on the frontend.
Customers will be able to select delivery days and time intervals and also leave a delivery comment.
To manage checkout fields display, go to System → Mange Checkout Fields.
On the fields management page you can:
To create additional fields to get more valuable info at the checkout, click Add Custom Fields. You can create up to 3 custom fields.
Easily rename and reorder the fields according to your needs.
To view checkout analytics insights, go to Reports → Checkout Analytics.
The extension allows to analyze customers behavior by looking at checkout fields completion rate and use this information to optimize your page.
To view the detailed statistics based on Store Views, Customers Groups and Periods, use smart filters above the chart.
There are 5 time filters available:
Below the diagram you see the data for each checkout section separately.
Save personal info for registered customers for extra convenience.
If a customer has already registered in your store, his/her shipping address will be automatically saved for future checkouts
Let visitors create their accounts at checkout and automatically log in them after they place an order. As an alternative, you can offer your clients to create a profile after the order placing.