How to resolve my issue with embedded fields in Prestashop 1.6?

It may happen that the Debug bar of the embedded payment field, which also contains test card numbers, does not appear during a test payment.

It is also possible that the payment does not work with the embedded payment fields and displays an error message such as: A technical error occurred.

If you use Prestashop 1.6, check the following settings:

  1. Sign into your PrestaShop Back Office.
  2. Go to Advanced parameters > Performance.
  3. Go to CCC (Combine, Compress and Cache).
  4. Make sure that Move JavaScript to the end is set to NO.

IMPORTANT: Embedded payment fields are not compatible with the functionality Move JavaScript to the end set to YES.

If Move JavaScript to the end is set to YES, you must either:

  • Change it to NO.
  • Change the Card data entry mode parameter using one of the following values:
    • Bank data acquisition on the payment gateway
    • Card type selection on the merchant website
    • Payment page integrated into the checkout flow (iframe mode)

To change the Card data entry mode:

  1. Sign into your PrestaShop Back Office.
  2. Go to Modules and services > Modules and services.
  3. Search for the Systempay module.
  4. Click the Configure button.
  5. Expand the Standard payment section.
  6. In the Advanced options section, change the Card data entry mode parameter.