🔗 Embeddable Pet Widget
Display your available pets on your shelter's website with our easy-to-use widget
📋 Quick Start
Copy and paste this code into your website where you want the pet widget to appear:
<!-- OnlyPaws Pet Widget -->
<iframe
src="https://onlypaws.network/widget/shelter/YOUR_SHELTER_ID/animals"
width="100%"
height="800"
frameborder="0"
style="border: none; border-radius: 8px;"
title="Available Pets">
</iframe>
Important: Replace YOUR_SHELTER_ID with your actual shelter ID from OnlyPaws.
⚙️ Configuration Options
Customize the widget by adding URL parameters:
| Parameter | Type | Description | Default |
|---|---|---|---|
limit Optional |
Number | Maximum number of animals to display | 12 |
status Optional |
String | Filter by status: available, pending, adopted |
available |
Example with Parameters
<!-- Show only 6 available pets -->
<iframe
src="https://onlypaws.network/widget/shelter/YOUR_SHELTER_ID/animals?limit=6&status=available"
width="100%"
height="600"
frameborder="0"
style="border: none; border-radius: 8px;"
title="Available Pets">
</iframe>
📱 Responsive Design
The widget is fully responsive and will automatically adapt to different screen sizes. For best results:
- Use
width="100%"to make it fill the container - Adjust the height based on how many animals you're displaying
- Recommended minimum height: 600px for 6 animals, 800px for 12 animals
🎨 Styling Tips
You can wrap the iframe in a container to add custom styling:
<div style="max-width: 1200px; margin: 0 auto; padding: 20px;">
<h2>Adopt a Pet Today</h2>
<iframe
src="https://onlypaws.network/widget/shelter/YOUR_SHELTER_ID/animals"
width="100%"
height="800"
frameborder="0"
style="border: none; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"
title="Available Pets">
</iframe>
</div>
✨ Widget Features
- Displays pet photos, names, species, breed, age, and sex
- Shows adoption status (Available, Pending, Adopted)
- Links directly to full pet profiles on OnlyPaws
- Fully responsive design for all devices
- Automatic updates when you add or remove pets
- Professional, clean design that matches any website
🔍 How to Find Your Shelter ID
- Log in to your OnlyPaws account
- Go to your Shelter Settings page
- Your Shelter ID will be displayed at the bottom of the page
- It's typically a short alphanumeric code
💬 Need Help?
If you have questions or need assistance setting up the widget, our support team is here to help!