Skip to main content

Hi, I’m using the Dawn 15.2.0 theme on shopify and can’t get the Added to Cart metrics to show.  I’ve used the liquid block snippet and added to default product page as stated.  That did not work when testing with the email address in url home page.  I then also tried snipped 2 and 3 both unsuccessfully.  I noticed that my “Add to Cart” button code had both an ID and a Class.  Code is below - should it only have one or the other?  The Klaviyo app embed is also enabled on the Shopify store..  Any help appreciated.  thx

 

<button id="ProductSubmitButton-template--18465993392370__main" type="submit" name="add" class="product-form__submit button button--full-width button--secondary">
            <span>ADD TO CART
</span>

<div class="loading__spinner hidden">
  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"></circle></svg>

</div>
</button>

It sounds like you're really stuck with this issue! I had a similar problem with the Dawn theme and Klaviyo integration. From what I remember, having both an ID and a class on the button should generally be fine, but sometimes it can cause conflicts depending on how the tracking is set up.

Have you checked for any JavaScript errors in the console when you click the “Add to Cart” button? That might help pinpoint the issue. Also, it could be worth reaching out to Klaviyo support or checking their documentation for any specific requirements regarding the button setup.


Hi,

Did you have a look at Klaviyo's documentation to create an “Added to Cart” event for Shopify


Yes I used the documentation in your link.


Ensure the Klaviyo tracking code snippet is properly installed on all your store pages, particularly the product pages.


Reply