| Step 1 | Prepare a sandbox storefront (close to production) for integration purposes, and share the URL with your Global-e Project Manager. | | | | | | | | | | | | |
| Step 2 | Customise your shopper’s experience:1.Add the Global‑e CSS and JavaScript ‘includes’ on all the pages in your sandbox site. See The Global-e Module JavaScript and The Global-e Module CSS.2.Customise the following to match your brand: Welcome Pop-Up, Country Switcher, Checkout Page, and Marketing Banner.3.Tag your storefront prices with data-ge-price as documented here.4.Tag calculated prices on your cart page as documented here.5.Tag your checkout button and the international Checkout container as documented here.6.Tag any elements that should be hidden or shown for international countries as required. | 1. | Add the Global‑e CSS and JavaScript ‘includes’ on all the pages in your sandbox site. See The Global-e Module JavaScript and The Global-e Module CSS. | 2. | Customise the following to match your brand: Welcome Pop-Up, Country Switcher, Checkout Page, and Marketing Banner. | 3. | Tag your storefront prices with data-ge-price as documented here. | 4. | Tag calculated prices on your cart page as documented here. | 5. | Tag your checkout button and the international Checkout container as documented here. | 6. | Tag any elements that should be hidden or shown for international countries as required. |
| 1. | Add the Global‑e CSS and JavaScript ‘includes’ on all the pages in your sandbox site. See The Global-e Module JavaScript and The Global-e Module CSS. | | | | | | | | | | | | |
| 2. | Customise the following to match your brand: Welcome Pop-Up, Country Switcher, Checkout Page, and Marketing Banner. | | | | | | | | | | | | |
| 3. | Tag your storefront prices with data-ge-price as documented here. | | | | | | | | | | | | |
| 4. | Tag calculated prices on your cart page as documented here. | | | | | | | | | | | | |
| 5. | Tag your checkout button and the international Checkout container as documented here. | | | | | | | | | | | | |
| 6. | Tag any elements that should be hidden or shown for international countries as required. | | | | | | | | | | | | |
| Step 3 | Add a cart token for Global-e to retrieve the shopper’s cart via the GetCheckoutCartInfo API you developed. This step must be completed before implementing GetCheckoutCartInfo (in Step 5 below).Implement a cookie, local or session storage variable, or an HTML DOM attribute, to contain a token that uniquely identifies the cart in your system. (Ex.GlobalECartId)Provide the identifier details: cookie name, storage location, DOM element name, and other relevant information.Note: For security reasons, the cart token must represent an encrypted, hashed, or otherwise obfuscated value that cannot be easily guessed. For example, simple auto-incrementing sequential numbers may not be used for cart tokens. Using a GUID is acceptable.Global‑e enables Global‑e countries, price conversion, Global‑e checkout, and the other features you have requested to support. | | | | | | | | | | | | |
| Step 4 | Prepare the international checkout:1.Create a page for the international checkout, for example /pages/international-checkout.Consider creating a dedicated page for international checkout, although you can use the same one as for domestic checkout.2.On the new page, insert a DIV container element designated for the international checkout IFRAME.Add the attribute data-ge-checkout to the container DIV.3.Assign the attribute ge-checkout-button to all checkout buttons.4.Provide the URL of your international checkout page to the Global-e Integration Team. | 1. | Create a page for the international checkout, for example /pages/international-checkout.Consider creating a dedicated page for international checkout, although you can use the same one as for domestic checkout. | 2. | On the new page, insert a DIV container element designated for the international checkout IFRAME.Add the attribute data-ge-checkout to the container DIV. | 3. | Assign the attribute ge-checkout-button to all checkout buttons. | 4. | Provide the URL of your international checkout page to the Global-e Integration Team. | | | | |
| 1. | Create a page for the international checkout, for example /pages/international-checkout.Consider creating a dedicated page for international checkout, although you can use the same one as for domestic checkout. | | | | | | | | | | | | |
| 2. | On the new page, insert a DIV container element designated for the international checkout IFRAME.Add the attribute data-ge-checkout to the container DIV. | | | | | | | | | | | | |
| 3. | Assign the attribute ge-checkout-button to all checkout buttons. | | | | | | | | | | | | |
| 4. | Provide the URL of your international checkout page to the Global-e Integration Team. | | | | | | | | | | | | |
| Step 5 | Implement the following mandatory API (merchant) methods.When implementing APIs, make sure to use the correct Global-e GUID in your API request for each environment.GetCheckoutCartInfoImportant: Implement this API first for the Global‑e checkout.This API is required to pass the cart contents to Global-e; it is called from a Global‑e server with the cart token provided in a cookie or HTML DOM from the client session for accurate price total calculation.Note: The API must only return in-stock products. For special stock validation handling on the merchant’s side (e.g., calls to an external system), Global‑e can specify an additional URL argument.SendOrderToMerchantThis API is required to create the customer order in your system, clear the user’s basket, and optionally reserve the inventory.PerformOrderPaymentThis API is required to mark the order as confirmed as part of the fulfilment process in your system.UpdateOrderStatusThis API is required to support Global-e-initiated order cancellation. It can also be used to report and synchronize other order status updates from Global‑e with your system. For more information, see ???.Share your endpoint URLs with Global-e.To implement additional non-essential APIs, see Global-e API Reference and ???. | GetCheckoutCartInfo | Important: Implement this API first for the Global‑e checkout.This API is required to pass the cart contents to Global-e; it is called from a Global‑e server with the cart token provided in a cookie or HTML DOM from the client session for accurate price total calculation.Note: The API must only return in-stock products. For special stock validation handling on the merchant’s side (e.g., calls to an external system), Global‑e can specify an additional URL argument. | SendOrderToMerchant | This API is required to create the customer order in your system, clear the user’s basket, and optionally reserve the inventory. | PerformOrderPayment | This API is required to mark the order as confirmed as part of the fulfilment process in your system. | UpdateOrderStatus | This API is required to support Global-e-initiated order cancellation. It can also be used to report and synchronize other order status updates from Global‑e with your system. For more information, see ???. | | | | |
| GetCheckoutCartInfo | Important: Implement this API first for the Global‑e checkout.This API is required to pass the cart contents to Global-e; it is called from a Global‑e server with the cart token provided in a cookie or HTML DOM from the client session for accurate price total calculation.Note: The API must only return in-stock products. For special stock validation handling on the merchant’s side (e.g., calls to an external system), Global‑e can specify an additional URL argument. | | | | | | | | | | | | |
| SendOrderToMerchant | This API is required to create the customer order in your system, clear the user’s basket, and optionally reserve the inventory. | | | | | | | | | | | | |
| PerformOrderPayment | This API is required to mark the order as confirmed as part of the fulfilment process in your system. | | | | | | | | | | | | |
| UpdateOrderStatus | This API is required to support Global-e-initiated order cancellation. It can also be used to report and synchronize other order status updates from Global‑e with your system. For more information, see ???. | | | | | | | | | | | | |
| Step 6 | Clear the cart after a successful international transaction. See, Clearing the Cart. | | | | | | | | | | | | |
| Step 7 | Implement client-side checkout and transaction analytics, see Global‑e and Marketing Pixels. | | | | | | | | | | | | |
| Step 8 | On your storefront, update your account order history pages to show the correct Global-e international prices using the order information in the SendOrderToMerchant (Global-e to Merchant)request. | | | | | | | | | | | | |
| Step 9 | Prepare and Upload as a CSV file to the Global-e server via SFTP.Continuously upload deltas. | | | | | | | | | | | | |
| Step 10 | Fulfillment and Dispatch Process.Use the Global‑e Merchant Portal for international order management and fulfillment, and other essential eCommerce operations. | | | | | | | | | | | | |