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.

Test mode

When you enable this option, A new text field in which you must enter the IP (s) The module. The module will be " Disabled for IPs that have not been saved.

It is recommended that you enable this option to test the module in your store before enabling it for clients.

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.

Replace the registration form with the checkout form

When you enable this option, the Checkout form will be displayed instead of the registration form. Only with the options of personal data, shipping address and billing address if established.

Show checkout registration form at: My addresses

When you enable this option and go to My addresses in My Account, the checkout registration form will be displayed with the shipping address and invoice address options.

Show checkout registration form at: My personal information

By enabling this option and going to My Personal Information in My Account, the checkout registration form will be displayed with the personal data options.

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.

Confirm the shipping address before checkout

If you enable this option, a pop-up window will appear where you can confirm that it is the correct shipping address before generating the order.

Choose a default payment method

In this field you will be able to select the payment method that will be Selected by default when the customer goes to the checkout page.

Choose a default carrier

In this field you will be able to select the carrier that will be Selected by default when the customer goes to the checkout page.

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 identification Spain and Chile

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

Do not change it, unless the developer tells you.

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 login to a registered customer

By enabling this option, customers who already have an account will not be able to re-register with the same email.

Show button "Save Information"

If this option is disabled, the & quot; Save information & quot; button will not be displayed. On the customer registration form.

Capitalize fields

If you enable this option the first letter of the fields will be capital letters.

This option only applies to the fields: First name, Last name, Address, City, Company and Postal Code. Not applicable for custom fields.

Enable privacy policies

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". In addition, the field Require before buying will be shown, which if you enable it will show this field with a checkbox in the Summary section at checkout.

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.

Automatically insert the country ISO code at the beginning of the DNI in the invoice address

This option allows you to automatically add as prefix the first two characters of the ISO code of the Country to the identification in the invoice address.

Automatically insert the country ISO code at the beginning of the DNI in the delivery address

This option allows you to automatically add as prefix the first two characters of the ISO code of the Country to the identification in the delivery 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. If the auto-generate password option is not active, it will autogenerate.

If the - Password request - option is not active, the customer password will be created automatically.

The - Option to auto-generate - is not displayed when the option - Enable guest checkout - from the General tab is active.

Allow to change password at checkout

By default, this option will be disabled.

If this option is active, a confirmation box is displayed so that customers can change their password. Otherwise, customers will not be able to change their password.

Preselect option to create account

If this option is active, the checkbox for creating a customer account will be preselected.

You must have the option Enable guest checkout active in the General tab.

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.

If you choose a group then only the selected groups will be shown, otherwise all groups will be shown.

Show list of cities using Geonames.org

If you enable this option, a drop - down list will appear with cities according to the selected province.

This option does not work when the Shipping Configurator Pro module is installed and active.

Use Geonames.org autocomplete from the Zip Code

If you enable this option, suggestions will be displayed for complete the adresses according to the postal code you are typing.

Use address autocomplete from Google

This option enables integration with the Google API to allow visual assistance when writing the address, autocompleting fields such as: zip code, city, province but does not autocomplete the address field (this will remain as you typed it). This applies to both the shipping and billing 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.

Once you have entered the previous link, the following window will appear, where you should select on the left Get an API Key and then the button in the upper right corner Get started.

The following window will appear, which will automatically go to the next step.

In this window, select CREATE BILLING ACCOUNT.

In the next window, select your Country, accept the Terms of Service and click on the button CONTINUE.

In this window, you must enter your personal information and finally, click on the START FREE TEST button.

When entering the Google console at this address, you must select the button that appears next to the title Google Cloud Platform, then select APIs & Services and followed, Credentials.

The following window will appear, where you must select the + CREATE CREDENTIALS button and then API key.

A popup will appear, where you can copy the API key. Similarly, you will always see it in the API keys section of the Credentials window.

If you wish, you can restrict the API key for a domain by clicking on the RESTRICT KEY button.

Autocomplete the address field with the Google Maps suggestion

This option enables integration with the Google API to allow visual assistance when writing the address with the suggestion of google maps, autocompleting all fields such as: zip code, city, province, address. This applies to both the shipping and billing address.

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.


Enable compatibility for shipping modules

When you enable this option, a button is added in shipping methods, when you click there, you open all the payment methods in another page so when you update it, you will be redirected to the Checkout page.

Enable this option only if a shipping module is not working properly. This adds a small extra step.

Keep in mind that when the option Enable compatibility for shipping modules is activated and the options Show description of carriers and Show image of carriers are deactivated, the description and image of carriers will be shown when clicking on the Choose shipping carrier button but they will not be shown at checkout.

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)

Reload shipping when changing state

If this option is selected, Enabled will automatically display the sending methods, Available for the selected province.

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 you enable this option, some payment methods stop working. It is recommended to test the operation.

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

Force visualization

If you enable this option, the payment methods will be displayed in their native form, without taking the changes made in this module.


  Just enable this option if the payment method is not shown by any problems of incompatibility.

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 discount box

When you enable this option, a text box will appear where you can add the discount code, if you have one.

If you have activated this option, you must have discounts created to be shown.

Show text box for order message

If you enable this option, the text box at the end of the order summary will be displayed to add a message or comment to the order summary.

Show zoom on product image

When this option is enabled, the image of the largest product is seen in the summary of the order on the Checkout page.

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.

Show availability

Hide or show in the summary of the shopping cart, if the product is Available or not.

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?.

Discount button color

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

Discount 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.

Label

This control allows you to place a personalized text below the field in the view of the client. 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 Facebook, Google, Paypal and Biocryptology for that customers shop can log in through these and can see your Statistics.

Facebook

How to create a Facebook application?

  1. Go to Facebook Developer and log in with their credentials.
  2. Click on the Create a New App button.
  3. A popup appears, fill out the form and click on the "Create App ID" button.
  4. The applications that Facebook allows you to create will be shown, you must click on the Configure button of the Login with Facebook application.
  5. In the next window you must select the Web tab, type the URL of your main store and press the Save button.
  6. After saving the URL of the store, you must click on the Settings option and then on Basic information. There you must enter all the required data to achieve a correct operation of the application.

    It must be borne in mind that in order to activate the Facebook application and be able to be used by the visitors of the store, you must add the URLs of the privacy policies and the terms of service in the basic information of the application.

  7. When you finish entering the basic information and save it, in the left panel you must click on the option Login with Facebook and then on Settings, this will show a window with new configuration options, which we explain in the next image.

    Note that the URLs of the store for the valid OAuth redirect URL field from the previous window, must be taken from the Valid OAuth Redirect URls: field, which appears in the module, in the Social Login tab, Facebook and select How can I get this info?, as shown in the following image.

Enable Facebook

When having this option disabled, it is not necessary to delete the Key API and the Secret Key, only enable this option when you need to visualize the button of the application of Facebook.

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 on the Notifications icon at the top right and select the project created.
  4. Later a new window will appear, go to the APIs option and click on Go to APIs overview.
  5. Click on the option ENABLE APIS AND SERVICES .
  6. Later a new view will appear, type in the text box that says Search APIs and services, maps enable all APIs that contain the word maps, after doing this, type google+ and enter.
  7. Also type in the Places API text box and enable it so that no errors appear when loading Google Maps at checkout.
  8. The following window will appear, where you should click on Google+ API
  9. Click on the ENABLE button
  10. Click on the button CREATE CREDENTIALS
  11. In the next window, select in the field What API are you using? the Google+ API option and click on the option What credentials do I need?

    In this window, you can copy the API key for the Google API KEY field of the option Use Google autocomplete from the address found in the Register tab of the module menu.
  12. Click the + CREATE CREDENTIALS button and select the OAuth client ID option.
  13. Select Application type: Web application
  14. In the Credentials window, you can leave the Name that appears in the option Create OAuth client ID or change it to one that you want. The values to enter in the "Authorized JavaScript Origins" and "Authorized redirect URIs" options. Finally, click on the option CREATE.

    You find them in the configuration of the module, in "Social login -> Google" when clicking on the button How can I get this info?.
  15. Select the External type and click on the CREATE button.
  16. Then, click on the tab Domain Verification and click on the button Add domain.
  17. A window will appear where you must type your domain as indicated in the example and finally, click on the button ADD DOMAIN.
  18. Select the TAKE ME THERE button to verify domain ownership. Check with your domain provider to complete the following steps.
  19. After completing the previous step, you must select the OAuth consent screen tab, fill out all the information indicated and click on the Save button.
  20. Mandatory verification must be performed, therefore, click on EDIT APP.
  21. The OAuth consent screen will appear again where you must click on the Submit for verification button and in the popup that appears next, you must fill out Scopes justification and Contact email address. Finally, click on the SUBMIT button.
  22. After performing all these steps, a Google information will appear, in which they explain that they must verify all the information and that process takes between 4 to 6 weeks.

  23. In the Credentials tab, when you click on the API created, you will see the API Key that corresponds to the Client ID and the Secret Key that corresponds to the Client Secret of the application.

Enable Google

When having this option disabled, it is not necessary to delete the API Key and the Secret Key, only enable this option when you need to visualize the button of the application of Google.

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.

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

  • Paypal requires a permission to access the client's information for the login, therefore, it is necessary to send an email to help-loginappreview@paypal.com requesting the following permissions:

    Personal Information:
    - Date of birth

    Address Information:
    - Email address
    - Street addres
    - Zip code
    - City
    - Country
    - State

    Indicate in the email that this data will be used for the login and creation of the customer's address in your PrestaShop store through the One Page Checkout PS module. This data is obtained once the client presses the button of login with Paypal .

Enable Paypal

When having this option disabled, it is not necessary to delete the Key API and the Secret Key, only enable this option when you need to visualize the button of the application of Paypal.

API Key Paypal

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

Secret Key Paypal

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

Biocryptology

How to create your domain in Biocryptology?

  • Go to https://biocryptology.com/, click the My domains button and log in to Biocryptology
  • Follow the image steps:
  • Click on the +Add domains button in the upper right part of the screen.
  • In this window, enter your domain address and an optional short description.
  • The following window will appear, where you can copy the code and click on the Close button.
  • In this window, your domain is created, click to modify it.
  • Click on the Add plugin button in the Plugins field.
  • In this window, you can change the image (optional), name of the plugin (visible), select Generate secret key, place the URl of privacy policy of your store. Also add post login and post logout URL. Finally, click on the SAVE button.
  • When adding a post login, type the Post login URLs that correspond to the Add post login URL and the post logout that corresponds to the Add post logout URL of the application.
  • Select the Edit option of the plugin you have created.
  • This window will appear, with the API Key corresponding to the Client ID and the Secret Key corresponding to the Secret key of the application.

Enable Biocryptology

When having this option disabled, it is not necessary to delete the Key API and the Secret Key, only enable this option when you need to visualize the button of the application of Biocryptology.

API Key Biocryptology

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

Secret Key Biocryptology

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

Statistics

In this section you can see a pie chart showing the number of connections per social network (Facebook, Google, Paypal, Biocryptology) of the module.

  When there are no statistics, the following message is displayed "There is no data to display, there are no connections through social networks or you have not configured the login through them."

Information

In this section, you configure the CRON task to eliminate the empty addresses created by the module in your store.

Translate

In this section are configured translations of the module.

Choose a 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 Choose a language.

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

Expand all

This button allows you to expand the files of this page.

Collapse all

This button allows you to collapse the files of this page.

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.