Does it increase the number of abandoned carts? Do your statistics show that users leave the buying process?
Improve your sales results with this PrestaShop module that allows you to realize the purchases in the easiest way: in one step. "One Page Checkout PS" customer saves time when completing the purchase, accelerates the payment process and minimizes registration fields to be completed by the customer.
Easy and intuitive to use for users, saves time and minimizes the abandonment of cart. ¡Its sales will notice!
General
In the General Settings section you will find parameter options that determine the general behavior of the module.
Enable guest checkout
If you enable this option, you allows to make orders as a guest.
Show shopping cart before checkout
Enabling this option will display a summary view of the order before going to the OnePageCheckoutPS page. If this option is disabled, completing a purchase will lead directly to the modules checkout.
Show the delivery address for the purchase of virtual goods
Enabling this option will display the delivery address, even though the purchased products are virtual.
Add new customers to the group
When a customer registers in your store from the OnePageCheckoutPS page, this should be recorded in a group of customers. In this option you can set which group the new customer will be added to by default.
Add new customers in other groups
If you would also like new customers to be recorded in other groups, it is possible to select one or more groups to which they will be added.
To select multiple groups hold down the CTRL key, on your keyboard, and click each of the groups you wish to select. If the group is already selected and you want to remove the selection just click on it while holding down CTRL.
Validate DNI/CIF/NIF Spain
If enabled this option, when a customer adds products to the shopping cart and proceed with the order, the system will validate if the number of identification that entered is valid. If the number of identification is invalid the customer may not make the order.
Container page (HTML)
This field is to configure the HTML selector container, where the checkout module itself is located. It is recommended to leave this field with the default settings, unless your template has a different identifier and must be changed.
Customer ID
On installing the module a new customer is generated that is for the exclusive use of this module. With this customer, internal operations may be performed, to obtain prices, times, etc. for the products that have been selected; this customer profile is only ever used while not logged in.
The customer ID is that which is contained in this field by default and should not be changed unless (for shop migration issues or because of a modification made by the administrator) the customer is deleted and a new one set doing exactly the same job. It is recommended not to change this field or delete / edit the customer that the module has created, called "OPC PTS Not Delete", which by default is disabled (and should not be enabled).
Register
In the registration section you can configure the behavior of the fields in step one of the checkout. Its primary purpose is to collect customer information (names, addresses, contact numbers, etc.)
Require acceptance of privacy policy before buying
This option will show or hide the checkbox to accept the privacy policy. If this option is disabled the check box accepting the privacy policy will not be shown.
If enabled the CMS list will be displayed. The option selected refers to the content displayed when the customer clicks "read".
Request invoice address
f you enable this option, you will request the invoice address for the order and another option will be shown that will ask if the invoice address is compulsory or not.
If you disable this option, the invoice address will be the same as the delivery address.
Use the same first name and last name for the customers invoice address
This option is displayed when the Request invoice address option is enabled. If you enable this option, the full name of the customer will be the same in the invoice address and these fields will not appear in the configuration of the invoice address. If you disable this option, these fields will be displayed in the invoice address.
Use the same first name and last name for the customers delivery address
If you enable this option, the full name of the customer will be the same on the delivery address and these fields will not appear in the configuration of the delivery address.
If you disable this option, these fields will be displayed in the delivery address.
Request confirmation email
This option allows the confirmation email field to be displayed, for security reasons. If it is disabled, another field will not be displayed to verify the email address.
Password request
If this option is disabled, when a new customer is created, the password will be automatically generated and sent to their email.
If this option is enabled then the customer will have the option to input their desired password for their account. In addition another option will be shown called Option to auto-generate. This will show a control to allow the customer to auto generate a password for themselves, if desired.
Show customer group list
If this option is enabled, when registering, the customer can choose from a list of groups and select which one they wish to belong. To select multiple groups hold down the CTRL key, on your keyboard, and click each of the groups you wish to select. If the group is already selected and you want to remove the selection just click on it while holding down CTRL. If no group is selected, then all the groups in the list will be shown.
Use address autocomplete from Google
This option enables the integration of the Google API providing a visual prompt, to the user, when writing their address. This applies to both the delivery and invoice address.
Google API KEY
In this text field input your API KEY which Google offers to allow the use of their address autocomplete tool. This field will be displayed if you have selected the option Use address autocomplete from Google.
You can create a Google API KEY, for the address autocomplete function, in the Google Developer Console. To achieve this you must have a Google account, log in and go here for your API Key.
Shipping
In the Shipping Section you can configure the behavior of the fields in step two of the checkout. Its primary purpose is to select the shipping preference for an order.
Show description of carriers
This option hides or shows the description of the carriers listed. If disabled only the name, image and price will be shown.
Show image of carriers
This option hides or shows the image of carriers in the list. If disabled only the name, price and description will be displayed (unless you have disabled the option Show description of carriers)
Require a postal code to be entered
If this option is enabled, it will be compulsory to enter a postal code in order to display the shipping methods available, depending on the carrier’s module that may require this information.
Carrier module that requires a postal code
Modules that require a postal code for pricing and shipping availability can be configured. Module names must be separated by a comma (,) without any spaces.
Require a city to be entered
If this option is enabled, it will be compulsory to enter a city in order to display the shipping methods, depending on the carriers’ module, that may require this information.
Carrier module that requires a city
Modules that require a City for pricing and shipping availability can be configured. Module names must be separated by a comma (,) without any spaces.
Payment
In the Payment Section you can configure the behavior of the fields in step three of the checkout. Its primary purpose is to select the payment preference for an order.
Popup window
Show popup window payment
This option determines whether a popup window will be displayed to confirm the order. If disabled you will be automatically re- directed to the confirmation page of the payment module.
Activate compatibility with non-supported payment methods
Some payment methods are not supported and so will not be displayed as options; If this option is enabled, the payment methods will be shown in their original format.
Desactivate a modules popup window
In this field you can enter the payment modules you do not wish to be displayed in a popup window. Payment methods must be separated by a comma (,) without any spaces.
At the bottom of the section you will find the payment methods, and their images, names and description by language, can be customized.
Pay methods
Ship to Pay
In the payment depending on shipping section you can configure the method of payment that will be available depending on the shipping method. To select them you only need to click the checkbox for each payment method.
If you do not wish to have restrictions, all should be disabled.
Review
In this section you can configure the behavior of the fields in step four of the checkout. Its primary purpose is to display product information, discount vouchers, tax information and totals for an order.
Require acceptance of terms and conditions before buying
This option will show or hide the checkbox to accept the terms and conditions. If this option is disabled the checkbox accepting the terms and conditions will not be shown.
If enabled the CMS list will be displayed. The option selected refers to the content displayed when the customer clicks "read".
Show "Continue Shopping" link
If this option is enabled, the Continue shopping button will be displayed, allowing the customer to return to the store and add other products; if not enabled, the button does not appear.
Custom URL for the "Continue shopping" button
In this field you can define the URL, to send people to, when clicking on the CONTINUE SHOPPING button. It is recommended to use the prefix http:// for external URLs. If you want the URL to be the stores home page you can leave this field empty.
This option will be displayed if the Show "Continue Shopping" link is enabled.
Show compatibility summary
Some modules may overwrite the order summary templates, generating incompatibility with the view. For this reason, if these modules are enabled in the store it is recommended to also enable this option so that the order summary is displayed in its original format or in the way in which the external module has been configured.
Show total of products
Shows or hides the total price of all products.
Show total discount
Shows or hides the total value of all discounts applied, if any.
Show gift wrapping total
Shows or hides the total price of gift wrapping, if any.
Show shipping total
Shows or hides the total cost of shipping.
Show total excluding tax
Shows or hides the total, in the shopping cart, excluding tax.
Show total tax
Shows or hides the total tax to be collected.
Show total
Shows or hides the sum total of the order
Show amount remaining to qualify for free shipping
If you have configured a condition of free shipping, depending on the price of the order, you can enable this option if you would like the order summary to show how much more the customer needs to spend to qualify for free shipping.
Show weight
Shows or hides the weight of each product.
Show reference
Shows or hides the reference details of each product.
Show unit price
Shows or hides the unit price of each product.
Enable hook shopping cart
Some modules perform actions or show a certain type of information in the shopping cart. If you have any module performing actions of this sort and you would like them to be displayed, then enable this option. If not, disable it.
Design
In the design section you can configure the colors for the checkout.
To set the colors click on the box that is to the right of the text field and choose the color you would like. If you already have the hexadecimal color codes that you wish to configure, then you can enter them directly into the text field. If the color is not defined in any of the settings, the color will be set to default for the OnePageCheckoutPS module.
Background color
This option sets the background color.
Border color
This option sets the color of the outer border.
Color of images
In this option you can configure the color of the images / icons set, for some of the titles, add or remove product buttons etc.
Text color
Enter here the text color you want for OnePageCheckoutPS page.
Carrier and Payment selected color
This option sets the background color that will have the shipping methods and of payment to the be selected.
Carrier and Payment selected text color
This option sets the color text that will be assigned to the methods of shipping and payment when they are selected.
Checkout button color
This option sets the background color of the Checkout button (Confirm Order).
Text color of checkout button
This option sets the text color and the border of the Checkout button (Confirm Order)
Fields register
In the registration field section you can configure the availability, requirements and texts of the different fields shown.
The table shows the fields with next colors:
- Blue: Fields referring to customer information
- Green: Fields referring to delivery address information
- Yellow: Fields referring to invoice address information
In the ACTION column of table the EDIT button is shown. On clicking it, a popup window will be displayed whose data field values can be edited.
Manage field options
This button lets you create options for elements that can have multiple options as dropdown lists, checkbox, etc.
New custom field
Clicking on this button you will be shown the following window:
Enter the required data and create a new element (text field, dropdown list, etc.) in Checkout form.
Name
This text refers to the name of this field internally. It can not contain spaces or special characters; only letters, numbers and hyphens.
Object
This text refers to the object to which it belongs. This can be the Customer, delivery address or invoice address.
Description
This control allows you to edit the external name that the field would have for the customers view. It can be configured for the different languages of the Store.
Type
This refers to the type of data that this field will have as a value.
Size
This refers to the size of the values that the field will have. It only applies to string file types. Only numbers can be write in this field.
Type of control
This refers to the type of control that the field will have. Depending on the type of control, a drop-down list or text field will be displayed.
Default value
This control refers to the default value the field will have. This value will be displayed, when starting, as a predetermined value.
Required
This control allows you to define whether the field will be required (compulsory) for the customer or can be omitted.
In the REQUIRED column of table you can click on the buttons shown to change the state of the field. When there is a Red X this means that the field is not required (compulsory) to be filled in by the customer. When there is a Green check symbol this means that the field is required (compulsory).
Activo
This control allows you to define whether the field will be enabled, and be shown for the customer to fill out.
In the ACTIVE column of table you can click on the buttons shown to change the state of the field. When there is a Red X this means that the field is not active and therefore will not be viewed in the module. When there is a Green check symbol this means that the field is active and displayed on the forms the customer should fill out.
Fields position
In the Field Positions section you can configure the order the fields will have in the front view of the module. In this section the field colors are recorded according to their object (see REGISTRATION FIELDS).
To change the order of the fields simply drag each tag, that references a field, and place it next to another label in the order of your preference. You may also drag them into a new line to make a single row; you can also sort whole rows. To do this drag the tag anywhere within the white space of each field that is enclosed by a border, which refers to the row.
Order configuration is automatically saved after each change.
How to create a Facebook application?
- Go to Facebook Developer and log in with their credentials.
- Click on the + Add a New App button.
- A popup appears, fill out the form and choose the category "Apps for Pages". After this, click on the "Create App ID" button.
-
You will be redirected to the application settings. Go to the "Settings> Basic" tab in the side menu, fill the form (required fields: App Domains and Contact email) and follow the instructions in the image:
- It will show a popup, choose the option Website, enter your store url and click the Save changes button
- Go to the App Review tab and choose YES in the Make {page name} public? Option.
-
Follow the image instructions:
- You will be redirected to a new page, click on the Save changes button
How to create an application on Google?
- Go to Google Api Console and log in with their credentials.
- Press the Create project button, enter the project name and click on the Create button.
-
Click the option Google+ API, you will see a new view. Click on the button Enable
- Click on the credentials tab from lateral menu, press the button create credentials and click on OAuth client ID option.
- Click on the Configure authorization screen button
- Fill the form with the information and click on the Save button
- Select the web application option, then appears a form. The values to be entered in the options "Authorized JavaScript Origins" and "Authorized redirect URIs" you can find them in the module configuration, in "social Login> Google" clicking on the button "How can I get this information?". Finally click on the Create button.
- A modal window with the API Key and Secret Key application should be displayed.
Paypal
How to create an application in Paypal?
- Go to https://developer.paypal.com/, click the Log In button and log in to Paypal
- Click the Dashboard button at the top right of the screen
-
Follow the image steps:
-
Fill out the form and press the Create App button:
-
Once the application is created, you can now see the App ID and App Secret
-
Find the LIVE APP SETTINGS section and follow the steps in the picture:
-
After clicking on the option Advanced Options will be displayed a form, follow the steps:
- Select the options: Personal Information y Address Information.
- Enter a URL for Privacy policy URL and User agreement URL.
- Select option: Allow the customers who haven't yet confirmed their email address with PayPal, to log in to your app.
- Press the button Save
Translate
In this section are configured translations of the module.
Select language
In this drop-down list select the language to translate. After you have selected an option, the form each file of the module are filled with the previously saved values. If there are no values, the form fields will be blank.
Save
This button allows you to save the translation done.
Save and Download
This button allows you to save and download a .php file with the translation done.
Code Editors
In this section you can add or modify css and javascript code of the module files without the need for direct access to these. For example: To modify css code enter the CSS section, locate the file that you want to edit, enter the css code and press the Save button.
Suggestions
This section allows you to communicate with us either to report problems and tell us your doubts, or to share with us your suggestions, functionalities and opinions about the module.
FAQs
In this section you will find the answers to questions frequently asked by our customers.
API Key Facebook
In this text field you must enter the API Key of your Facebook application.