---
title: "Creating a snippet"
slug: "creating-a-snippet"
updated: 2023-06-21T02:02:48Z
published: 2023-06-21T02:02:48Z
canonical: "support.bookingtimes.com/creating-a-snippet"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.bookingtimes.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Creating a snippet

BookingTimes allows you to make snippets for the drag and drop editor. These snippets let you drag pre-formatted content onto the webpage. This article will detail how to create a snippet for the drag and drop editor. If you would like to learn more about using the drag and drop edit, you can do so here: [How to edit your website using the website editor](/v2/docs/how-to-edit-your-website-using-the-website-editor).

![image.png](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image%28548%29.png)Snippets on the right hand side which can be dragged onto the webpage

### Steps

1. Navigate to **Setup** > **Website Content** > **Edit Website**
2. Click **Edit Snippets** on the bottom right of the drag n drop **editor**

![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-1628741031782.png)

1. Click **Add Snippet**

**![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-1628741098251.png)**

4. Enter snippet name and category. Please save the snippets to a category called **Custom Snippets**

5. Add snippet HTML code in the TinyMCE editor by clicking the source code **<>** icon ![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-1642542787875.png)

7. Click **Save**

8. Add a snippet thumbnail image, the image should be 170px wide. ![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-1642542810825.png)