{"id":5800,"date":"2024-07-03T08:00:55","date_gmt":"2024-07-03T08:00:55","guid":{"rendered":"https:\/\/www.process.st\/help\/docs\/custom-branding\/"},"modified":"2026-04-15T09:17:58","modified_gmt":"2026-04-15T09:17:58","slug":"custom-branding","status":"publish","type":"ht_kb","link":"https:\/\/www.process.st\/help\/docs\/custom-branding\/","title":{"rendered":"Custom Branding"},"content":{"rendered":"<p>Maintaining your company\u2019s brand profile is important, especially when sharing workflow runs or sending emails to your clients, customers or new hires.<\/p>\n<p>There are a number of ways you can maintain your company\u2019s branding in <a href=\"https:\/\/www.process.st\/\">Process Street<\/a>:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.process.st\/help\/docs\/custom-branding\/#customizing-your-email-notifications\">By customizing your email notifications<\/a><\/li>\n<li><a href=\"https:\/\/www.process.st\/help\/docs\/custom-branding\/#customizing-your-process-street-colors\">By customizing Process Street in your brand colors<\/a><\/li>\n<li><a href=\"https:\/\/www.process.st\/help\/docs\/custom-branding\/#defining-your-custom-subdomain\">By defining a custom subdomain<\/a><\/li>\n<li><a href=\"https:\/\/www.process.st\/help\/docs\/custom-branding\/#adding-cover-images-logos-or-emojis\">By adding branded images and logos into your Workflows and Pages<\/a><\/li>\n<li><a href=\"https:\/\/www.process.st\/help\/docs\/custom-branding\/#branded_emails\">By creating and sending branded emails<\/a><\/li>\n<li><a href=\"https:\/\/www.process.st\/help\/docs\/custom-branding\/#company_logo\">By adding your company logo to your organization<\/a><\/li>\n<\/ul>\n<p><strong><em><i>Users: To add cover images or emails you must be a <a href=\"https:\/\/www.process.st\/help\/docs\/what-is-a-full-member\/\">Builder<\/a> with edit permissions. To add a company logo or change brand colors, you must be an Administrator.<\/i><\/em><\/strong><\/p>\n<h2>Customizing your email notifications<\/h2>\n<p>You can customize the email notifications your team receives from Process Street by adding your company logo and brand colors. Go to your <a href=\"https:\/\/app.process.st\/organizations\/manage\/settings\">Organization settings<\/a> and navigate to the <strong>Email Notifications<\/strong> section to set up your customized email notifications.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8240\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-emails.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-emails.png 1024w, https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-emails-300x150.png 300w, https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-emails-768x384.png 768w\" alt=\"\" width=\"100%\" \/><\/p>\n<p>This feature is available on our <a href=\"https:\/\/www.process.st\/pricing\/\">Enterprise<\/a> plan. If you\u2019re interested in accessing this feature, please contact our <a href=\"mailto:support@mail.process-street.com\">support<\/a> team.<\/p>\n<p>Learn more about <a href=\"https:\/\/www.process.st\/help\/docs\/org-level-notifications\/#customized-email-notifications\">customized email notifications<\/a>.<\/p>\n<h2>Customizing your Process Street Colors<\/h2>\n<p>You can personalize your Process Street organization in your brand colors to stay in sync with your company\u2019s visual style and brand persona.<\/p>\n<p>Go to your <a href=\"https:\/\/app.process.st\/organizations\/manage\/settings\">Organization settings<\/a> and navigate to the <strong>Brand Customization<\/strong> section. Use the color picker for <strong>Brand color<\/strong> to set your brand color or enter a hex code, as shown below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8241\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-logo.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-logo.png 1024w, https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-logo-300x150.png 300w, https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-logo-768x384.png 768w\" alt=\"\" width=\"100%\" \/><\/p>\n<p>Your preferred colors will also reflect in the workflow runs and forms you share with your guests and customers so they can have an integrated experience of your brand.<\/p>\n<h2>Defining your custom subdomain<\/h2>\n<p>If you\u2019re on our <a href=\"https:\/\/www.process.st\/pricing\/\">Enterprise<\/a> plan, you can also define a custom subdomain, for example: \u201cmycompany.process.st\/library\/folders\/home\u201d.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8242\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-domain.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-domain.png 1024w, https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-domain-300x150.png 300w, https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-domain-768x384.png 768w\" alt=\"\" width=\"100%\" \/><\/p>\n<p>Reach out to your account manager or our <a href=\"https:\/\/www.process.st\/help\/docs\/support\/\">support team<\/a> to activate this feature.<\/p>\n<p><strong>Note:<\/strong> If you don\u2019t log in to Process Street using the subdomain, you will get redirected to the login page with the subdomain automatically added for you.<\/p>\n<h2>Adding cover images, logos or emojis<\/h2>\n<p>You can add a custom cover image to your workflows and pages, with files up to 250MB in size. You can also give them a logo, icon, or emoji for extra personalization.<\/p>\n<p>To add a cover image, edit your workflow, and in the top-left corner, click \u201c<strong>Add cover<\/strong>\u201d then upload an image from your local files. In a page, you will find the cover image at the top center of your page.<\/p>\n<p>To add an icon, emoji, or logo to your workflow, edit it, and in the top-left corner, click \u201c<strong>Add icon<\/strong>\u201c. Upload your image or choose one of the emojis from the icon library. In a page, you will find the icon at the top center of your page.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8243\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-page-icon.gif\" alt=\"\" width=\"100%\" \/><\/p>\n<p>You can change the skin tone of emojis by clicking the yellow bar and making your selection, as shown below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-13298\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Emoji-skintone.gif\" alt=\"\" width=\"50%\" \/><\/p>\n<p>In <a href=\"https:\/\/www.process.st\/help\/docs\/pages\/\">Pages<\/a>, your cover images show full width. Images wider than 1500 pixels work best in Pages.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8244\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-page-cover.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-page-cover.png 1024w, https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-page-cover-300x150.png 300w, https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-page-cover-768x384.png 768w\" alt=\"\" width=\"100%\" \/><\/p>\n<p>In <a href=\"https:\/\/www.process.st\/help\/docs\/what-is-a-workflow\/\">Workflows<\/a>, your cover images appear above your task list. Images wider than 700 pixels work best in workflows.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8245\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-workflow-cover.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-workflow-cover.png 1024w, https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-workflow-cover-300x150.png 300w, https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-workflow-cover-768x384.png 768w\" alt=\"\" width=\"100%\" \/><\/p>\n<p><em><strong>Note:<\/strong> Cover images show differently in different screen sizes. If you want to show a specific image in full, consider adding padding around your image to ensure it doesn\u2019t get cropped out.<\/em><\/p>\n<p>You\u2019ll see icons and emojis in your <a href=\"https:\/\/www.process.st\/help\/docs\/library\/\">Library<\/a> folders when searching for items.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8246\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-workflow-icons.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-workflow-icons.png 1024w, https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-workflow-icons-300x150.png 300w, https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-workflow-icons-768x384.png 768w\" alt=\"\" width=\"100%\" \/><\/p>\n<p><strong>Note:<\/strong> While gifs may upload as a cover image, they are not supported due to sizing constraints.<br \/>\n<a id=\"branded_emails\"><\/a><\/p>\n<h2>Creating emails with HTML or rich text<\/h2>\n<p>You can use an HTML editor to create beautifully formatted and branded emails, then copy\/paste the HTML code into the email widget.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-13233\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Send-HTML-email.png\" alt=\"\" width=\"100%\" \/><\/p>\n<p>Using the rich text editor, you can craft emails with formatting and add hyperlinks into the text.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-13232\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Format-rich-text.png\" alt=\"\" width=\"100%\" \/><\/p>\n<p>Learn more about using the <a href=\"https:\/\/www.process.st\/help\/docs\/email-widget\/\">email widget<\/a>.<br \/>\n<a id=\"company_logo\"><\/a><\/p>\n<h2>Adding your company logo<\/h2>\n<p>When you first create an organization, the default branding is the Process Street logo.<\/p>\n<p>To change this to your own brand logo, start by clicking your profile picture in the upper right corner of your screen, then click \u201c<strong>Settings<\/strong>\u201c. This opens your <a href=\"https:\/\/www.process.st\/help\/docs\/managing-organization\/\">organization\u2019s management<\/a> area.<\/p>\n<p>From there, click on the <a href=\"https:\/\/app.process.st\/organizations\/manage\/settings\" target=\"_blank\" rel=\"noopener\">\u201cSettings\u201d<\/a> tab then under Brand Customization, you can upload your brand logo.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8247\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2023\/10\/custom-branding-upload-logo.gif\" alt=\"\" width=\"100%\" \/><\/p>\n<p>The image file you upload needs to be a <strong>minimum of 64 pixels square<\/strong> in size.<\/p>\n<p><em><strong>Note: Your logo may need to be on a square background for it to show properly in the frame.<\/strong><\/em><\/p>\n<p>Adding your company logo ensures that it appears on any workflows and workflow runs that you <a href=\"https:\/\/www.process.st\/help\/docs\/export\/\">export<\/a> and share with anyone working in, or outside Process Street.<\/p>\n<p>It shows when you\u2019re working in the app, and will also appear on any <a href=\"https:\/\/www.process.st\/help\/docs\/email-notifications\/\">email notifications<\/a> that are triggered, such as when you <a href=\"https:\/\/www.process.st\/help\/docs\/invite\/\">invite<\/a> new builders, users and guests to work with you, or when you assign someone to <a href=\"https:\/\/www.process.st\/help\/docs\/task-assignments\/\">tasks<\/a> or <a href=\"https:\/\/www.process.st\/help\/docs\/assigning-workflow-runs\/\">workflow runs<\/a>.<\/p>\n<p>Read more about <a href=\"https:\/\/www.process.st\/custom-branding\/\">custom branding in our blog<\/a>.<\/p>\n<p>Learn more about <a href=\"https:\/\/www.process.st\/help\/docs\/managing-organization\/\">managing your organization.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Maintaining your company\u2019s brand profile is important, especially when sharing workflow runs or sending emails to your clients, customers or new hires. There are a number of ways you can maintain your company\u2019s branding in Process Street: By customizing your email notifications By customizing Process Street in your brand colors By defining a custom subdomain [&hellip;]<\/p>\n","protected":false},"author":6,"template":"","meta":{"_acf_changed":false,"available_plan":"Mixed \u2014 some sections are All plans (logos, cover images, emojis, email styling), others are Enterprise (custom email notifications, custom colors, custom subdomain)","available_product":"Settings","footnotes":""},"ht_kb_category":[180],"ht_kb_tag":[328,204],"class_list":["post-5800","ht_kb","type-ht_kb","status-publish","hentry","ht_kb_category-organization-management","ht_kb_tag-custom-branding","ht_kb_tag-organization-management"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/5800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":8,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/5800\/revisions"}],"predecessor-version":[{"id":9820,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/5800\/revisions\/9820"}],"wp:attachment":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/media?parent=5800"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb_category?post=5800"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb_tag?post=5800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}