Skip to main content Accessibility Feedback

Demo: Out-of-the-Box

This is the out-of-the-box implementation of Fetch. All you need is a Petfinder API key and secret, and a shelter ID.

Loading...

What to put on your site

<link rel="stylesheet" type="text/css" href="/css/fetch2.css">
<script src="/css/fetch2.js"></script>

<div data-fetch>
    <p>Loading...</p>
</div>

<script>
	new Fetch('[data-fetch]', {
		key: 'YOUR API KEY',
		secret: 'YOUR API SECRET',
		shelter: 'YOUR SHELTER ID'
	});
</script>

If you’re using WordPress

[fetch2 key="YOUR API KEY" secret="YOUR API SECRET" shelter="YOUR SHELTER ID"]
Loading...
[/fetch2]