Magento 2

PixelPin Connect

Updated June 28th 2017

Step-by-step installation guide

PixelPin Connect is a Magento 2 Extension for authenticating with PixelPin using the OAuth 2.0 API using OpenID Connect Endpoints.

PixelPin Connect allows you to connect your website to PixelPin and let users authenticate using passwordless pictures. With PixelPin Connect extension your clients log in to your store using their PixelPin pictures. There is no need to complete numerous forms for a successful registration.

To complete the installation, you'll need to create your PixelPin developer account.

Download the module

  1. Click on the link to download the PixelPin Connect module.


  1. Go to the downloaded PixelPin Connect Extension folder and copy these three folders:

  2. And paste them into your Magento 2 Website root directroy.

  3. Then in your preferred CLI type and run this command from your Magento 2 website root directory:

    php bin/magento setup:upgrade

    If successful, your CLI output should look like this:

  4. Then type and run this command:

    php bin/magento setup:static-content:deploy

    If successful, your CLI output should look something like this:

  5. The module is now installed.

Enabling the module

  1. First go to your Magento 2 website admin dashboard and click on PixelPin Connect on the menu sidebar.

  2. Click on Settings in the PixelPin Connect sub-menu.

  3. Then set Enabled to Yes. You'll need the Redirect URI to create a developer account to get your Client ID and Client Secret so highlight and copy the Redirect URI now. If you haven't created a PixelPin developer account before, a guide can be found here to guide you through the steps to create a PixelPin developer account.

  4. Once you've obtained your Client ID and Client Secret, type/paste them into the Client ID and Client Secret fields.

  5. Lastly press Save Config. You'll need to refresh your cache types.

  6. You've now enabled PixelPin Connect on your Magento 2 website.

Testing the module

Log in

Your Magento website's login page should look something like this:

Test the plugin by pressing Login Using PixelPin.


PixelPin Connect is an open-source project that allows developers using PixelPin to improve the plugin. The Github Repo can be found here.