WooCommerce Configuration

WooCommerce is an eCommerce platform for WordPress. You can extend your WooCommerce installation to use the Paysafe payments API by purchasing the Paysafe Payment Gateway plugin, created and maintained by third-party developer VanboDevelops.

The module supports Paysafe Checkout, Direct Debit, Customer Vault, and 3DS, as well as Subscriptions and Pre-Orders with the relevant WooCommerce additions.

This topic describes how to install and configure the plugin. Information regarding supported versions and other can be found on the plugin page.

Click here for instructions on how to set up a WooCommerce online store.

These instructions assume that you have a Paysafe merchant account.

Installing the Plugin

1. Download the .zip file from your WooCommerce account.

2. Go to: WordPress Admin > Plugins > Add New and Upload Plugin with the file you downloaded with Choose File.

3. Install Now and Activate the extension.

Configuring Plugin Settings

  • To configure the plugin:

    1. Log in to the Paysafe merchant back-end using the credentials that were emailed to you after you created your Paysafe merchant account.
    2. In the menu, click Settings. Click API Key to display your Paysafe API key Username and Password. This is illustrated in the following screen:

    Note: Make copies of them for use later.

    For more information on API keys, including how to obtain them, click here.

    3. Log in to your store administration interface and navigate to WooCommerce > Settings:

    4. Click Payments tab from the Paysafe Checkout API under Payment Methods, as illustrated below:

    5. Click Manage to go to the following screen:

    6. In the above screen, configure the following settings:

    Field Name
    1. Integration Type

    Select Checkout API

    Note: The Hosted Payments API is still functional but it is now deprecated in favor of the newer Checkout API.

    2. Enable/Disable Select the checkbox to enable plugin.
    3. Sandbox Select Sandbox Mode for testing purposes and Live Mode for live processing.
    4. Method Title Type a name for the payment gateway displayed to the customer in the checkout screen; for example, Paysafe or Credit/Debit Card.
    5. Description Specify description of the payment method displayed in the checkout screen. For example: Pay securely using your credit/debit card.
    6. API Key: User Name Specify your API key user name.
    7. API Key: Password Specify your API key password.
    8. Single-Use Token: User Name Specify your single-use token API key username.
    9. Single-Use Token: Password Specify your single-use token API key password.
    10. Card Account IDs Select your processing currency, and type your merchant account number in the field on the right.
    11. 3D Secure Select the checkbox to enable 3DS authentication for card payments.
    12. Direct Debit Account IDs Select your processing currency, and type your merchant account number in the field on the right.
    13. Payment Pages Language Select the language for browsing – US English or French Canadian.
    14. Authorization Type Select between Authorization Only or Sale to pick between deferred and immediate capture of funds.
    15. Accepted Cards Select whichever cards you are configured for and desire to support.
    16. Saved Cards Select the checkbox to enable the customer vault.
    17. Vault Profile Prefix Specify a unique prefix for customer vault IDs.
    18. Save Card Checkbox Default State Select Checked or Unchecked to set the default state of the 'Save card?' checkbox displayed to a customer.
    19. Save Your Payment Method Text Specify a message to display to customers when asking if they would like to save their card details for future transactions.
    20. Layover Image Optionally provide a link to a 56x56 pixel image to be displayed in the payment layover.
    21. Merchant Name Optionally provide a merchant name to appear in the payment layover.
    22. Button Color Optionally enter a hex color value for the payment layover button.
    23. Default Payment Method Optionally select Cards or Direct Debit to choose the default payment method to display in the payment layover.
    24. Test and Debug Settings Select the checkbox to generate log files.

    7. Click Save changes.

    If you chose Sandbox Mode, you can now test your setup with a dummy credit card. If you chose Live Mode you will need to use a real credit card.

    Did you find this page useful?