How to integrate Amazon Pay in Bubble.io: Step-by-Step Guide

Integrating Amazon Pay in Bubble.io

 

Amazon Pay integration in a Bubble.io application can vastly improve your app's payment processing capabilities by providing a trusted and secure payment method directly through Amazon. This step-by-step guide takes you through integrating Amazon Pay into your Bubble.io project.

 

Prerequisites

 

• A Bubble.io account with your project open for editing.
• An Amazon Pay merchant account for managing payments.
• Amazon Pay API Access keys including the Access Key ID and Secret Access Key.
• A basic understanding of Bubble's API Connector plugin.

 

Understanding Amazon Pay

 

• Amazon Pay provides a seamless and secure payment process using customers' Amazon account information.
• It allows your customers to use shipping and payment information stored within their Amazon accounts.

 

Setting Up Your Amazon Pay Merchant Account

 

• Sign up for an Amazon Pay merchant account at the Amazon Payments website.
• Complete the onboarding process and verify your business and bank information.
• Access your Amazon Pay merchant dashboard to retrieve your Access Key ID and Secret Access Key needed for API integration.
• Ensure your account settings are configured for production, including setting up your return and cancel URLs.

 

Configuring Bubble.io for Amazon Pay Integration

 

• Open your Bubble.io project where you wish to integrate Amazon Pay.
• Navigate to the "Plugins" section in your Bubble editor and add the "API Connector" plugin if it isn't already installed.

 

Setting Up Amazon Pay API Calls

 

• Go to the API Connector plugin settings and create a new API connection for Amazon Pay.
• Configure your API calls using Amazon Pay's API endpoints. You will need at least the following endpoints:

  <ul>
    <li><strong>Login with Amazon:</strong> To authenticate users via their Amazon account.</li>
    <li><strong>SetOrderReferenceDetails:</strong> To set the transaction amount.</li>
    <li><strong>ConfirmOrderReference:</strong> To confirm the order status before payment capture.</li>
    <li><strong>Authorize:</strong> To authorize the payment on Amazon's side.</li>
    <li><strong>Capture:</strong> To capture the payment amount.</li>
  </ul>
  

• Use your Access Key ID and Secret Access Key for authenticating these API calls.
• Example API Setup:

  <pre>
  

  Method: POST
  Authentication: AWS Signature
  Access Key ID: YOUR_ACCESS_KEY_ID
  Secret Access Key: YOUR_SECRET_ACCESS_KEY
  Body:
  {
  "Action": "SetOrderReferenceDetails",
  "AmazonOrderReferenceId": "",
  "OrderTotal": {
  "CurrencyCode": "USD",
  "Amount": ""
  }
  }
  
  

 

Connecting Amazon Pay to Your Bubble Workflows

 

• Create a user interface for initiating the payment process.
• Use a button to trigger workflows that initialize the Amazon Pay API calls.
• Implement workflow actions to handle the response from each Amazon Pay call, ensuring that you handle both successful transactions and any errors gracefully.

 

Testing Your Amazon Pay Integration

 

• Switch to sandbox environment in your Amazon Pay settings to test payments securely without real transactions.
• Use a test Amazon account to go through the payment process within your Bubble application.
• Check for successful transaction flows and correct handling of any errors like declined payments.

 

Launching Your Application with Amazon Pay

 

• Once tested, switch the Amazon Pay settings from sandbox to live in your Amazon Merchant account.
• Carry out real-world live transactions to ensure everything works smoothly.
• Regularly monitor transactions through your Amazon Merchant account for tracking and troubleshooting purposes.

 

By following these steps, you can integrate Amazon Pay seamlessly into your Bubble.io application, providing your customers with a reliable and secure way to make payments using their Amazon account. This integration leverages Amazon's robust payment infrastructure to enhance user confidence and streamline payment processing.