WooCommerce: Set up the Verifone Hosted Cart on your WooCommerce store

Learn how to seamlessly integrate the Verifone Hosted Cart with WooCommerce to accept eCommerce transactions

There are three steps to setting up the Verifone Hosted Cart for your WooCommerce store: 

1. Download and install the plugin
2. Configure the plugin
3. Generate a secure card capture key

Download and install the plugin:

1. Download the Verifone payment module here
   
2. Log in to your WooCommerce administration panel (usually located at <URL>/wp-admin).

3. Navigate to Plugins and click on Add New

   

4. On the Add Plugins page, click on Upload plugin.

   

5. Click on Choose File, select your file and press Install Now. Make sure the plugin folder is in .zip format.

   

6. After installation, go to Plugins > Installed Plugins (or use the left-hand side navigation menu) and click Activate to enable the plugin.

   

Manual Installation:

1. Navigate to your WordPress installation folder.
2. Inside this folder, locate and access the wp-content folder.
3. Within wp-content, you'll find the plugins folder. Access it.
4. Copy and paste ALL the Verifone-hosted cart files as listed into the plugins folder.
5. If you don't see the mentioned folders, ensure your WordPress installation is correct.

Configure your Verifone Central Credentials:

On the WooCommerce dashboard, navigate to WooCommerce > Settings and click on Payments.

In the Payments tab, click on Verifone Hosted Cart.

Fill in details for Verifone account settings, Display settings, and Card Payment settings to configure your plugin.

Verifone Account Settings:

Add credentials from Verifone Central to link your WooCommerece store with your Verifone Central account.

1. Login to Verifone Central here 
2. User ID & API Key - To create an API key on Verifone Central:
   • Click your initials and then API Keys
   • Click Create API Key
   • Ensure you click Copy public key before closing the dialogue box! The API key can only be copied once.
   • Click on the API Key you created to find your API User ID.
     
     
3. Organisation ID:
   • Go to Administration > Account Setup > Organisation Company and Sites
   • Select your Organisation from the table and copy the Organisation ID from the General Information section.
     
   • NOTE: There might be several organisations available as part of your account hierarchy. The correct Organisation usually does not have Account or Site in the Name. You can check that you've copied the right Organisation ID by reviewing the Payment Provider Contracts available. Scroll down and make sure the Organisation ID you copy is connected to your Payment Provider Contract for eCommerce.
     
     
     
4. Verifone Account Region: New Zealand
5. Test credentials - If you choose to enable Test mode, you will need to enter Test Credentials. For more details about Test mode and how you can use it, you can contact our support team.
6. Click Save Changes

Display settings

The Display settings tab allows you to configure the look and feel of your payment page.

1. Checkout type: Choose whether the Verifone checkout is displayed as a standalone page where your customers are redirected to perform the payment or as an iFrame (embedded onto your website page). 
   • Hosted Payment Page (HPP) - the shopper is redirected to a payment page hosted by Verifone to make the payment. Upon completion of the payment process, the shopper is redirected back to your website page.
   • iFRAME allows you to display a payment form component as part of your own website, without having to redirect the shopper to a new web page. The form is still securely hosted by Verifone, so there is no additional PCI scope required for you with this solution.
2. Title: This is displayed on the WooCommerce cart page to your shoppers, indicating the name of the Verifone checkout/available payment methods.
3. Description: This is displayed on the WooCommerce cart page to your shoppers, indicating the description of the Verifone checkout/available payment methods.
   
   
4. Place order button label: This is the label on the button leading your shoppers to the Verifone checkout
5. Theme ID: You can customise the look and feel of your Checkout. First, you need to create a custom theme for your payment page, by using the Checkout Theme tool on Verifone Central. Once the custom theme is created, you can copy the Theme ID and paste it into the Display Settings. 
6. Enable loading state after placing the order: We recommend enabling this. When the Checkout button is clicked on your Shopping Cart the customer will see a loading animation before they are redirected to the Checkout page.
   
7. Click Save Changes to save your settings.

Card payment settings

This tab is where you configure the payment details needed to process card payments.

1. Click the Enable card payment checkbox and enter your Payment provider contract ID.
   • The Payment provider contract ID can be found in Verifone Central. Go to Administration > Account Setup > Payment (Provider) Contracts.
   • Click the Payment Provider Contract with 'ECOMMERCE' in the Name field
   • Copy the Payment Provider Contract ID
2. Click the Enable card 3DS checkbox and enter your 3DS Contract ID.
   • The 3DS Contract ID can be found in your Verifone Central account. Go to Administration > Advanced Settings> 3DS Contracts
3. On the Transaction type dropdown select Sale
4. Click Save Changes to save your settings