Code Snippets

Add, edit, and manage your code snippets quickly within the app or in an external IDE.

Overview

In Code Snippets, you can add local folders to create individual snippet repositories, and add various files to write your code. The snippets you create can be quickly accessed from the in-app widget, and you can also open them in an external IDE for editing if needed.

Registered snippets can be viewed and used across the app without being limited to specific websites.

How to Add Snippets

1

Add a Folder

• Go to Builder sidebar → Code Snippets → Snippet Folders and click the + button next to Snippet Folders.

2

Enter Folder Information

• In the popup, specify the local folder path.

• Enter the folder name and an optional description.

3

Register the Folder

Once completed, the folder will be added to the Snippet Folders list, and you’re ready to start creating snippets.

4

Add Files and Write Code

1. Click the registered folder to see the + Create File button.

2. Click it and enter the file name with its extension (e.g., your-snippet.php).

3. The screen will change, showing the file under the Root folder in the Folder Structure, and the file will be opened.

4. You can write code directly in the editor, or click Open in Cursor to edit in an external IDE and save the changes.

You can set your default IDE. See the Builder Settings for more details.

Snippet Widget

The widget allows you to quickly view and copy multiple snippets at any time while working on other tasks.