The purpose of a header bar is to create a navigation bar as mentioned in the How to Create and Manage Header Blocks Help Center article. Since it sounds like instead of having a header navigation bar - logo inline with text/hyperlinks - you wanted to have just your logo image centered at the top of the email, I would recommend using a standalone image block populated by your logo for best results.
Because you are using the Logo Centered option for the header block which allows the populated logo to be inline with the text, removing the additional text or image fields would result in a blank section as you wouldn’t have any additional fields to align with the logo. Using the Logo Stacked or Logo Inline would not have this issue as they would not require any additional alignment details as the alignment for the logo is already preset as either centered and above the links/images or left justified of all the links /images.
Regarding your product feeds have you already gone ahead and created the feed within Klaviyo? Although your catalog is synced to Klaviyo from your ecommerce platform, you still would need to recreate a feed within Klaviyo such as “best sellers”. This is further instructed in under the Manually Select Products from Your Catalog section of the How to Insert a Product Block Help Center article. I also think that reviewing the How to Use Product Feeds and Recommendations Help Center article and helpful to further understand the relationship between a product feed the product block.
How often your product catalog syncs with Klaviyo depends on the integration. You can find the sync times in the How Often Integrations Sync article we offer. For example, if you were using Shopify, product catalogs are synced between the two platforms in real time. This means that any update to a product such as the addition of a new product, update in price, image, URL, etc. would be updated in Klaviyo in real time. If you were having trouble with your product catalog I would suggest reviewing your backend integration and ensuring the integration is up to date and connected without any issues.
I would also encourage you to take a look at some of our helpful Academy Courses that can give you a hand as you’re get started!
From your explanation of the behavior, can you confirm if you have more than one additional link/text field included within your header bar outside of the logo? When creating a header bar with the Logo Centered style, the logo will be centered inline with all other links. Because the logo would be inline with the links, you’ll need to have an odd number of additional links for the centered format to accurately display. For example, if you had your logo and two additional links, when inputted, the links will automatically display on the left and right of the logo with your logo aligned centered in relation to the block.
As far as a logo size goes, we recommend having one between150-300 pixels as it is perfect to get your message across without being too large or too small!
I would also recommend taking a look at both the How to Create and Manage Header Blocks and How to Use Images in Emails Help center articles to reference as you are building out your emails and editing your header/link bar. Our Academy team also offers a great Getting Started with Email Design course on many of the best practices of building an email and also highlights how to build and customize a header/link bar that can give you that extra hand!
@david.to when I click on the header section, there is a text link that says “shop now” which automatically appears, I did not put it there! When I delete that text link section the whole header section collapses into a black line and the logo disappears too.
Why is that, and why is there no option for the logo to appear on its own without any text links in the header?
@david.to and in the product block, when I click on “browse for products” it does not have the updated product feed for my site and the best sellers. Why is that and how do I get an updated product catalog integrated with the welcome flow?
The purpose of a header bar is to create a navigation bar as mentioned in the How to Create and Manage Header Blocks Help Center article. Since it sounds like instead of having a header navigation bar - logo inline with text/hyperlinks - you wanted to have just your logo image centered at the top of the email, I would recommend using a standalone image block populated by your logo for best results.
Because you are using the Logo Centered option for the header block which allows the populated logo to be inline with the text, removing the additional text or image fields would result in a blank section as you wouldn’t have any additional fields to align with the logo. Using the Logo Stacked or Logo Inline would not have this issue as they would not require any additional alignment details as the alignment for the logo is already preset as either centered and above the links/images or left justified of all the links /images.
Regarding your product feeds have you already gone ahead and created the feed within Klaviyo? Although your catalog is synced to Klaviyo from your ecommerce platform, you still would need to recreate a feed within Klaviyo such as “best sellers”. This is further instructed in under the Manually Select Products from Your Catalog section of the How to Insert a Product Block Help Center article. I also think that reviewing the How to Use Product Feeds and Recommendations Help Center article and helpful to further understand the relationship between a product feed the product block.
How often your product catalog syncs with Klaviyo depends on the integration. You can find the sync times in the How Often Integrations Sync article we offer. For example, if you were using Shopify, product catalogs are synced between the two platforms in real time. This means that any update to a product such as the addition of a new product, update in price, image, URL, etc. would be updated in Klaviyo in real time. If you were having trouble with your product catalog I would suggest reviewing your backend integration and ensuring the integration is up to date and connected without any issues.
I would also encourage you to take a look at some of our helpful Academy Courses that can give you a hand as you’re get started!
@david.to Thanks I have added the logo to the emails now using the text block
I am having problems creating the data feeds for the best sellers catalog on my site to populate the product blocks in emails. I have named the feed Best Sellers, clicked on “Limit to specific categories” > selected collection: best sellers from the drop down menu, Ordering > popular products first….and it is coming up with these errors in red.
It says “Viewed product recommendations are currently unavailable. Install your web tracking snippet to configure. If you've installed that snippet recently, recommendations will become available as viewed product events are recorded”
When I click on “Set Up Web Tracking” in settings, it says
You have already allowed Klaviyo onsite JavaScript to be automatically added to your store via your integration.
Add the code below to the product.liquid template. This will allow Klaviyo to track people’s favorite products.
So is the onsite web tracking enabled on my site from step 1? Where is the code for this?
When I tested it using the example email string in the URL in a new incognito window, there is no record or tracking of on site tracking at all!
Why is it not tracking when it says “I have already allowed Klaviyo onsite JS to be automatically added to my store via integration”
What additional step is there for on site tracking to show up under metrics?
Secondly, I added the 2nd code into the product.liquid template, as instructed, at the end of that code under the final </script>
So why isn’t product tracking showing up under metrics after I added that utm string to the URL on a product page and loaded that page up with the utm string in the URL?
In that section it says “2. Add the code snippet to the main template of your site. Where you see Public API Key, you will need to replace this with your Klaviyo account's public API Key. To find your public API Key, navigate to Account > Settings > API Keys.
Where do I add that snippet exactly? And replace WHAT with Klaviyo account’s public API key? Where?
This is extremely confusing and difficult.
None of this tracking is working at all, is that WHY it’s NOT creating the data feed to populate the product blocks in emails with “Best Sellers”??
Glad you were able to find a solution for your logo!
From your explanation, it sounds like you may be having some trouble getting the web tracking code installed and/or recognized. This web tracking code enables Klaviyo to cookie contacts in order to trigger event such as the Viewed Product metric in order for you to base your feed off of.
Since these issues are account specific, I would suggest reaching out to our Klaviyo Support team who can provide more in depth assistance pertaining to your account.
By clicking “Accept All Cookies,” you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.
Privacy Preference Center
Your Privacy
Strictly Necessary Cookies
Performance Cookies
Functional Cookies
Targeting Cookies
Site Analytics
Your Privacy
When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.
Privacy Notice
Strictly Necessary Cookies
Always Active
These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.
Performance Cookies
These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance.
Functional Cookies
These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.
Targeting Cookies
These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.
Site Analytics
These cookies record your visit to our website, and are used to track your visit including information such as: web page interactions (clicks, hovers, focus, mouse movements, browsing, zooms and other interactions), referring web page/source through which you accessed the Sites, heatmaps and scrolls, screen resolution, ISP, and statistics associated with the interaction between device or browser and the Sites. If you are accessing our Services with a European IP address, you have been asked to consent to the use of these cookies (you are free to deny your consent).