Your first snippet

Create a small snippet, save it, and activate it when you are ready.

  1. Click Add New

    From the dashboard or All Snippets, open the snippet editor.

  2. Name the snippet

    Use a clear name you will recognize later, such as “Header tracking script” or “Checkout notice CSS”.

  3. Choose a type

    Pick PHP, CSS, JS, HTML, or Mixed depending on what you are adding.

  4. Assign a folder

    Optional but recommended. Folders keep client and feature work separated.

  5. Write your code

    Paste or write code in the editor. Syntax highlighting follows the selected type.

  6. Save

    Saving creates a version snapshot you can restore later.

  7. Activate

    Toggle Active when the snippet is ready to run according to its location rules.

Adding Snippet screen with title, code preview, and organization sidebar
Add New — title, type, folder, then Create Snippet
Tip
  • Start with CSS or HTML on a staging site before enabling PHP.