Try It Live

Intégration simple de la 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

Collez une seule ligne de script dans votre <div> ou tout élément HTML.

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

Method 3

Vous pouvez bien sûr intégrer votre nom d’utilisateur et votre 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

Vous pouvez aussi surcharger le CSS pour créer votre propre look&feel

Créez simplement un nouveau CSS basé sur celui-ci :

📄 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

pour plus de détails, consultez notre API documentation for advanced features and customization options.