Help · Settings
Your brand, social links and phone number
Your brand, your social links and your phone number sit on Settings → Store, under your store's details. Every email can use them, and nothing here changes on its own.
Your brand
Store settings carries your store's brand: its logo, its brand colors — a primary color and an optional second one — and its link style. You can set them by hand, or copy what you already set up in Shopify with Pull from Shopify.
Nothing here changes on its own — the app never reads your Shopify brand unless you press that button, and never uses your brand in a template unless you enable New templates use your brand settings.
Your store logo
Choose a logo from your image library, replace it, or take it away again. The note under the card says where it shows up:
Shown at the top of your unsubscribe page, and at the top of new templates while your brand settings are on. It comes from Images & media.
It is a store-level fact rather than a setting belonging to one screen, which is why it lives here: anything else in the app that needs your store to look like itself will read this one image rather than asking you again.
It is the image, not a copy of it. Change that image's description in Images & media and the change reaches here too. Deleting is refused while an image is in use, and your store logo counts as a use.
An image has to be finished being prepared before it can become your logo. If you pick one the moment it lands, the card says so:
That image is still being prepared. Try it again in a moment.
Your logo for dark backgrounds
Beside your store logo is a second box, Logo for dark backgrounds. Choose a light version of your logo for it — white or pale lettering, made to sit on a dark color. Shopify keeps no such logo, so Pull from Shopify never fills it; you choose it from Images & media, and replace or remove it, exactly as you do your store logo. The note under the card:
A light version of your logo. It is used on your unsubscribe page in dark mode, and in your emails where an inbox shows your dark colors. Gmail always shows your store logo, on a white background where the logo sits on white. It comes from Images & media.
Where it is used, and where it is not:
- Your unsubscribe page, in dark mode. When a reader's device is set to dark, the page switches to its dark version and shows this logo. With none, it shows your store logo on a white strip instead. A page you gave a dark background yourself shows this logo all the time — or, with none, your store logo on the white strip.
- In your emails, where an inbox shows your dark colors. New templates made while your brand settings are on carry it beside your store logo. Apple Mail shows it once Keep emails light in dark inboxes is off, and takes away the white strip the logo band keeps, so this logo sits on your dark colors.
- Gmail always shows your store logo, on the web and in its apps — on the logo band's white strip, where the logo sits on white.
With no logo for dark backgrounds, nothing changes anywhere. It counts as a use of the image, like your store logo, so the image cannot be deleted while it is chosen here.
Logo width
A logo is often uploaded large — 600 pixels wide is common — and shown at that size it is too big on mobile. Logo width sets how wide your logos are shown, in pixels, from 40 to 600. It starts at 160. One width serves both your store logo and your logo for dark backgrounds. Type a number or use the arrows, then press Save width. The note under the card:
Sets how wide your logo appears at the top of new templates made in your brand, and on your unsubscribe page. On mobile, it never runs wider than the screen. Emails you have already made keep their own logo width.
It sizes two things:
- Your unsubscribe page. The logo at the top of the page is shown at this width. The page's column is about 416 pixels wide, so a larger width is shown at the column's width, and on mobile the logo shrinks to fit the screen. A logo smaller than the width is shown at its own size, never stretched.
- New templates made while your brand settings are on. The logo band at the top starts at this width.
Emails you have already made keep their own logo width. Every image in an email has its own Width in the editor, and changing the store's logo width never resizes an image in a template you already have, or in an email already sent. To change one of those, open it and change the logo's width there.
A width outside 40 to 600 is brought back to the nearest one before it is saved. An owner or a manager can change it; everyone else sees the width with a lock beside it.
Brand colors
Edit colors opens a small window with your Primary color and a Second color. Pick each one, or type its hex code. The words on a button use your brand's own word color where it reads on the color, and otherwise white or black, whichever reads better — so a button in your primary color is always readable. The × beside a color takes it away again.
Your primary color is the one that paints the buttons in a new template. The second color is kept here for you; no template uses it yet.
Link style
Link style is how links in the words of a new template look: their color, and whether they are underlined. Its color and underline controls are the same as the Links card in a template's Settings:
- Set a link style — off means there is no store link style, and links in a new template look the way they always have: the color of the text around them, underlined.
- Link color — enabling it starts from your primary color when it reads well on white, and otherwise from the standard blue. Pick another, or type its hex code. A link color has six digits after the #; a see-through color with eight cannot be saved, and the card says so.
- Underline links — on or off.
A sample link under the controls shows your style on a white page, where the words of a new template sit. If the color is hard to read on white, a line under the sample says so. It is a warning only: you can still save the color.
Press Save link style to keep it. The unsubscribe link keeps its underline whatever you choose, so there is always a visible way out.
It is a starting point, like your colors. While New templates use your brand settings is on, a new template you make here starts with this link style, and enabling Custom link style in a template that has none starts from it as well. While a template's links are still exactly this style, its Links card says:
Matches your store’s link style (Settings → Store).
From then on, that template's links are its own: change them there and your store's link style stays as it is. Changing your link style here never changes a template you already have, or an email already sent, and a template you import or convert from another tool keeps the links it came with.
An owner or a manager can change the link style; everyone else sees it, with Manager or owner beside it.
Pull from Shopify
If you have already set up your logo and colors in Shopify (in your Shopify admin, under Settings → Brand), Pull from Shopify copies them here so you do not have to set them twice. Your logo and colors do not change when you press it. A window shows Shopify's logo and colors beside Yours now, and you tick what you want to use. Nothing is ticked for you, even where your store has no logo or colors yet, and Use stays unavailable until you tick something.
Use saves what you ticked; Keep mine — Cancel when your store has no logo or colors yet — closes the window and changes nothing. If Shopify's are already the same as yours, the card says so — about only what Shopify has:
Your logo and colors already match Shopify’s.
Your colors already match Shopify’s. Shopify has no logo to offer.
Shopify's logo is copied into Images & media when you pull, so it can become your logo like any other image there — it is never shown from Shopify's own address. It stays in your library whether or not you use it, and pulling again does not make a second copy.
If you deleted that copy from your library, pulling again does not bring it back — the card tells you where it is:
Shopify’s logo is in Recently deleted in Images & media. Restore it there, then pull again.
If the logo cannot be copied for another reason, the card says so, and any colors Shopify has are still offered.
A store that is still password-protected cannot be pulled from yet. Shopify shares a store's brand only once the store is open to shoppers, so a store that has not launched is told:
Shopify shares a store’s brand only once the store is open to shoppers. Until then, set your logo and colors here by hand.
If your Shopify brand settings are empty, the card says so:
Your Shopify brand settings have no logo or colors yet. Add them in Shopify under Settings → Brand, then pull again.
Changing your logo or colors here does not change them in Shopify, and changing them in Shopify does not change them here until you pull again.
New templates use your brand settings
This switch is off until you enable it. While it is off, a new template starts in the standard look, exactly as it always has.
Enable it and every new template you make here begins with your logo at the top — centered, linked to your store — your primary color on its buttons, and your link style, if you have saved one. In a dark inbox, buttons use a lighter shade of your primary color so their words stay readable — unless your primary color is too light for white words, in which case the buttons keep it. The logo is an ordinary section you can delete like any other. Imported templates keep their own look — an email you import from another tool or a file is never repainted. Blank and Text only start without the logo, because they are meant to start empty. Anything your brand does not have yet keeps the standard look: no logo means no logo band, no colors means the standard blue button.
If the switch is on but you have not set a logo or colors yet, the card says so:
This is on, but you have not set a logo or brand colors yet, so new templates still start in the standard look.
If your link style is all you have set, it says that instead:
New templates you make here start with your link style. Set a logo and brand colors to have them match too. Imported templates, and templates you already have, do not change.
And when you have saved a link style beside a logo or colors, it adds:
Links in new templates start with your link style too.
Your brand is copied into the template when you make it. Templates you already have, and emails already sent, never change — not when you enable the switch, and not when you change your logo or colors later. A template made after a change takes the new brand; one made before keeps the old. Every part of a new template stays yours to change in the editor. The same is true of your link style.
Your logo keeps a white strip behind it. The logo band at the top of a new template keeps a white background in dark inboxes, so a logo with a see-through background stays readable wherever an inbox darkens the email — the Gmail app included, for Gmail addresses. See Emails in dark inboxes, below.
Emails in dark inboxes
Many people read email with their device set to dark, and each email app decides for itself what that does to an email. Keep emails light in dark inboxes is on for every store, until you disable it:
Your emails ask to be shown in their own light colors, even on a device set to dark. Apple Mail and the Gmail app do as asked. The Outlook apps darken email on their own, whatever this says.
- Apple Mail (iPhone, iPad and Mac) and the Gmail app do as your email asks — on iPhone we have watched it, and on Android the published support charts say so. With this off, the Gmail app repaints a template that has a dark palette dark on its own.
- Gmail on the web never darkens email.
- The Outlook apps darken email on their own, whatever your email asks. They repaint background and text colors — but never an image.
That last point is what the white strip behind your logo is for. An app that repaints colors does not repaint an image, and the strip is an image as well as a color, so a logo with a see-through background stays readable on it. Tip: for a logo that must look right everywhere, either keep the white strip on (it is on for the logo band in every new template), or upload a logo that has its own white background.
Disable the setting and your emails draw their own dark colors in inboxes that honor them:
Apple Mail shows your emails in their dark colors, with each image’s image for dark inboxes if it has one. Buttons you colored yourself keep their colors. The Gmail app darkens email with its own colors instead and always shows your regular images. A template with no dark palette is still sent light, unless it is text only.
The setting changes emails only. Your unsubscribe page has its own dark version whatever this says, because a browser shows it exactly as drawn — see Unsubscribe page.
The setting is read each time an email is prepared: a campaign that is already scheduled keeps the answer it had when it was scheduled. The editor follows it too: while it is on, the editor's dark preview switch is grayed out, because your email arrives light.
The Dark mode page has the whole story — a chart of what readers see in each mail app with this on and off, how common dark mode is, what each kind of inbox does, illustrations of what a repainting inbox does to an email, and a short checklist.
An owner or a manager can change your brand. Everyone else sees it, with the controls disabled:
An owner or a manager can change the store logo.
An owner or a manager can change the logo for dark backgrounds.
An owner or a manager can change the brand colors.
An owner or a manager can enable or disable this.
Your social links and phone number
Two things your emails link to, saved once here so every email can use them. Both sit on the Store page, under your brand.
Social links
Add your store’s social profiles once. A social icon in an email uses the link you save here, unless that email gives the icon a link of its own. An icon with no link is not shown.
There is a box for each network a Social links row in an email can show — Facebook, Instagram, TikTok, X, Pinterest, YouTube, LinkedIn, Threads, Snapchat, and Website for any other page of yours. Fill in the ones you use and press Save links. Leave a box empty for a network you are not on.
Each address must be the whole address, starting with https://, and on that network's own site — an Instagram box takes an Instagram address. If it is not, the box says so and the links are not saved until it is fixed:
Use the full address, starting with https://
That address is not on Instagram’s own site.
An address that starts with https:// but would take people somewhere else than it reads — with a port number, a backslash, a space, a look-alike letter, or a name and an @ in front of the site — is refused too, and so is one too long for an email:
Copy the address straight from your browser’s address bar.
The Website icon. Under the Website box, Website icon is the icon your emails show for your website, and you choose it from four:
The icon your emails show for your website, linked to it. Use one of ours, or an image from your images and media — it is shown in the same square as the other icons.
- Globe — the standard website icon, and what emails use until you choose another.
- Shopping bag
- Storefront
- Your own image — a badge or a mark of your own, from your images and media.
Each one is drawn in the style the row uses — on its colored square, in black or in white — exactly as the other icons are. Pick one and press Save links; every Website icon in your emails follows, except a campaign already scheduled.
For Your own image, press Choose an image, pick one from your images and media, and press Save links. Until you have picked one, Save links waits, and the card says:
Choose an image to save it as the Website icon, or pick another icon.
Use a square PNG with a transparent background, at least 144 × 144 pixels. JPG, WebP and GIF images work too, but an animated image cannot be used.
A smaller image still works; it just looks soft on sharp screens, because the largest icon an email draws is 72 pixels square. An image you chose when the advice was 96 pixels keeps working as it is.
Every Website icon in your emails then shows that image, in the same row as the other icons and at their size — a wide or tall image is fitted inside the icon's square, never stretched, so a wide logo comes out small — and links where the Website icon goes. Once an image is chosen the button reads Replace, for picking a different one. To stop using it, choose Globe, Shopping bag or Storefront and save; the image stays in your images and media, and choosing Your own image again before you leave the page brings it back. An image in use here cannot be deleted from your images and media; its page names it as the Website icon, in Store settings. If the image stops being available, emails go back to the globe on their own.
An animated image cannot be the icon. If you pick one, or the image you picked turns out to be animated when you save, the card says:
An animated image cannot be the Website icon. Choose a still image.
Pick a still image instead. And if the image you picked was deleted, or can no longer be shown in an email, between picking it and pressing Save links, nothing is saved and the card says:
The image you chose for the Website icon can no longer be used, so nothing was saved. Choose another image and save again.
The links you typed are kept, so choose another image (or one of the three icons) and press Save links again.
Change a link here and every email that uses it follows — the next preview and the next send. An email in which you typed a different address on an icon keeps that address; see Email templates for how a row uses these.
A campaign that is already scheduled keeps the links and phone number it had when it was scheduled, through to its last email. To pick up a change, Disarm it on the campaign's page and schedule it again.
Phone number
The number “Your store’s phone number” dials in an email, and the words shown for it. Change it here and every email that uses it follows, except a campaign already scheduled.
- Number — the number a link dials. Type it the way you would write it, like
(555) 010-1234; outside the US and Canada, start with your country code. Until you save or remove a number here, the phone number in your Shopify store's details is filled in for you when we next read those details — when your store connects, or when this page opens with a store detail above still empty. Outside the US and Canada, it is filled in only if it starts with your country code. Once you have saved or removed a number here, it is never filled in again. - Shown in emails as — optional. The words an email shows for the number, and letters are fine:
555-010-SHOPshows those words and dials the number. Left empty, emails show the number itself, like555-010-1234.
Press Save phone number. Remove takes the number away; an email that uses it then shows the words you gave it as a fallback — a converted design shows nothing where the number was, because it has none — its link calls nothing, and a button to it is excluded, until you save one again, except a campaign already scheduled.
In an email, Your store’s phone number is offered wherever you choose where a link goes, and Store phone number is on the + Insert menu for the words. See Where a link goes.
An owner or a manager can change these. Everyone else sees what is saved:
An owner or a manager can change the store’s social links.
An owner or a manager can change the store’s phone number.
With nothing saved yet, each card says so in one line instead:
No social links saved yet. An owner or a manager can add them.
No phone number saved yet. An owner or a manager can add one.