Try It Live

Integración 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

Pega una sola línea de script en tu <div> o cualquier elemento HTML.

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

Method 3

Por supuesto, puedes integrar tu nombre de usuario y tu 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

También puedes sobrescribir el CSS para crear tu propio look&feel

Crea un nuevo CSS basado en este:

📄 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

si necesitas más detalles, visita nuestro API documentation for advanced features and customization options.