Prestashop One page Supercheckout – User Manual

Installation Guide of Prestashop One page Checkout

  • Copy super checkout module folder under your root_directory/modules/of your store via FTP or use Prestashop interface to upload the plugin.
  • After copy, module will be listed on module listing page in admin panel as shown given below screen.

Picture1

  • If module is not displaying on your module listing page, search it by filtering module with following details.

Keyword: Supercheckout

Author: Knowband

Category: Checkout

Filter by: Installed & Not Installed/Enabled & Disabled

Note:

  • When you will click on install button, a pop up box will appear which will display warning messages. You can ignore these messages and move ahead. There will be no negative impact of this warning message on your store.
  • After installing module, a configure button will be in front of this plugin on module listing page as shown in screen below:

Picture2

Prestashop One Page Supercheckout User Manual

 

  • To access this module, Click on configure button of supercheckout module. On clicking, module interface will be open and following screen will be display as given below:

Picture3

General Settings

 

  • Enable/Disable: To enable the plugin, switch the enable button from OFF to ON. Default value will be OFF.
  • Enable Guest Checkout: By enabling this option, store will allow customer to checkout as a guest. Default value will be OFF
  • Register Guest: By enabling this option, store will register guest automatically and send registration email to corresponding customer. Default value will be OFF.
  • Default Checkout Option: There are 3 options which will be displayed at front end. With these options, admin can set which option will be displayed to customers on supercheckout page. These options are:

Login: If this option is selected, customer will see the login form in login section.

Guest: If this option is selected, customer will see only the email field in login section.

Register: If this option is selected, customer will see the registration form in login section.

On front, customer can also change the checkout option. By default, login option will be selected.

  • Testing Mode: If you want to test the plugin before making it live on your store then you can enable this option. While this option is enabled your customers are redirected to the normal checkout page but you can open the SuperCheckout page directly through URL. The URL for the same appears below this option once you enable it.
  • Custom CSS: This option allows you to change the CSS of any element on front end (i.e. Supercheckout Page). To change the CSS of any element you need to write the CSS code for the same and add that code in the text area for this option.

Login Tab

This tab basically contains setting to enable /disable Facebook and Google registration & login as shown below.

Picture4

 

  • Enable Facebook Login To enable Facebook Registration & Login switch the button from OFF to ON. But before you do that do get Facebook APP ID and APP SECRET from http://developers.facebook.com without these keys, this functionality will not work. By default, this functionality will be disabled.
  • Enable Google Login: To enable Google Registration & Login switch the button from OFF to ON. But before you do that do get Google APP ID, CLIENT ID and APP SECRET from https://code.google.com/apis/console without these keys, this functionality will not work. By default, this will be disabled.

Please read the Annexure A to setup Google and Facebook login.

Addresses Tab

 

  • This tab contains setting for the fields which is to be shown in customer registration, delivery address and invoice address section on front. As shown in screen below:

Picture5

  • It consists of two sections. The one in the left if for Guest Customers and the right one for registered customers.
  • To make a field show/hide in the checkout page check the checkbox just to the left of Show label.
  • To make a field as mandatory (required field) check the checkbox just to the left of Require Label.
  • The fields can also be rearranged according to the requirement. To rearrange just hold icon () and drag & drop the field vertically, wherever it is required.
  • On saving, the fields will be rearranged as per the changes.

Payment Method Tab

This tab contains settings for payment methods shown in checkout page like enabling/disabling or selecting a default method

Picture6

  • Display Method: To Enable/Disable the payment methods on the checkout page switch the button from ON to OFF or vice-versa. This will disable the payment method block from checkout page. By default, this will be enable.
  • Display Style: There are 3 options to display how your payment methods will be display on checkout page. By default, payment methods will be display with its name. If you select style with image, then please upload image of size (95 X 20) for corresponding payment method under appropriate payment module directory.
  • Selected Default Method: This will be a drop down list of all installed payment module. Here you can select payment method, which will be displayed as selected at the time, when customer comes on checkout page.

Delivery Method Tab

This tab contains settings for delivery methods shown in checkout page like enabling/disabling or selecting a default method

Picture7

  • Display Method: To Enable/Disable the delivery methods on the checkout page switch the button from ON to OFF or vice-versa. This will disable the delivery method block from checkout page. By default, this will be enable.
  • Display Style: There are 3 options to display how your delivery methods will be display on checkout page. By default, delivery methods will be display with its name. If you select style with image, then please upload image of size (95 X 20) for corresponding delivery method.
  • Selected Default Method: This will be a drop down list of all active delivery methods. Here you can select delivery method, which will be displayed as selected at the time, when customer comes on checkout page. The selection will be differ according to customer location. If your selected method maps with customer location, then the method will shown as selected at the time of checkout page loading.

Cart Tab

 

  • This tab contains setting for the cart, order total and confirming the order as shown below :
  • Its divide in three sections :

Cart

Order Total

Confirm

Picture8

  • Cart :

Display Cart: By default cart display will be enable.

To Show/Hide cart summary options from the checkout page check uncheck the checkbox present in front of Cart Summary Option label.

Product Image Size: This will show the which size of product image will be display on One checkout page. By default this field will be shown with their default values.

  • Order Total :

To Show/Hide cart summary options from the checkout page check uncheck the checkbox present in front of Cart Summary Option label.

  • Confirm :

To Show/Hide cart summary options from the checkout page check uncheck the checkbox present in front of Cart Summary Option label.

Design Tab

 

  • This tab contains the settings for the design of checkout page in the catalog as shown below:

Picture9

  • To change the width of any column adjust the slider present at the top as shown below :

Picture11

  • Block of different steps can also be rearranged from one column to the other or in the same column as shown below:

Picture10

  • On saving, the block will be rearranged in the checkout page as per the changes

Language Translator Tab

 

  • Using language tab, you can generate multiple languages for supcheckout module. Following is the screen given below:

Picture12

  • Choose the language in which you need to translate & choose the website.
  • By default it will display the translation of store default language.
  • After adding translation of text, you can perform following action using the buttons below :

Save: On clicking this button, a language file will be generate as well as save into database.

Download: On clicking this button, a language file will be create and download at your end. Plugin will not save these changes into system.

Save & Download: Plugin will save translation as point and download at your end.

FAQs Tab

This tab contains several questions (with answers to them) that are asked by our customers. We recommend you to go through the questions before raising any ticket for this plugin.

Picture13

Suggestions Tab

In case you want to give any suggestions for some new features to be included in the new version of this plugin than you can use this tab.

Picture14

Other Plugins Tab

This tab redirects to our developer page having list of other plugins developed by us. If you like this plugin than you can try our other plugins as well.

Annexure A

 

  • To Set up Facebook Login

To set up facebook login into this module, please follow the following steps:

  • Go to http://developers.facebook.com and login into your account.
  • In top menubar, click on Apps >> Add new App. A pop up will display, click on WWW icon.
  • Type your App Name and then click on Create New Facebook App ID.
  • Choose your website category and click on confirm button.
  • After confirming point 4, enter your site URL in Tell us about your website form. This form will be displayed just bottom of the page. And click on Next button. The URL will be as: http://your_site_url/
  • Now your app has been created. Again go to Apps >> your newly created app. Copy the App Id and App secret and paste it into one page supercheckout facebook login setting.
  • To Set up Google Login

To set up google login into this module, please follow the following steps:

  • Go to https://code.google.com/apis/console and login into your account.
  • Click on API & auth >> Credentials. This link will be shown left side menubar.
  • After clicking on credential link, click on create new Client ID, which is showing in right side.
  • A pop up will be open. Provide the following information accordingly:

Application Type: Web Application

Authorized Redirect URI:

http://your_store_url/index.php?fc=module&module=supercheckout&controller=supercheckout&login_type=google.

Click on Create Client ID

  • Your application has been created. Copy the Client ID and secret and enter it in one page supercheckout google login setting to enable google login.

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, and OpenCart. We also provide custom module development and customization services for the website and modules.

Leave a Reply

Your email address will not be published. Required fields are marked *