You can use our Portable Pet List tool to generate javascript code or use an iframe link to display your adoptable pets from Adopt a Pet embedded in your website.
Javascript code
- In your Adopt a Pet shelter/rescue account, go to Add my Pet List to my Website
- Customize Your Pet List choose the layout width, style, and colors
- Copy Generated Code from the box into the HTML of your website
This displays your pets in an iframe automatically!
iFrame
Some website builders like Wix and Wordpress prefer you use the direct iFrame code, not the javascript generator. (We also have specific Wordpress and Wix instructions.) They prompt you to enter a URL website address into their iFrame tool. We also recommend setting your iFrame code's width to 100% so it will display best on mobile.
Here are two options for getting your pet list iframe URL:
A) Easiest: Use Open Frame
If you use the Chrome browser, install its Open Frame extension from here. Then follow steps 1 and 2 above, right-click or command + click anywhere within the Preview Your Pet List where you see your pets, select Open Frame in new tab. Copy that URL into your website builder's iFrame tool.
B) Still easy: Use your ID number
First, find your Adopt a Pet shelter account unique ID number. You can see it on your Pet List Links page here. Look for the number in the links. For example, in https://www.adoptapet.com/shelter/4298#available-pets-- 4298 is the ID number.
Next, copy this sample link below...
https://searchtools.adoptapet.com/cgi-bin/searchtools.cgi/portable_pet_list?shelter_id=4298&title=&color=green&clan_name=&size=450x320_list&sort_by=pet_name&hide_clan_filter_p=
Paste that link into your iframe code or tool.
Finally, very carefully type to replace the sample number 4298 with your unique ID number. You may need to click somewhere else in the URL then use your arrow keys to move the cursor to delete 4298 and replace with your ID. Be careful! Do not type over the = before the number or the & after the number in the link.
You're all done!
Email helpdesk@adoptapet.com if you have questions.