Fluxyn Docs
Getting started

Create Your First Application

A practical walkthrough for creating an application, installing the runtime, building a first flow, validating it, and publishing it.

The fastest way to learn Fluxyn is to build something real.

This walkthrough covers the full path from setup to release:

Create an Application

  1. Open Studio and sign in.
  2. On the Apps page, click New Application.
  3. Enter an application name such as My Superb application.
  4. Click Create Application.
  5. Open the application you just created.

Install the Runtime

  1. Inside the application, open the Script tab.
  2. Copy the runtime snippet that Studio generates for the application.
  3. Add the script to your page.
  4. Save the file and reload the page.
  5. Confirm that the page loads with the Fluxyn runtime attached.

Build a Click Flow

  1. Click New Flow.
  2. Enter a flow name such as Capture clicks.
  3. In the left palette, find Click Trigger under TRIGGERS and drag it onto the canvas.
  4. Select the trigger node and set the selector to [data-tracking-label].

This will capture every element that has the attribute data-tracking-label.

  1. Add a Debug / Log node from the UTILITY section.
  2. Connect the trigger output to the debug node.
  3. Set the debug message to My button was clicked.
  4. Next we will publish to see the changes in your page.

Release the Application

  1. Click Create version if you are not already editing an application branch.
  2. Save the flow.
  3. Start Live Preview and confirm the behavior still matches the flow.
  4. Click the release action in the top bar.
  5. Confirm the production release when the Live Preview result is the one you want.

That is the basic Fluxyn lifecycle:

  1. create the application
  2. install the runtime
  3. define the behavior in a flow
  4. validate it against your page and in the debugger
  5. publish when you are confident

From here, a good next step is either learning the core concepts or trying one of the official vendor integrations.

What Fluxyn Is

An introduction to Fluxyn, where it fits in your stack, and why teams use it to move faster without losing control.

Core Concepts

Understand the mental model behind Fluxyn so flows are easier to design, debug, and publish with confidence.

On this page

Create an ApplicationInstall the RuntimeBuild a Click FlowRelease the Application