Ecster Pay for Woocommerce

Introduction

Ecster Pay for WooCommerce is a plugin that extends WooCommerce, allowing you to take payments via Ecster’s new payment method Ecster Pay.

The extension is just released

The extension is just launched. Any bugs, questions or suggestions for changes can be reported to info@krokedil.se.

The Ecster Pay payment window is integrated/displayed directly in your checkout via an iframe solution. This means that the display of the iframe may vary between different themes. In some themes the display may look strange or incorrect. The reason is that the markup of the theme is different from WooCommerce’s normal markup. Contact us for more info if the checkout iframe is displayed incorrectly in your theme.

Account with Ecster

To get started with Ecster Pay, you need to create an account with Ecster. If you are not a customer today you can register here.

Test account

If you want to test the module before you make real purchases, you can use the following credentials:

Test username: y52jft
Test password: n5TCy8RJGT7MVK4nn2v47hvLPJ5pmzN2

You can also apply for your own test account at Ecster here.

Along with the credentials you use, you also need to activate Test mode in the extension settings to make test purchases.

To make test purchases, you also need to use test data as a customer in checkout. Use personnummer 651106-3155 in Mobile Bank ID to make a standard test purchase.

Installation

  • Login to your WordPress Admin. Click on Plugins | Add New from the left hand menu
  • Click on the Upload option, then click Browse to select the zip file from your computer. Once selected, press OK and press the Install Now button.
  • Activate the plugin.

Required WordPress settings

For the callback (communication from Ecster back to your webshop) to work, you need to consider the following:

  • WordPress Permalink Settings may not be set to default. Some of the other options must be selected (mod_rewrite needs to be enabled, otherwise the callback from Ecster will generate a 404).
  • Callbacks will not work if you have a test environment that is not publicly accessible. If you work in a local development environment, we recommend that you use a service like ngrok or similar.

Configuration

  1. Navigate to → WooCommerce → Settings → Checkout.
  2. Now Ecster Pay appears as an available payment method in the horizontal menu at the top. Click on this link to get to the settings page for the payment method.
  3. Enable / Disable – Tick the checkbox if you want the payment method should be available at checkout.
  4. Title – Enter the title for the payment method displayed in the checkout and order confirmation emails.
  5. Description – Enter the description of the payment method shown at checkout.
  6. Test mode – Tick the checkbox if you make purchases using a test account.
  7. Live username – Your username that you received from Ecster.
  8. Live password – Your password that you received from Ecster.
  9. Test username – your username for test purchases that you received from Ecster (if you have applied for a test account).
  10. Test password – Your password for test purchases that you received from Ecster (if you have applied for a test account).
  11. Logging – Logging events in the module. The log can be found by navigating to → WooCommerce → System Status → Logs.

 

Trouble shooting

If the Ecster Pay iframe doesn’t appear after you have followed the instructions (and you do not get an error message during checkout) we recommend that you temporarily set WP_DEBUG to true in wp-config.php. Learn more about debugging in WordPress here. Then you can report the error to us and we will help you further.

Before you go live

When you are finished with the installation and configuration your shop need to meet a number of criteria before Ecster approves the store.

  1. Guest checkout needs to be enabled in WooCommerce (check the box Enable guest checkout in → WooCommerceSettingsCheckout).
  2. Ecster Pay should be the default payment method (can be adjusted in the section Payment Gateways in → WooCommerceSettingsCheckout).
  3. Since the checkout flow is supposed to be as friction free as possible, Ecster recommends that Enable registration on the “Checkout” page is deactivated (in → WooCommerceSettings → Accounts).
  4. The Ecster logotype should be visible on the home page (for example in the footer). Logos can be found here.
  5. Ecster also have a checklist containing information about legal information, pricing display and terms. Be sure to check this list before you go live.