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.

  If the payment module redirects automatically to a predetermined page of yours, where payment can be made, the popup window will not be displayed.

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 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)

Already register button color

This option sets the background color that will have the button Already registered?.

Already register text button color

This option sets the color of button's text Already registered?.

Login button color

This option sets the background color that will the Login button, which appears in modal window by clicking the button Already registered?

Login text button color

Enter the text color of Login button, which appears in modal window by clicking the button Already registered?.

Voucher button color

This option sets the background color that will have the Add button, which allows you to add a discount code.

Voucher text button color

This option allows you to configure the color that will have the text of Add button, which allows you to add a discount code.

Show confirmation button float

If you enable this option will show a floating window in the page of OnePageCheckoutPS, with two buttons for the customer confirms the purchase or continue shopping.

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.

Social Login

In this section you can configure the keys of the applications of Google and Facebook for that customers shop can log in through these.

Facebook

How to create a Facebook application?

  1. Go to Facebook Developer and log in with their credentials.
  2. Click on the + Add a New App button.
  3. A popup appears, fill out the form and choose the category "Apps for Pages". After this, click on the "Create App ID" button.
  4. 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:
  5. It will show a popup, choose the option Website, enter your store url and click the Save changes button
  6. Go to the App Review tab and choose YES in the Make {page name} public? Option.
  7. Follow the image instructions:
  8. You will be redirected to a new page, click on the Save changes button

API Key Facebook

In this text field you must enter the API Key of your Facebook application.

Secret Key Facebook

In this text field you must enter the Secret Key of your Facebook application.

Google

How to create an application on Google?

  1. Go to Google Api Console and log in with their credentials.
  2. Press the Create project button, enter the project name and click on the Create button.
  3. Click the option Google+ API, you will see a new view. Click on the button Enable

  4. Click on the credentials tab from lateral menu, press the button create credentials and click on OAuth client ID option.
  5. Click on the Configure authorization screen button
  6. Fill the form with the information and click on the Save button
  7. 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.
  8. A modal window with the API Key and Secret Key application should be displayed.

API Key Google

In this text field you must enter the API Key of your Google application.

Secret Key Google

In this text field you must enter the Secret Key of your Google application.

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.

Share us your translation

By clicking this button is sent to us (info@presteamshop.com) the translation made to selected language in option Select language.

  If you share your translation with us we will consider it for future upgrades of the module.

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.