Embed on your website

Export your pet and add it to any site.

Self-contained export
Your image and behavior settings are included in the exported file.
1

Download your widget

Choose a file format to export your pet. Both options include your image and all behavior settings.

Sable @embedyourpet 9 moves

Building your own? Use Download installation kit in the builder.

2

Host the file

Unzip your installation kit and open install.html to check your pet appears. Keep the files together. Then upload sable-widget.js to your website’s public folder. If you upload into a subfolder, include that folder in the script path below.

3

Add the script

If the file is at your site’s root, copy and paste this script tag into your website's HTML, ideally before the closing </body> tag.

<script src='/sable-widget.js'></script>
4

Try your pet

Open your site to see your pet in action. It starts in the corner you chose and visitors can drag it anywhere.

My WebsiteHomeAboutProjectsContact

A little
brighter together.

Hello there!

Pet not appearing?

  • Open the widget URL directly, for example https://yoursite.com/sable-widget.js. It should show JavaScript. A 404 means the upload location or script path needs fixing.
  • Check the filename matches exactly, including upper and lower case.
  • Remove duplicate script tags, reload the page and check your browser console for blocked scripts.
  • If your site has a Content Security Policy, allow your hosted script and embedded image data.

For a Codex desktop companion, download Download Codex pet from its pet page. A website widget ZIP is for websites.