With Adyen, you are able to process credit card payments for the variety of sales streams in Peoplevine. To get started, follow these steps:
Start by going to the company menu and click on Payment Processors. Then click on Register a Payment Processor.
Select Adyen from the list and enter your Merchant Account # and your API Key.
To get your API Key, login to Adyen, click on Account and then API Credentials under Configure.
Click create new credentials, set as Webservice user, put a note in the integration to state it's for Peoplevine.
You will need to ensure all options are selected under Roles and Associated Accounts.
This includes the Accounts tab too.
Once saved, you will see an option to Generate New API Key. Click this then copy and paste the key into the setup below.
Lastly, make sure you grab the name of your merchant account to copy over too. This can bee seen in many places but more notably under Account > Merchant Accounts.
Don't forget to ensure you added your domain name along with https://control.peoplevine.com to your allowed origins.
Lastly, you will need to click on API URLs and grab the prefix for your URL. This would be the <random_id> followed by a dash (-) followed by your company name (e.g. abc1234-yourclub).
While on the API URLs tab, click on the additional data settings tab.
Identify the Recurring Details section and check it.
Once selected, click Save Configuration.
Over in Peoplevine
Now that you have the credentials, enter them below and make sure you confirm which cards you accept, your name on the billing statement and then click continue.
Once these settings are in place, click on Create Processor to save.
If you set this as your default processor, transactions will start to flow through. We do recommend you process a transaction for $5.00 using the test credit card 4111111111111111 03/30 737 to confirm that it sees it as a test credit card.
Member Experience
When your member adds a payment method, goes through checkout or adds their payment method to a form or application, the system will prompt them with a credit card number, expiration date and CVV leveraging Adyen's secure capture forms.
Please note you will need to target different css in order to override the field's UI to match your others.
.js-iframe { display: block !important; width: 100% !important; height: calc(1.5em + .75rem + 2px) !important; padding: .375rem .75rem !important; font-weight: 400 !important; font-size: 1rem !important; line-height: 1.5 !important; color: #495057 !important; background-color: #fff !important; background-clip: padding-box !important; border: 1px solid #dee2e6 !important; border-radius: .25rem !important; }
If you see "Invalid Origin" on your form, you will need to add your domain name(s) to the Allowed Origins when setting up the API Credentials.
Simply add the URLs (typically https://member.yourclub.com) to the List of allowed origins and click Add Origin.
Our system is now capturing the members secured token when they process the payment or hit save.