Setting up Your Yotpo Brand Kit
A website brand kit is a collection of assets and guidelines that are used to maintain brand consistency throughout the shopper experience.
The brand kit ensures that all elements on your website, such as logos, colors, and typography, are used consistently, helping establish a strong and recognizable brand identity.
In this article, you'll learn how the brand kit works and how to use it.
How it works
With a brand kit, you have all your brand assets organized in one place. This makes it easier and faster to create new content or update existing assets - You'll have your logo, color palette, fonts, and other design elements ready to go.
If you’ve already customized your emails and widgets, your existing settings will not change or be overwritten by the brand kit. Newly created widget instances will inherit the aspects you’ve configured in the brand kit.
Brand kit interface
The brand kit interface includes dynamic previews for both on-site widgets and emails. You can use the tabs in the top right corner to switch between the email and the widget previews.
Customizing widgets
If you are an existing customer and have already customized and published Yotpo widgets on your site, the brand kit will not automatically affect your existing widgets. If you want to update these widgets and match them to your brand kit, go to the relevant widget and click the Apply brand kit option in the settings section of that widget.
Fonts that are set as primary and secondary within your brand kit settings will also be part of the available fonts list within each separate widget editor. This is helpful if you want to only change the font of a specific widget and not match the whole design to the brand kit.
Customizing emails
Yotpo SMS & Email emails can be customized using the brand kit.
The brand kit will not affect the following product emails:
- Loyalty & Referrals triggered emails. To learn how to manually customize these emails, go to Customizing Yotpo Loyalty & Referrals Emails.
- Reviews emails. To learn how to manually customize these emails, go to Creating a Review Request.
Setting up your brand kit
To get started, go to the Yotpo Products menu and choose Yotpo Home > Settings > Brand Kit.
The brand kit includes the following elements:
Brand logo
Default logo
The default logo is used in the email templates.
Square logo
The square logo can be used in places where the logo is cropped or appears in a circle.
Fonts
This section is related to both web fonts and email fonts. Each has 2 relevant fields.
Adding a font
You can choose from the existing list or add your own custom font.
When adding a custom font, you can choose to upload a file or several files for different font weights or insert a code snippet or URL.
The newly added font will now appear in the fonts list for both web and email fonts. You can then choose it from the list in order to apply it.
Web fonts
Here you can choose the font family and font weight for both the primary and secondary widget fonts.
Email fonts
Here you can choose the font family for your email fonts. Email templates will automatically use the appropriate font weights. Standard fonts are supported across most email clients while non-standard fonts may not be supported.
Your fallback font will be used if the default font you chose is not supported by an email client.
To learn more about email fonts, go to the Managing Email Fonts article.
Colors
Your brand colors should be set up to reflect your website’s look and feel.
Social media links
Add the link to all your different social accounts so they will appear within the footer of your emails.
Buttons
Set the button style that will appear in your emails and subscriber collection tools.
Menu links
Add and manage the menu items that will appear in your emails. You can add links to your homepage, special offers, blog, contact page, etc.