> For the complete documentation index, see [llms.txt](https://developer.converted.in/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developer.converted.in/pixel/shopify-integration-for-initiate-checkout-event.md).

# 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 %}
```