Embeddable Phone Component Demo

This demonstrates how the embeddable phone component would look on any website:

How to embed this on your website:

Basic Implementation

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>

Custom Container

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>

WordPress/CMS Integration

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.