Send array of items in custom event

[JoeriE]

Hi,

I try to send a 'Started checkout' event to Klaviyo when they enter the checkout. This is my code:

                            {% for item in cart.lineItems %}
                                {% set feedProduct = {
                                    'SKU'        : item.snapshot.sku,
                                    'ProductName': item.snapshot.title,
                                    'ProductURL' : item.snapshot.url,
                                    'ItemPrice'  : item.salePrice,
                                    'ProductID'  : item.snapshot.id,
                                    'Quantity'  : item.qty,
                                    'ImageURL'  : item.snapshot.productImageUrl,
                                } %}

                                {% set feed = feed|merge([feedProduct]) %}
                            {% endfor %}

                            <form class="hidden" method="post" action="" data-form-klaviyo>
                                {{ csrfInput() }}
                                {{ redirectInput('/redirect') }}

                                <input type="hidden" name="action" value="/klaviyoconnect/api/track" />
                                <input type="hidden" name="event[name]" value="Started Checkout" />
                                <input type="hidden" name="event[Started Checkout Value]" value="{{ cart.totalAsCurrency }}" />
                                <input type="hidden" name="event[Items]" value="{{ feed|json_encode }}" />
                                <input type="hidden" name="event[CheckoutUrl]" value="{{ actionUrl(
                                    'commerce/cart/load-cart',
                                    { number: cart.number }
                                  ) }}" />
                                <input type="hidden" name="language" value="{{ craft.app.locale.id }}" />
                                <input type="text" name="email" value="">
                            </form>

The form is automatically submitted via Javascript.
The problem is that the Items array is not parsed as an array in Klaviyo. So I can't use this field as a dynamic block to show the items in my email. How to solve this?

Best wishes

[johnnynotsolucky]

@JoeriE this is likely because we're sending a string value to Klaviyo instead of the actual JSON as you would expect.

I'll take a look at that.

In the mean time, it looks like you want to track Commerce order details.

Does the trackOrder property work for you?

<input type="hidden" name="event[name]" value="Started Checkout" />
<input type="hidden" name="event[Started Checkout Value]" value="{{ cart.totalAsCurrency }}" />
<input type="hidden" name="event[trackOrder]" value="1" />

Leaving out orderId will use the current cart. That should send all the details you need to Klaviyo.
Order details:

• OrderID
• OrderNumber
• TotalPrice
• TotalQuantity
• Items

Line item details:

• value
• ProductName
• Slug
• ProductURL
• ProductType
• ItemPrice
• RowTotal
• Quantity
• SKU
• ImageURL

You can also enable automatic order tracking events in the plugin settings in the Control Panel.

[JoeriE]

@johnnynotsolucky I don't know the trackOrder event existed. This works as it should. Thanks!!

[johnnynotsolucky]

That's great to hear!

I'm going to keep this issue open so that I can add support for sending complex data to Klaviyo.