Adyen - Manage money

Demo Summary

In this video, you will see how to use Gitpod to quickly set up a Magento 2 store and add the Adyen payments plugin without installing anything on your computer. You learn how to enter your Adyen test API keys, set Gitpod environment variables, start the Magento site, install and configure the plugin, and make a test credit card payment. This demo shows how Adyen helps you test online payments in just a few minutes.

AI-Detected Features

Introduction and Demo OverviewWelcome to the Adyen Developers channel. Learn how to spin up an online demo of the Adyen Payments plugin for Magento 2 using Gitpod, without installing local dependencies.
00:15
Step 1: Set Up Adyen API CredentialsGenerate your Adyen test account credentials: API key, client key, and merchant account. These will be used by the Magento instance to authenticate with Adyen.
00:58
Step 2: Configure Gitpod Environment VariablesIn your Gitpod workspace, create environment variables matching your Adyen credentials and Magento admin user (username and password). Set scopes so they’re available to your projects.
01:24
Step 3: Launch the Dev Workspace with GitpodOpen the Magento plugin repository in Gitpod. Gitpod fetches code, builds containers, and deploys Magento. Wait for the scheduler cron line to appear, indicating installation is complete.
03:46
Step 4: Install the Adyen Payments PluginRun the install.sh script to add and configure the Adyen Payments plugin in your Magento instance, using the Gitpod environment variables for API credentials.
05:11
Step 5: Access and Verify Storefront and AdminOpen the preview URL to view the Magento storefront. Log into the admin dashboard using the credentials you set earlier and confirm the Adyen Payments plugin is installed under Payment Methods.
06:06
Step 6: Configure Allowed OriginsIn the Adyen Customer Area, add your Gitpod domain (gitpod.io) to the list of allowed origins in client settings. This ensures the card components can load properly.
07:19
Step 7: Perform a Test PaymentOn the demo storefront, add products to your cart, fill in checkout details, and select the Adyen payment method. Use Adyen test card numbers to place an order and verify it in both Magento orders and the Adyen Customer Area.
07:53
Step 8: Expose and Share Your Dev InstanceMake port 8080 public in Gitpod to share your running Magento instance with others. Note that Gitpod workspaces shut down after inactivity; explore advanced use cases for persistence.
09:25
Conclusion and Next StepsThanks for watching! Visit the Adyen Developers YouTube page for more tutorials and check our documentation for detailed API and configuration guidance.
10:02
Adyen logo

Adyen

Adyen is a financial technology platform engineered to help businesses achieve their ambitions faster.Learn more about Adyen

Interactive Demos (0)

Useful Links & Resources

Related companies