This demonstrates how the embeddable phone component would look on any website:
Copy and paste this code into your HTML:
<!DOCTYPE html>
<html>
<head>
<!-- Include the component CSS -->
<link rel="stylesheet" href="https://your-domain.com/style.css">
</head>
<body>
<!-- Container for the phone component -->
<div id="embeddable-phone"></div>
<!-- Include the component JavaScript -->
<script src="https://your-domain.com/embed.iife.js"></script>
</body>
</html>
To use a custom container ID:
<!-- Custom container -->
<div id="my-phone-widget"></div>
<script src="https://your-domain.com/embed.iife.js"></script>
<script>
// Initialize in custom container
initEmbeddablePhone('my-phone-widget');
</script>
For WordPress or other CMS platforms:
<!-- Add to your theme's header.php or use a plugin -->
<link rel="stylesheet" href="https://your-domain.com/style.css">
<!-- Add this where you want the phone to appear -->
<div id="embeddable-phone"></div>
<!-- Add to your theme's footer.php or before closing </body> -->
<script src="https://your-domain.com/embed.iife.js"></script>
The URLs above show the actual domain where this component is hosted.