Skip to main content

Add to Cart not working with Dawn/Klaviyo

  • October 28, 2024
  • 4 replies
  • 51 views

Forum|alt.badge.img

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>

Did this topic or the replies in the thread help you find an answer to your question?

4 replies

  • Contributor I
  • 1 reply
  • October 29, 2024

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.


Forum|alt.badge.img+5

Hi,

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


Forum|alt.badge.img
  • Author
  • Contributor I
  • 1 reply
  • October 29, 2024

Yes I used the documentation in your link.


  • Contributor I
  • 1 reply
  • December 9, 2024

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