LogoLogo
Contact API support
  • Build apps
  • Site Templates
  • REST API Reference
  • Storefronts (JS API)
  • Webhook automations
  • Discounts
  • Guides
  • Changelog
  • Overview
  • Payments
    • Online payments overview
    • Provide additional online payment method
    • Process online payment requests
      • Step 1. Decode and parse payment request from Ecwid
      • Step 2. Collect essential data for payment processing
      • Step 3. Initialize the transaction from payment provider
      • Step 4. Place order and return customer back to the store
    • Customize payments
      • Set up payment fees
      • Collect tips/donations at the checkout
      • Add payment instructions to the checkout
      • Show payment icons near your payment method at the checkout
      • Collect additional information before payment
      • Limit payments by selected shipping method
  • Shipping methods
    • Online shipping methods overview
    • Provide additional online shipping method
    • Process online shipping requests
      • Step 1. Parse shipping request
      • Step 2. Calculate shipping rates externally
      • Step 3. Send a response with shipping options
    • Shipping glossary
  • Orders
    • Get order details
      • Customer data in order details
      • Product prices in order details
      • Discounts in order details
      • Taxes in order details
    • Create orders
      • Calculate order details
      • Place new order with API
      • Place a new order from the abandoned cart
    • Sync orders with external services
      • Sync orders manually
      • Automated orders sync

Lightspeed® 2025

On this page

Was this helpful?

  1. Payments
  2. Process online payment requests

Step 3. Initialize the transaction from payment provider

With all the required details, you can process the transaction.

What happens on the storefront

When a customer selects your payment method and clicks the Go to Payment button at the checkout, Ecwid redirects a customer from the store checkout to your paymentUrl.

After that, you show the customer a placeholder while processing the initial payment request. Once that part is finished, you have two options:

  • If possible, initialize the payment form right on the paymentUrl . It reduces the number of redirects and simplifies the checkout process for customers.

  • Otherwise, initiate a transaction and redirect a customer to an external payment page hosted by the payment provider.

What happens on the backend

Independantly of the storefront approach you chose, you must ensure that the app receives the transaction status to its paymentUrl and keeps the essential order details to complete the payment process while waiting.

PreviousStep 2. Collect essential data for payment processingNextStep 4. Place order and return customer back to the store

Last updated 3 days ago

Was this helpful?