Versions Compared

Old Version 2

changes.mady.by.user Shalom Moise

Saved on

compared with

New Version 3

changes.mady.by.user Shalom Moise

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

Overview

What is wordpresss -woocommerce/ ecommerce in general

What the Blink plugin does.

Requirements

Tip

Merchant ID (this can be provided by our Support Team)

Tip

Signature key (this can be provided by our Support Team)

Tip

Blink gateway URL https://gateway2.blinkpayment.co.uk/hosted/modal

If you would like to test the integration first, you can use the following test credentials:

Plugin

Installation

  1. Please go to our Woocomerce GitHub link, click the Code button and click Download ZIP. Alternatively, you can download it directly with this link.

  2. On your site’s Wordpress Admin settings, navigate to Plugin Settings → Add New → Upload Plugin → Choose File. Select the plugin file that was downloaded (Blink-WooCommerce-main).

  3. On the Installed-Plugins page, Acitvate the Blink-WooCommerce plugin.

  4. Navigate to WooCommerce Settings → Payments → All payment methods.

  5. Find the Blink plugin and click Finish set up.

  6. Tick Enable Blink on. For the Type of Integration field, select Hosted (Embedded).

  7. Enter you Merchant ID and signature key in their relevant fields.

  8. Check the Gateway URL is https://gateway2.blinkpayment.co.uk/hosted/modal.

  9. Click Save.

Your WooCommerce integration is now complete.

Put video GIF here

Processing a Transaction

Show steps of transaction on fake site and what payment gateway looks like.

What order on wooCommerce looks like - statuses …Once your customer has added the items to their shopping cart, they will proceed to the site’s checkout, where they will fill in details such as name, email, shipping address etc.. They then click “Pay with Credit/ Debit Card” (button text can be edited in the plugin), where they will be directed to a summary of the checkout with the Blink integration payment page opened in an iframe. The customer enters their card details (Name on Card, PAN number, CVV, & expire date) and clicks “Pay”. Blink will then process the transaction through 3DS checks and will show the customer whether the payment was successful.

If the payment was unsuccessful, the customer will be prompted to try the payment again. If it was successful, then the customer will be redirected to a success page and will receive an email receipt.

On WooCommerce, you will be able to see the list of orders made on your site. Orders with successful payments, will be marked as “Processing” i.e. you the merchant should now be processing the order. Whereas orders with status “Pending” are when the customer has not yet made a successful order. For more on status orders, please visit the WooCommerce guide.

GIF HERE

Info

In this integration, Blink only has control of the payment page. All the other parts of this flow are done by WooCommmerce and can be edited by you.

Show what transaction from Woocmerce looks like - see address, name are all fetched

Can cancel/ refund rerun …. doesn’t reflect on Woocommerce.

Updating Plugin

How to remove and then reinstall

iNTEGRATION GUIDE