Replies posted by Walid

5 Replies

J
Contributor I
JayboboContributor I
asked in Email Templates and Coupons

Table - Stack on mobile

Hi there! Until we’re able to build something like this into the product, you can use a version of the setup described in the blog article @chloe.strange posted above Hi @PhilipL,  I wanted to share this resource to use for building a custom-coded HTML Product Feed block in our guide on Extending Klaviyo’s Product Block Functionality from our Solution's Architects.  Essentially, you will use a combination of Catalog Lookup Tags and Django Template Tagging to achieve your goals. Please let me know if you have any questions after taking a look through the linked guide. However, I believe it will provide you with all the information you need! We only recommend using custom HTML for technically savvy marketers, or for anyone who has access to a developer. You can also check out our partner directory for partner assistance. I hope this helps! ~Chloe Using a custom product block allows you to customize the look and feel of the block manually and reduced the code-weight a prebuilt block wo

12
W
Klaviyo Employee
1 year ago
A
Anonymous
asked in Sign-up Forms

Using javascript to pass UTMs from an inbound URL into Klaviyo via their API

Hi Roy, The token is set by the “klaviyo.js” snippet on your site (in this case it looks like it’s injected as part of our integration), if you’re able to publish forms to the page then the token should be set correctly. In this case I think there might be a few issues with this code in terms of scoping and naming:I’d recommend updating the linevar _learnq = _learnq || []; tovar _learnq = window._learnq || []; It looks like it’s being re-set to an empty array (you can see this when it prints in the console as [] rather than an object) when it enters the method so pushing items to it will not produce an Identify request via our Javascript library. Instead, this will set the “local” (to this method) variable for _learnq to the object defined by our Javascript library on the “window” scope. The line that sets the utm_id variable, utm_id = kevyal[1];, is referring to “kevyal” rather than “keyval” so it throws an error in the console when it runs. Renaming it to “keyval” should fix this.Aft

14
M
Problem Solver I
2 years ago
C
Contributor I
comvitaMYContributor I
asked in Sign-up Forms

Tracking Sign Up Form Submit with Facebook Pixel Woocommerce

Hi mehmetb,Would the “contentname” parameters just be the email in this case? I’m not familiar with Facebook’s tracking specifically, but you can grab parameters from the submitted form using Javascript within the event listener described above. The example here shows how to grab the form ID from the submitted form and send it to Google Analytics and the snippet here shows you how the form event JSON is structured. Top-level items in that JSON refer to the form itself, any properties captured by the form will live in the “metaData” property (ie. e.detail.metaData). To capture the email address in this case, you would use e.detail.metaData.$email. Any other name of the properties to capture would depend on the specific form, this is the Profile Property name you would choose when designing that form element in Klaviyo.Let me know if there’s anything I can clarify or if you were looking for something else!Walid

3
W
Klaviyo Employee
2 years ago
C
Contributor I
comvitaMYContributor I
asked in Sign-up Forms

Tracking Sign Up Form Submit with Facebook Pixel Woocommerce

Hi Comvita,As long as you can trigger a facebook pixel by calling some Javascript, you should definitely be able to set this up in the way you mentioned above! The event listener Javascript you found would need to be added to your website’s code in such a place that it would appear on the same pages as Klaviyo forms. For example, you could add this to your footer template on Woocommerce or have it render on the page via a tag manager like Google Tag Manager after the page loads.What this snippet does is monitor (or add a “listener”) for a Klaviyo form being interacted with on the page. Once that interaction happens, the second line checks to see if it was a “submit” action that took place. If it was, the code in the center is run, in this case sending some tracking information to Facebook.Let me know if there’s anything I can clarify!Walid

3
W
Klaviyo Employee
2 years ago
pete
Contributor IV
peteContributor IV
asked in Campaigns and Flows

Using Klaviyo variables and logic from web feed?

Hi @pete !Dov caught me up on the thread here behind the scenes. You can in fact render both HTML and Django from a feed in our editor by using various filters and tags, here's how:HTML from a feedYou can render HTML from a feed by using the Django filter |safe, this tells our interpretor that the content is "safe" to render as raw HTML rather than just displaying it as the original text. You can also use this strategy for raw HTML strings contained in event data or profile properties. Here's how this would look:{{ feeds.html_and_django_test.html_property|safe }}Django and HTML from a feedYou'll notice that the same strategy doesn't work for Django in a feed (or event or profile property). This is due to the discrete steps in our rendering pipeline. In order to display feed content, we need to "render Django" on the template. Then, we would need to "render Django" again on the template in order to render the feed content as Django. We don't do this by default or allow it to be re-trigg

9
pete
Contributor IV
2 years ago

Most helpful members this week

Terms & ConditionsCookie settings

Links & Resources

Platforms

Partners

Useful Things

About

  • Terms and Privacy
    © 2024 Klaviyo All rights reserved. Klaviyo and the Klaviyo logo are trademarks or registered trademarks of Klaviyo, Inc. or its affiliates.