Try It Live

Simple shoutbox integration

Simple integration of shoutbox

See it in action! Try the live demo and explore different integration methods below.

Live Demo

Method 1

The quickest integration method - just one line of code! Perfect for getting started quickly.

<script src="https://www.shoutbox.com/chat/99"></script>

💡 Replace 99 with your actual shoutbox ID that you received during registration.

Method 2

You just paste 1 line of script into your <div> or any html element.

								
								<script src="https://www.shoutbox.com/chat"></script>
									<script>
									var chat = new Chat(99);
									</script>
							

Method 3

You can of course integrate your username and avatar:

var chat = new Chat(
									99,
									"John",
									"//graph.facebook.com/1293950711/picture?type=large&width=140&height=140"
									);

👤 This automatically logs in users with their name and avatar - perfect for integration with existing user systems!

Bonus

You can also override the CSS to create your own look&feel

Just create a new CSS based of this one:

📄 Base CSS File: shoutbox.css

⚡

Get up and running in seconds with just one line of code

🎨

Override CSS to match your brand and design

📱

Works perfectly on all devices and screen sizes

🔒

Built with security and performance in mind

if you need more details, please visit our API documentation for advanced features and customization options.