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 PrestaShop" 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 enabling this option, a new text field will appear in which you must enter the IP (s) for which the module will be enabled. 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.

Redirect directly to page checkout

Enabling this option will lead directly to the payment page. If this option is disabled will display a summary view of the order before going to the One Page Checkout PrestaShop page.

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 delivery 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 One Page Checkout PrestaShop 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 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 required 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 Enable guest checkout option on the General tab active.

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 displayed, otherwise all the groups will be displayed.

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 postal code autocomplete from Geonames.org

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.

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.

General


Show images of payment methods

This option allows you to show or hide the images of the payment methods in the third step of One Page Checkout.

Show detailed description of the payment methods.

When you enable this option, the detailed description of the payment method will be shown, whether it is the default payment method or the one you enter to personalize it.

After deactivating this option, the payment methods that contain forms to request information will be affected.

Pay methods

In this section you can customize the title, description and image of the payment 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 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

This option shows a text box to send comments about the order, as it is enabled.

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

This option only works when the Enable stock management option is active in Shop parameters - Product settings.

Show delivery time of the product

Hide or show in the summary of the shopping cart, the delivery time of the 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 One Page Checkout PrestaShop 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 One Page Checkout PrestaShop 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 One Page Checkout PrestaShop, 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, Google Identity, Paypal and Biocryptology for that customers shop can log in through these and can see your Statistics.

Facebook

How can I get this info?

  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 can I get this info?

  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. The following window will appear, where you should click on Google+ API
  8. Click on the ENABLE button
  9. Click on the button CREATE CREDENTIALS
  10. In the next window, select in the field What API are you using? the Google+ API option, from where will you call the API? the option Web browser(Javascript), what type of data will you access? the option User data and click on the option What credentials do I need?

  11. A pop-up window will appear, click on the button NOT NOW
  12. In the Credentials window, you can leave the Name that appears in the option Create an OAuth 2.0 client ID or change it to one that you want. The values to enter in the "Authorized JavaScript Origins" and "Authorized redirect URIs" options, you find them in the configuration of the module, in "Social login -> Google" when clicking on the button How can I get this info?. Finally, click on the option Create OAuth client ID

  13. In the next window, you must type the Email address and the Product name shown to users that will be displayed to the users. Finally, click on the option Continue .

  14. In the next window, the Client ID will appear with an option to Download, which can be exported at the moment you need it. Finally, click on the Done option.

  15. In this window the created credentials will appear, when clicking on the name of the credential, the required information will be displayed in another window.
  16. You must click on the tab OAuth consent screen and fill in the data shown in the image with an arrow, finally click save.
  17. Then, click on the tab Domain Verification and click on the button Add domain.
  18. A window will appear where you must type your domain as indicated in the example and finally, click on the button ADD DOMAIN.
  19. 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 Key API 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.

Google Identity

How can I get this info?

  1. Go to Integrating Google Sign-In into your web app and log in with your credentials.
  2. Press the button Configure a project
  3. A popup will appear where you must select or create a project and then click on the Next button.
  4. Then a new window will appear, you must type a product name and click on the Next button.
  5. In the next window, you must select Web browser and click on the Next button. Immediately type the original URL (domain of your store) and click on the CREATE button.
  6. Finally, you can copy the Client ID that corresponds to the API Key of the application or you can download it to keep it.

Enable Google Identity

Having this option disabled, it is not necessary to delete the API Key, only enable this option when you need to display the Google Identity application button.

API Key Google Identity

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

Paypal

How can I get this info?

  • 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 PrestaShop 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 can I get this info?

  • 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, Google Identity, 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.