# Code Snippets Code snippets are small blocks of reusable HTML code that can be inserted on a page.  Using code snippets makes the process of inserting HTML code easy and keeps the HTML code on your page intact.   :::success **Where do I find it?** Built-in and Custom Code Snippets are available when editing a web page by clicking on the Blue Paw icon. ::: With the **Website Service**, you have built-in snippets, and you have the option of creating your own snippets. Both are available from the **Website** tab on your account. Although this may sound complicated, using our built-in snippets is as easy as adding an image or any other element to your web pages. :::tip **Please add all custom HTML using the Code Snippet feature** We strongly recommend that you use snippets rather than entering HTML directly onto the page with the text editor.   ::: Examples of some **Built-In Code Snippets** that you can select and add to your web pages: * PayPal * Side Bar Events * Side Bar News * Search * Featured Pet (Can be set to random) * Affiliates Examples of **Custom Code Snippets** you may create: * Amazon Smile * ChipIn widget * Goodsearchbutton * Goodshop button * Embed a Vimeo or YouTube Video * Embed a slideshow * Custom PayPal button * Custom affiliate * Facebook Like box * Widgets Below is an example of what the list of built-in and some custom snippets looks like. ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/48da3d2a-9a3a-434b-824b-a6018154f31c/ec9b7e67-7bcf-41cd-88c0-28b43119e49d/insert-custom-code-snippet.jpeg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261023%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261023T193000Z&X-Amz-Expires=86400&X-Amz-Signature=94f7f97ab0ba2362c00ce2cd403f46c84f3f49f89582cd1079e4b2e4c93b0daa&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =747x582") # How to add a code snippet to your web page 1. Navigate to **Website > Web Page List.** 2. Click the **Edit** icon next to a page where you would like to add the custom snippet. 3. Click the **Snippet** icon in the page editor (*it looks like a little blue paw*). This will bring up a list of built-in custom tags. ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/48da3d2a-9a3a-434b-824b-a6018154f31c/a3de2658-6cfa-46cd-b150-a8f213a528f2/add-snippet-to-page.jpeg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261023%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261023T193000Z&X-Amz-Expires=86400&X-Amz-Signature=890dbfed79bc0c666645534129bcaa1409232d7c7ec7b36d7578d42c0176e5dd&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =928x360") 4. Scroll until you see the name of the snippet you would like to add. a. Built-in snippets look like this: **Built-in: Name of Item** b. Custom snippets you create will appear at the end of the list and look like this: **Custom: Name of Your Snippet** 5. Click on the snippet name and a custom tag will be inserted,such as:{s970code255/}. 6. Save your page.  When viewed outside of the editor, in your browser, the shortcode will be replaced with the code from the code snippet. # How to create a custom snippet :::success **Where do I find it?**  You can create [Custom Code Snippets](https://manage.rescuegroups.org/customcode) for your page by going to **Website > Custom Code Snippets**. ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/48da3d2a-9a3a-434b-824b-a6018154f31c/c74c33eb-05f4-4cad-9bb5-8276dac9487c/image2018-1-4_18-15-23.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261023%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261023T193000Z&X-Amz-Expires=86400&X-Amz-Signature=ff40a402607de02fb1cce41deb6a07978451428e21321a4e4dc51fe90a70120e&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =353x313") ::: Follow these instructions to create a custom code snippet: 1. Navigate to **Website > Custom Code Snippets.** 2. Click **Add A Custom Code Snippet**.  3. Enter a name for the code snippet. 4. Paste your HTML code into the **Code** box.  5. Click **Save Code** to save. 6. Follow the instructions above, **How to add a code snippet to your web page**. --- **Documents** - [Place animal on a web page using snippets](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/place-animal-on-a-web-page-using-snippets-J349c4mpNw) - [Add Featured Animal to your pages](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/add-featured-animal-to-your-pages-9A29lJd1sM) - [Publicize upcoming events to your web page](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/publicize-upcoming-events-to-your-web-page-9aP7XP2saf)