How to connect to an external API from the new Checkout extensibility?

ColombiaDev · ‎12-21-2023

ocastx · ‎12-21-2023

Hi ColombiaDev,

to perform an external network call you would need to allow external network access in your Checkout UI extension as described here.

Please note, that there is an alternative way to avoid using using external APIs at all, by retrieving data from metafields. From the linked docs:

"Instead of fetching data with an external network call, consider retrieving the data from a metafield. Your app may be able to use the Admin API to write metafields on the shop, product, or customer ahead of checkout."

Hope this helps!

View solution in original post

ocastx · ‎12-21-2023

Hi ColombiaDev,

to perform an external network call you would need to allow external network access in your Checkout UI extension as described here.

Please note, that there is an alternative way to avoid using using external APIs at all, by retrieving data from metafields. From the linked docs:

"Instead of fetching data with an external network call, consider retrieving the data from a metafield. Your app may be able to use the Admin API to write metafields on the shop, product, or customer ahead of checkout."

Hope this helps!

ColombiaDev · ‎01-08-2024

Hello Ocastx.

I could realize that the "Network access" step is important, otherwise it would not work.

It is possible to use React to bring an external API to the Shopify checkout.

And very good idea to do it as much as possible with metafields. It is much easier.

Thanks for replying.