Setting up Your Yotpo Brand Kit

Goals and Outcomes

With the Yotpo Brand Kit, you can ensure brand consistency across your website, emails, and widgets. This tool helps you maintain a strong and recognizable brand identity by organizing all your brand assets in one place. You can quickly create new content or update existing assets with ease.

Brand Kit Overview

The Yotpo Brand Kit includes your logo, color palette, fonts, and other design elements. It ensures that all elements on your website, such as logos, colors, and typography, are used consistently. 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.

Note

Updating your brand kit settings will not automatically affect existing emails and widgets. You can easily change or update individual widget instances or emails and only use the brand kit as a design base.

Locating Your Brand Kit

To get started, go to the Yotpo Products menu and choose Yotpo Home > Settings > Brand Kit.

Setting up Your Brand Kit

Your brand kit editor 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. Please note that updating your brand kit settings will not automatically affect existing emails and widgets. You can easily change or update individual widget instances or emails and only use the brand kit as a design base.

The brand kit includes the following elements:

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.

Your brand colors should be set up to reflect your website’s look and feel.

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. Each font weight must be added in a separate file. You can add multiple files with each upload for all the font weights you want to include.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. The brand kit fonts from the pre-existing list and uploaded custom font files are stored locally to comply with GDPR regulations.

Web Fonts

Here you can choose the font family and font weight for both the primary and secondary widget fonts.

Email Fonts

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.

Buttons

Set the button style that will appear in your emails and subscriber collection tools.

Social Media Links

Add the link to all your different social accounts so they will appear within the footer of your emails.

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.

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.

Note

The Rewards Sticky Bar widget must be manually updated to match your 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.

Important

Your Yotpo brand kit will not affect any of the emails you have set up in your ESP.