ONE STEP CHECKOUT USER GUIDE

Transcription

1 ONE STEP CHECKOUT USER GUIDE Version

2 Contents 1. ONE STEP CHECKOUT CONFIGURATION GENERAL CONFIGURATION DEFAULT SETTINGS FIELD MANAGEMENT AJAX BLOCK UPDATE EXTRA FEATURES Skip Shopping Cart and redirect straight to Checkout page Auto-detect and fill in address using Google Suggest Coupon Code field Terms and Conditions Order Comment Newsletter Signup Quick Survey STYLE MANAGEMENT Copyright (c) Page 2 of 24

3 1. One Step Checkout Configuration Access your Backend > One Step Checkout > Settings tab to configure the module. Note: About License Certificate section, please go to your account on then My License Certificates to register One Step Checkout license for your domain. After that, enter your license in One Step Checkout License field. 2. General Configuration In Enable Advanced Checkout field, select Yes to enable the module In Enable Shipping Address Block field, select Yes to enable the Shipping Address block. In this case, Shipping Address block will be shown for customers to insert the shipping address if they do not want the shipping address to be the same as billing address. In Checkout page title field, enter the title of your checkout page Copyright (c) Page 3 of 24

4 Copyright (c) Page 4 of 24

5 3. Default Settings In Default Payment Method field, set default payment method to be shown on your checkout page In Default Shipping Method field, set default shipping method to be shown on your checkout page Apply similarly to other fields including Default Country, Default Region/ State, Default Zip/ Postal Code, Default City The default values are always checked for fields you set. Below is the screenshot when you set Free Shipping as default shipping method and Cash on Delivery as default payment method. Copyright (c) Page 5 of 24

6 4. Field Management In this section, you can set up the fields to be displayed in Billing Address block and the fields you want to disable just by dragging and dropping. To arrange filed position, just drag a field and drop it to the position you want. To remove a field, move it to Disabled fields box. You can also set which fields are required by ticking a button Required. To show any field you want as a null field, stretch it. Copyright (c) Page 6 of 24

7 5. Ajax Block Update Configure auto updating later steps when customers change information in former steps. Copyright (c) Page 7 of 24

8 Copyright (c) Page 8 of 24

9 In Update checkout address when changing field, select fields to be changed when customers changed information in these fields, information in later steps/ blocks will be automatically updated. In Reload Blocks field, you can configure to reload blocks when all selected fields above are filled or any selected fields above are filled. In Select blocks updated when changing in Address field, you can choose which blocks are updated when there is any change in address. In Select blocks updated when changing in Shipping Method field, you can choose which blocks are updated when there is any change in shipping method. In Select blocks updated when changing in Payment Method field, you can choose which books are updated when there is any change in payment method. Copyright (c) Page 9 of 24

10 6. Extra Features 6.1. Skip Shopping Cart and redirect straight to Checkout page In Redirect to checkout automatically after adding product to cart field, select Yes to allows customers to skip Shopping Caret page and go straight to Checkout page after they add items to cart 6.2. Auto-detect and fill in address using Google Suggest In Use Google Autocomplete field, select Yes to enable Google Suggest. Once enable, customers are allowed to: Click Get your location button to auto detect and fill in customers' address, city, states, zip-code and country. See Google suggestions for their address when they type any letters in Address field. Auto detect and get location: Copyright (c) Page 10 of 24

11 Show Google suggestions when typing: 6.3. Coupon Code field In Coupon Code Field, select Yes to enable coupon code box in the Checkout page so that customers can enter their coupon code. Copyright (c) Page 11 of 24

12 6.4. Terms and Conditions In Show Terms and Conditions field, select Yes to enable Terms and Conditions checkbox in Checkout page. Copyright (c) Page 12 of 24

13 In Type of Terms and Conditions field, select System if you want to show the existing content of your terms and conditions in system. Otherwise, select Custom if you want to customize the new content for your Terms and Conditions to be shown in checkout page. When you choose Custom, the Terms and Conditions Content (HTML) will be shown for you to enter your custom Terms and Conditions content. Customers have to tick the checkbox I read and agree to the Terms and Conditions before placing an order. Copyright (c) Page 13 of 24

14 To view the detailed Terms and Conditions, Customers can click Terms and Conditions link then the content will be shown in a popup: 6.5. Order Comment In Order Comment field, select Yes to enable Comment field in the Checkout page so that customers leave comments or notes for their orders. Copyright (c) Page 14 of 24

15 6.6. Newsletter Signup In Enable Singup for Newsletter field, select Yes to enable customers to subscribe to your newsletter Copyright (c) Page 15 of 24

16 6.7. Quick Survey In Enable Survey field, select Yes to show a quick survey question/feedback form on the checkout page. In Survey Question field, enter the question you want to ask your customers. In Values section, enter options for your question. Click Add label button to add more answer option. Click Delete button to remove an answer option. In Enable "Other" value field, select Yes to show "Other" option. Your question and answer options are shown on checkout page: Copyright (c) Page 16 of 24

17 If customers choose "Other", there will be a box shown for them to enter their answer. 7. Style Management Copyright (c) Page 17 of 24

18 In Columns field, select layout you want: 1 column, 2 columns, 3 columns. 1 Column: Copyright (c) Page 18 of 24

19 2 Columns: Copyright (c) Page 19 of 24

20 3 Columns: Copyright (c) Page 20 of 24

21 In Icon Box Style field, you can choose the style of icon box in title block to best fit your page. None type: Arrow Right type: Arrow Left type: Copyright (c) Page 21 of 24

22 Slant Right type: Slant Left type: In Icon Box Color field, select darken or lighten icon box. Darken type: Copyright (c) Page 22 of 24

23 Lighten type: In Type of block icon field, select Icon to show icon for block header, or select Number to show number (1,2,3,4...) beside block title. Icon Type: Number Type: In Color of Buttons field, enter the color you want for the buttons on checkout page Copyright (c) Page 23 of 24

24 In Text Color in Buttons field, enter the color you want for the text in buttons on checkout page. In Color of Block Titles field, enter the color you want for block titles on checkout page In Text Color in Block Titles field, enter the color you want for the text in block titles on checkout page THE END Copyright (c) Page 24 of 24