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

# Getting Started

> Create your first Dynamic Route in minutes.

Creating a Dynamic Route in KlipLink is easy, learn how to create your first one in minutes.

<Steps>
  <Step title="Choose a Starting Point">
    From the Dynamic Routes page, click **+ Blank Route** to start from scratch, or browse the templates at the top and click one to open the creation modal with it pre-selected.

    Available templates:

    | Template             | Best For                                 |
    | -------------------- | ---------------------------------------- |
    | Redirect By OS       | Apps — send users to the right app store |
    | Redirect By Device   | Platform specific sites                  |
    | Split Traffic        | A/B testing                              |
    | Conditional Redirect | Global websites with complex logic       |
  </Step>

  <Step title="Create Your Route">
    <img src="https://mintcdn.com/kliplink/5HAJJgcceFVG7q6p/images/dynamic-routes-create-modal.png?fit=max&auto=format&n=5HAJJgcceFVG7q6p&q=85&s=a92c61d90411cf99b6236762015bd274" alt="Dynamic Routes Create Modal" width="839" height="516" data-path="images/dynamic-routes-create-modal.png" />

    Fill in the details:

    * **Title** *(optional)* — helps you identify the route in your dashboard
    * **Template** — pre-selected if you clicked a template, otherwise defaults to Blank Route
    * **Domain** — choose from `klipl.ink` or any of your custom domains
    * **Custom Back Half** *(optional)* — customise the end of your short URL, e.g. `klipl.ink/my-app`

    Click **Go To Editor** when ready.
  </Step>

  <Step title="Build Your Flow">
    <img src="https://mintcdn.com/kliplink/5HAJJgcceFVG7q6p/images/dynamic-routes-editor.png?fit=max&auto=format&n=5HAJJgcceFVG7q6p&q=85&s=ece18cc52bd2b97f0700365432c0010f" alt="Dynamic Routes Editor" width="1917" height="909" data-path="images/dynamic-routes-editor.png" />

    The editor opens with your chosen template's nodes already connected. You'll see:

    * A **Start** node on the left — this is where every click enters your route. **You must set a fallback URL here in case no conditions are met.**
    * A **node panel** on the right — drag nodes onto the canvas to add logic

    <Tip>
      Connect nodes by dragging from an output port on one node to an input port on another.
    </Tip>

    ### Available nodes:

    | Node                    | Colour | What it does                                  |
    | ----------------------- | ------ | --------------------------------------------- |
    | A/B Split               | Yellow | Splits traffic between variants by percentage |
    | If                      | Red    | Conditional branching logic                   |
    | Redirect                | Blue   | Redirects to a specified URL                  |
    | OS Based Redirect       | Purple | Redirects based on user's operating system    |
    | Platform Based Redirect | Green  | Redirects based on screen size / platform     |
  </Step>

  <Step title="Save and Share">
    When you're happy with your flow, click **Save** in the top right. Once saved, click **Share Link** to copy your short URL and start sharing it.

    <Note>
      Your route is live as soon as it's saved — any clicks will immediately follow your latest flow.
    </Note>
  </Step>
</Steps>
