Embedded Payments

This article outlines how to use the embedded payments feature within Aryeo pages.

Sydney R avatar
Written by Sydney R
Updated over a week ago

Aryeo released a new feature called Embedded Payments, which rolled out a new UI (user interface) that allows the direct collection, saving, and reuse of credit card information anywhere where payment can be accepted/processed, all the while without leaving the Aryeo environment.

Embedded Payments streamlines your ability to collect payments at checkout with a new experience that keeps your clients on the same page rather than linking to a third party. With this new UI, we have a few other exciting updates:

Saved Cards customers can now save their credit cards for future use! With the ability to add cards themselves, or you can add them on their behalf, they can select from multiple cards on file or opt for the designated default card.

Summer Release Launch #2 - Cards & Customers (6)

Charge Cards on File customers who would like you to charge their card on their behalf can choose from any cards on file. You can open any unpaid order and choose which of their cards you would like to charge.

Along with these significant updates, we are constantly improving existing features alongside them. With the new embedded payments update, you will find features like promo codes, credit balances, and tax collection easier to use.

Embedded payments and saving cards are automatically live in all accounts!


With this new feature, saving and reusing payment methods is now possible, and it works well for processing payments through the Stripe and Square integration.

Pro-Tip: Please make sure you have successfully integrated your Stripe or Square account with Aryeo (depending on who your payment processor is) by going to the App Store > Payments.

Then, ensure you’ve selected the payment processor under Settings > Payment Settings > Payment Gateway > Default Payment Gateway Integration.


Here are the corresponding Aryeo pages where and steps to use the new embedded payments feature user interface.

Order Edit pages

  • Collecting and saving payment info as a photographer:

With the new user interface, as a photographer, you will no longer be redirected to Stripe/Square when clicking the Collect Payment button within an order.

Under General, click on Orders, then click on the corresponding order (e.g., 1006).

Click the Collect Payment button, enter your customer’s payment information, and then click on the Collect Payment button again.

  • Collecting and saving payment info as an agent:

With the new embedded payments UI, agents paying their orders will no longer be redirected to Stripe/Square when clicking the Make a Payment button within an order.

Under General, click on Orders, then click on the corresponding order (e.g., 1007).

Click the Make a Payment button, enter your payment information, and click the Collect Payment button.


Order Forms - Confirmation Step.

When submitting an order through an Order form, you will see the Payment Method field(s) under Step 5 (Pay & Confirm) only if it requires full or partial payment.

To complete your payment, enter your card details, and then, if required, tick the checkbox to agree to the Terms of Service, and then finally, click on Pay and Confirm.


Order Status Pages

Once you’ve successfully submitted an order through an Order Form that does not require full or partial payment, the system will redirect you to the Order confirmation page.

Then, click the View Order status button to go to the Order Status page.

You will also receive an Order Confirmation email notification with a direct link to the Order Status page.

Once on the Order Status page, scroll down to the Invoice & Payments section and click the Make a Payment button. Enter your payment information, and then click on Collect Payment.


How to Save/Reuse a Payment Method

To save a payment method after clicking on the Collect or Make a Payment button, tick the box for Save Payment Method (Save this payment method for future payments).

Once you have a payment method saved from the previous step, you can reuse the same payment method by clicking on the Use Existing Card button.

If there’s already a default payment method, click on the Collect/Make a Payment button and confirm if the last four digits and the expiration date match, then click on Collect Payment to complete the payment process.

How to Change/Remove a Payment Method

You need to add a new payment method in order to delete the one that's saved for reasons such as expired or reported stolen, etc., or you want to use a new one and delete the one already on file. First,

  • As a photographer assisting a client/agent:

Navigate to the agent’s profile under Customer List, then click the Billing tab. Next, click Add New Card, enter the new card info, and tick the Set as Default Card box.

On the list of payment cards, click Delete on the old card.

  • As a client/agent updating their payment cards:

Login to the Customer Portal and click on Payment Cards under the Team Settings section. Then, click Add New Card, enter the new card info, and tick the Set as Default Card box. On the list of payment cards, click Delete on the old card.

You can leave the Set as Default Card box unchecked if you want to keep both cards. If you later delete the old card, click Make Default on the new card, then click Delete on the old card.

Troubleshooting

  • The customer (agent) cannot pay for an order even though the Payment processor is configured.

    • Check under Payment Settings and see if Allow Payments Before Orders Are Fulfilled? is checked.

      • If YES - but the customer still cannot pay, check the order’s settings and see if Allow Payments Before Order Is Fulfilled? is set to Yes.

      • If NO - check the setting to allow payment for future orders even though not fulfilled.

        • For existing orders, admins must check and set the order’s setting Allow Payments Before Order Is Fulfilled? to Yes.

Feel free to reach out anytime by emailing [email protected], and a team member will reach out to help as soon as possible.

Did this answer your question?