# Syncing Carts

When you integrate Firework in-player shopping experience, one question that frequently comes up is how to sync the player cart and the actual web/app cart. Refer the section below to understand how this can be done

### Web Integration

{% hint style="info" %}
For Shopify, Magento and Woocommerce, the Firework extension or app makes use of the shopping APIs provided by these platforms to sync the cart. This section is only for custom integrations.
{% endhint %}

If you have the Firework component added in your website, your products imported to the Firework business portal and products added to the video, you can integrate the cart functionality by following the steps mentioned in the section below

{% content-ref url="/pages/nQ3ttDOdmdMnjfhVBV2P" %}
[Shopping Integration (V2)](/firework-for-developers/web/integration-guide/shopping-integration-v2.md)
{% endcontent-ref %}

Customers can write a hydration script using the Firework's Shopping API to enhance the shopping capabilities of the Firework player. The hydration script will bridge the e-commerce platform and the player, allowing the player to show the latest product information and sync your website cart with the player cart. It is up to storefront maintainer to implement the shopping APIs. Firework player does not keep any state, rather provide an interface to update product information and cart information via callbacks.

### SDK Integration

Firework SDK does not manage the shopping cart. As the host application, it is up to you to manage and maintain the shopping cart. The SDK provides callbacks when the `Add to cart` button is clicked or when the user wants to view the shopping cart

Detailed platform specific information can be found in the following pages

Android : <https://docs.firework.tv/android-sdks/android/shoppable-videos>

iOS : <https://docs.firework.tv/ios-sdk/integration-guide-for-ios-sdk/shoppable-videos>

React Native : <https://docs.firework.tv/react-native-sdk/integration-guide/shopping>

Flutter : <https://docs.firework.tv/flutter-sdk/integration-guide/shopping>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.firework.com/firework-for-developers/additional-resources/syncing-carts.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.