# Shopify Integration for Initiate checkout Event

Follow these steps to add the Convertedin pixel checkout event 

<figure><img src="/files/yEbWRYnTXoBHOF2JGKVL" alt=""><figcaption></figcaption></figure>

* first go to **Themes** on the **Online Store** tab on the sidebar

<figure><img src="/files/V5Snd56ZMVqrG6712Wx2" alt=""><figcaption></figcaption></figure>

* then select the edit the theme.liquid file and the initialization code of the pixel

<figure><img src="/files/taJCqBlG5g9CgZjCt1y9" alt=""><figcaption></figcaption></figure>

* Add the InitiateCheckout Event on click at checkout button&#x20;
* You should add "your\_pixel\_id" with the pixel id in the setting tab in Convertedin dashboard

```javascript
{% if request.page_type == 'cart' %}
  <script>
 let interval = setInterval(()=>{
            if(typeof ciq == "function"){
                 ciq("init", "your_pixel_id"); // the PixelId provided in convertedin dashboard
  var checkoutElm = document.getElementsByName('checkout')[0];
  if (checkoutElm) {
  checkoutElm.onclick = function(event) {
    var cart = {{ cart | json }};
  var originalCartItems = cart.items || {};
  var requestedCartItems = [];
  
  originalCartItems.forEach(function(item, index){
    var addedToCartObj = {id: null,quantity: 0, name:""};
    if(item.hasOwnProperty("id")) addedToCartObj.id = item.id;
    if(item.hasOwnProperty("quantity")) addedToCartObj.quantity = item.quantity;
    if(item.hasOwnProperty("title")) addedToCartObj.name = item.title;

    requestedCartItems.push(addedToCartObj);
  });
    
     ciq("track", "InitiateCheckout", {
        content: requestedCartItems, 
        currency: Shopify?.currency?.active ?? "USD", 
        value: cart.total_price 
    });
  }
}
                clearInterval(interval)
            }
        }, 500)
</script>
{% endif %}
```


---

# 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://developer.converted.in/pixel/shopify-integration-for-initiate-checkout-event.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.