To get started, select a chat.
Changes the chat ID for this chat.
This will change the URL for your chat and will require you to change your iframe URL on your website.
To add an emoji, enter the URL to an image file and an alias. The image must be hosted publicly in order for everyone to see it.
Current Emojis:
Add an emoji
Are you sure you want to delete this chat? This action is permanent and cannot be undone.
Are you sure you want to reset this chat? This will reset all settings such as moderators, banned words & phrases, banned users, locked status, and emojis. This will not delete any messages.
To embed this chat into your website, edit your HTML and append this script into your <head> element.
<script src="https://iframe.chat/scripts/main.min.js"></script>Then, append this snippet anywhere in your <body> element.
<iframe src="https://iframe.chat/embed?chat=YOUR_CHAT_ID" id="chattable"></iframe>Finally, initialize the chat using JavaScript.
If you have a chattable.css file, you can initialize your chat like this
<script>
chattable.initialize({
stylesheet: "/path/to/your/chattable.css"
});
</script>If you want to use a theme, intialize your chat like this instead
<script>
chattable.initialize({
theme: "moderno" // set the value to the name of the theme
});
</script>You can paste the URL to your CSS file here and save it. This will force all instances of your chat URL use this stylesheet, ignoring initialization parameters.
The web server that hosts your customized chattable.css file must have CORS enabled for this feature to work. This does not work with Chattable's themes. To style your chat without CORS permissions, click the "Embed Instructions" option and initialize your chat with a theme or chattable.css file.
To remove a forced stylesheet, leave URL blank, then save.