Channel Partner Logo Guidelines and Usage for Smith.ai Chat
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>
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.
