Easy Integration
Add the widget to your site with just 2 lines of code. No technical expertise required.
Completely Free
Use our widget at no cost. We only ask for attribution with "Powered by PetCareHelperAI".
Lightweight & Fast
Minimal impact on page load. The widget loads asynchronously and won't slow down your site.
Mobile Friendly
Responsive design works perfectly on all devices - desktops, tablets, and phones.
Customizable
Choose position (bottom-right, bottom-left, or inline), button text, and more.
Pet Health Topics
Covers dogs, cats, birds, reptiles, fish - with symptom guidance, nutrition, and more.
Live Preview
Quick Start (Recommended)
The easiest way to add the widget. Just paste this code before the closing </body> tag on your website:
<!-- PetCareHelperAI Widget --> <script src="https://petcarehelperai.com/embed/widget.js"></script> <script>PetCareWidget.init();</script>
This adds a floating chat button in the bottom-right corner of your page.
Customization Options
Configure the widget to match your preferences:
<script src="https://petcarehelperai.com/embed/widget.js"></script> <script> PetCareWidget.init({ position: 'bottom-right', // 'bottom-right', 'bottom-left', or 'inline' buttonText: 'Pet Help', // Text shown on the button width: '380px', // Widget width height: '520px' // Widget height }); </script>
Available Options
| Option | Description | Default |
|---|---|---|
| position | Widget position: 'bottom-right', 'bottom-left', or 'inline' | 'bottom-right' |
| buttonText | Text displayed on the floating button | 'Pet Help' |
| containerId | ID of container element (required for 'inline' position) | null |
| width | Width of the chat popup | '380px' |
| height | Height of the chat popup | '520px' |
| zIndex | CSS z-index for the widget container | 9999 |
Inline Embed (Within Your Content)
Embed the widget directly within your page content instead of as a floating button:
<!-- Container where widget will appear --> <div id="pet-widget-container"></div> <!-- Widget script --> <script src="https://petcarehelperai.com/embed/widget.js"></script> <script> PetCareWidget.init({ position: 'inline', containerId: 'pet-widget-container' }); </script>
Simple iFrame Embed
Alternatively, you can embed the widget directly using an iframe:
<iframe src="https://petcarehelperai.com/embed/widget" width="100%" height="500" style="border: none; border-radius: 12px; max-width: 400px;" title="PetCareHelperAI Chat Widget" loading="lazy" ></iframe>
JavaScript API
Control the widget programmatically:
// Open the widget PetCareWidget.open(); // Close the widget PetCareWidget.close(); // Toggle open/closed PetCareWidget.toggle(); // Remove the widget completely PetCareWidget.destroy();
Frequently Asked Questions
Is this really free?
Yes! The widget is completely free to use. We only require that you keep the "Powered by PetCareHelperAI" attribution visible, which helps us grow and continue offering this service.
Will this slow down my website?
No. The widget script is lightweight (~4KB) and loads asynchronously, meaning it won't block your page from loading. The iframe content only loads when users interact with the widget.
What topics does the AI cover?
The AI provides guidance on dogs, cats, birds, reptiles, and fish. It covers health symptoms, nutrition, behavior, training, emergency recognition, and more. It's educational guidance and always recommends professional veterinary care when appropriate.
Can I customize the appearance?
You can customize the position, button text, and dimensions. The widget uses a clean, neutral design that works well on most websites. For advanced customization needs, please contact us.
Is user data collected?
We don't collect personal information from widget users. Chat conversations are processed to provide AI responses but are not stored permanently or used for marketing purposes.
Can I remove the "Powered by" link?
The attribution link is required for free use as it helps us sustain this service. If you need a white-label solution, please contact us about partnership options.
Questions or Partnership Inquiries?
We're here to help you get the most out of the widget.
Contact Us