Channel Partner Logo Guidelines and Usage for Smith.ai Chat

Updated 3 months ago by Justin Maxwell

Only channel partners, resellers who install the Smith.ai chat widget on behalf of their clients, who have this permission enabled can use this feature. Custom branding is not available for Smith.ai customers.

Smith.ai's chat widget can be rebranded for channel partner use. This means your logo, not ours, will show in the "powered by" section in the footer.

Preparing your image

Your logo must be presented in a horizontal, not vertical layout. We'll add the "Powered by" part. Here's why we need it horizontal, with examples shown for what works, what kind of works, and what doesn't work at all:

  • Horizontal layout
  • Maximum width 90px @2x (180px)
  • Maximum height 20px @2x (40px)
  • Must either be on transparent or white background
  • Must not have a border

When ready, you must save your file as either a .png or .svg file and upload it to your web server, dropbox, AWS, etc. Our system can handle either. JPG, GIF, and WebM are not preferred, and anything beyond that likely will not be supported by web browsers. When in doubt, please consult your account manager.

Adding custom branding to your chat widget

Add the highlighted lines to your widget's code and swap out the URLs with your logo and relevant page link:

<script type="text/javascript">
window.SMITH={};
window.SMITH.smithChatAccount="a111aa1a-1a1a-1a11-1a11-a1a1111aaa";
window.SMITH.customFooterLogo="https://yourcompany.com/yourlogo.svg";
window.SMITH.customFooterUrl="https://yourcompany.com";

var script=document.createElement("script");
script.async=!0;
script.type="text/javascript";
script.src="https://app.smith.ai/chat/widget-latest.js";
script.src="https://app.smith.ai/chat/widget-latest.js";
document.getElementsByTagName("HEAD").item(0).appendChild(script);
</script>
This link must go to a page relevant to the logo, that is, if your logo is Google, then the page must link to https://google.com. You must not display one logo and link to another unrelated site, or your widget will be disabled.

Now, when you use that chat widget code on your site and on your clients' sites, it will show "Powered by" your company, and link to your website.

If you run in to any problems, please contact your account manager.


How did we do?


Powered by HelpDocs (opens in a new tab)