Magento 2

Updated February 15th 2018

Tested with Magento 2 Version: 2.2.2

PixelPin Connect

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.

Installation

  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. This is optional. You can customise the way the PixelPin SSO Button looks on your log in, registration and checkout pages. Just set the red highlighted input box to yes and change the PixelPin SSO Button size, colour and text content. See Our Button Designs for a guide.

  6. Lastly press Save Config.

  7. You may get a system message to refresh cache types. To do so just click on the Cache Management link.

  8. Find the invalidated Cache Types.

  9. Then check the checkboxes on the invalidated caches type row. Then click Submit.

  10. You've now enabled PixelPin Connect on your Magento 2 website. Head over to customer/account/login/ to check out the PixelPin Login.

Testing the module

Log in

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

Test the plugin by pressing Login Using PixelPin.

Contributing

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