Intercom Fashion
Please note: Intercom does not officially support skinning their messenger.
Demo
Check out our custom skin using Intercom Fashion here (coming soon).
Features
- Embed custom CSS files/text into the messenger & activator button
- Support for loading custom webfonts
- Simple & easy presets like; user chat bubble color, new convo button color, etc...
- Works with the new Intercom messenger (yes, the one using iframes!)
Install
npm i --save intercom-fashion
Usage
// ES6; // ES5const IntercomFashion = ;
then...
IntercomFashion;
Loading a custom CSS file
IntercomFashion;
Loading custom webfonts (from a CSS file)
The second argument of IntercomFashion.load
changes whether the CSS file should be added to the start/end of the embedded CSS (required for webfonts).
IntercomFashion;
Adding inline CSS
IntercomFashionstyle` #intercom-container * { outline: 2px solid rgba(255, 0, 0, .25) !important; }`;
Using presets
IntercomFashion;
Screenshot
License
MIT ❤️