Privacy Policy
Call Interface Component
A responsive call interface element for your Shopify store. Replace the placeholder with your own image or icon.
Amarah AI Solutions
1:32 AM local time
Calling...
Shopify Integration Guide
How to use this component in your Shopify store
- Replace the placeholder icon with your own image by modifying the HTML code.
- Customize colors, text, and functionality to match your brand.
- Add this component to any page in your Shopify admin under "Custom HTML" sections.
- For dynamic content (like caller names), connect with Shopify's Liquid templating.
To replace the image:
<!-- Replace this section with your image -->
<div class="caller-image">
<img src="YOUR_IMAGE_URL_HERE" alt="Caller" style="width: 100%; height: 100%; object-fit: cover;">
</div>
<!-- Remove the icon element if using an image -->
<div class="caller-image">
<img src="YOUR_IMAGE_URL_HERE" alt="Caller" style="width: 100%; height: 100%; object-fit: cover;">
</div>
<!-- Remove the icon element if using an image -->
To change colors:
<!-- In the CSS, modify these color values -->
.call-interface {
background: linear-gradient(145deg, #1a1a2e, #16213e);
}
.control-btn.primary {
background: rgba(76, 217, 100, 0.2);
color: #4cd964;
}
.call-interface {
background: linear-gradient(145deg, #1a1a2e, #16213e);
}
.control-btn.primary {
background: rgba(76, 217, 100, 0.2);
color: #4cd964;
}