Adrian Pilarczyk

Saleor App Store September Update: Stripe example

In September, we focused on improvements to the existing apps and creating an example of using Saleor’s Stripe app in your front-end.

Taxes.png

Taxes

Observability is vital when dealing with a critical part of your e-commerce business, such as tax calculation. To address this, we’ve introduced client-side logs to the Taxes App.

The configurations table now sports a new “Logs” button that directs you to an event registry. This registry documents each failed event as a paired input-output sequence: the payload we send to the tax provider and the response we receive. This granular data can be invaluable for debugging tax-related issues.

Search

In our Algolia integration, we’ve replaced the grossPrice field with the new, more robust pricing object. This revamped structure goes beyond just presenting the base price—it also provides supplemental information on discounts, sales, and taxes.

Search.png

For those seeking more control over the data exchange with Algolia, we've added another feature to the Search App: field filtering. You now have the ability to customize which fields get sent to Algolia via the configuration UI. By default, the app sends all the fields.

Stripe.png

Stripe

The payment apps in the App Store (such as Adyen or Stripe apps) implement only the back-end logic of integrating with the payment providers. That means that you have to build your production checkout yourself.

Don’t worry, we’ve got your back. Over the next several weeks, we will be shipping a collection of examples that show how to communicate with the payment apps on the front-end side. That ties the entire end-to-end process: the backend is handled by Saleor and the payment app, and you can build the frontend based on the provided example.

The first example is already here: it’s Stripe 🎉. In this minimalistic repository, you can see how to communicate with the Stripe app in a Next.js codebase. The example covers both the App and the Pages router.

Miscellaneous

Products feed

Nobody knows the importance of a high-quality image better than an e-commerce geek. In that spirit, you can now configure the size of the images submitted in your Google Merchant feed. We also populated the “Additional image links” attribute with photos of the selected product variant.

Adyen

Users can now save their favorite payment methods for later usage in the Adyen drop-in. To successfully configure the payment methods drop-in, please follow the Adyen documentation.

    By accepting our usage of third-party software such as Google Tag Manager, you help us to deliver a better website experience to all our users. To see our full privacy policy, click here (links to Privacy Policy).