Skip to main content
The FunnelFox Editor is where you build web funnels — by prompt with AI Chat in Editor or manually on the canvas. View your funnel as a flow, drag and drop elements, and create sophisticated conversion flows without writing code.
The Editor is not compatible with Safari. For the best experience, use Chrome or a Chrome-based browser such as Microsoft Edge, Arc, Opera, or similar.

​
Editor interface

The editor displays a mobile preview by default because most funnel traffic comes from mobile devices. Your funnels automatically work on all screen sizes.

​
AI Chat in Editor

AI Chat in Editor lets anyone on your team edit any element, screen, or the whole funnel by prompt without any builder skills required. Open it with the sparkles AI icon in the selector on the right. You can also build from a reference image, such as a paywall, onboarding, or quiz screen screenshot, and the agent recreates it with your copy, colors, and components. Paste a link to a live funnel and the agent walks the flow and rebuilds every screen it captures, or ask it to generate a funnel from scratch.
To switch to the new builder, Open the Editor and click New Builder in the top left. To switch back, open the Editor menu at the top left and click Switch to Old Builder.
Learn more about AI Chat in Editor.

​
Canvas

Your main funnel view with a canvas interface. Browse your funnel flow here in mobile device frames and click any screen to start editing it. You can zoom in or out to see all funnel branches at once. Canvas is especially helpful for managing dynamic navigation flows. To collaborate on your launch, share the canvas with your team and use comments if needed.

​
Screens

Available on the left. View and edit all screens in your funnel, add new ones, reorder them by dragging, and group them. Jump between Canvas/Screens using the switcher at the bottom.

​
Elements

Available on the left in the Elements tab. Browse the element tree for the current screen, reorder elements, and select them directly from the list.

​
Parameters

Open Properties in the selector on the right, then go to the Parameters tab. Configure the selected screen: ID, title, type, back button, progress bar, auto-navigation, and other screen-level settings.

​
Styles

Open Properties in the selector on the right, then go to the Styles tab. Adjust layout and visual styling for the selected screen or element.
Use themes to speed up design across all funnels in your project.

​
Key features

​
Screens are individual pages in your funnel. Each screen has its own URL path like /funnel-slug/screen-id. Always use descriptive screen IDs (e.g., ‘welcome’, ‘benefits’, ‘checkout’) for clean URLs and better analytics tracking.
Set screen types for analytics tracking:
  • Default: Standard content screens
  • Auth: Login or registration
  • Checkout: Payment processing
  • Finish: Success or confirmation
  • Paywall: Pricing presentation
  • Upsell: Additional offers
Screen types are for analytics only. They don’t change functionality but help track conversion metrics like “Start to Paywall” rates.
​
Elements are the building blocks of your screens. Add them onto your canvas to build your funnel. Each element has properties you can customize:
  • Visual styling (colors, fonts, spacing)
  • Content (text, images, placeholders)
  • Behavior (actions, conditions)
Learn more about elements.
​
The Editor maintains a complete version history. To access it, click the Editor menu at the top left and select Version history.
Version history panel
  • Each save creates a new version (v1, v2, v3…).
  • Click the restore arrow to roll back to any previous save.
  • The version you’re editing right now is marked as Current.
  • Each version has a timestamp when it was saved.
The editor doesn’t auto-save. Click Save to preserve your work.

​
Build your funnel

Before you start, describe your app or paste an App Store, Google Play, or website link in the Project context. Once set, open a funnel in the Editor and start with the AI Chat on the right.
1

Set up the agent

Click the Editor menu at the top left and select how the agent builds your funnel, then choose the model, if needed.
2

Provide a prompt

Trigger the agent with something like build me a funnel from scratch, attach a reference image, or paste a funnel link to rebuild an existing funnel. Press Enter.Generation typically takes 2–4 minutes. Capturing a funnel from a link takes longer.
3

Review and refine

Review your outcomes and refine by prompt or manually, when needed.
4

Set screen types

Mark screens appropriately (Paywall, Checkout, etc.) for analytics tracking.
5

Preview and test

Use Preview mode to test your funnel with sandbox payments before going live.
Use templates to reduce the time to your first funnel.

​
Group funnel screens

Go to the Screens tab on the left, then click the Group button at the bottom of the Screens tab to group screens.
Groups organize screens and enable progress tracking: Organization
  • Group related screens (e.g., “Quiz Questions”, “Checkout Flow”)
  • Collapse groups for cleaner navigation
  • Reorder entire groups at once
Progress bars
  • Each group becomes a progress point
  • Users see completion as they advance
  • Visual feedback improves conversion
Example: Three groups with 3 screens each shows 3 dots in the progress bar. Completing group 2 fills the second dot.
Unlike traditional page builders, funnel screens aren’t directly linked. Instead, they follow a sequence with navigation controlled by actions. You can easily visualize the entire user journey through your funnel using the canvas view. Default flow:
  • Screens appear in the order shown in the Screens tab on the left
  • Next screen action follows this order
  • Users progress linearly through the funnel
Dynamic navigation:
  • Use Destination to [specific screen] button action for branching
  • Create conditional navigation based on user choices
  • Build dynamic paths with personalization

​
Share canvas

You can share your funnel while building it in two ways:
  1. Click the Share button at the top right.
  1. Select how you share the canvas:
  • Share for editing together: For users with builder access. Use this to allow them to comment on the canvas. If your team has multiple projects, the link will automatically lead to the right one.
  • Share for viewing only: For public viewing of the current canvas (without editing).
The link you share includes funnel ID so you can search it from the Funnels list, if needed.

​
Comments

Use comments in the canvas to collaborate with your team — address feedback, discuss designs, and accelerate funnel building. Commenting is available to any user logged in to your FunnelFox project.
Comments are not available when the canvas is shared with preview access rights.
To comment on the canvas:
  1. Click the in the selector on the right to enter comment mode. Your cursor will change to a .
  2. In comment mode, you can:
  • Hover over existing comments to view them.
  • Click any comment to reply or resolve it. Resolved comments disappear from the canvas.
  • Click anywhere on the canvas to add a new comment.

​
Preview vs production

You can view each funnel in Preview or Publish mode:
For testing and development:
  • Instant updates
  • Sandbox payments (test cards)
  • Faster builds
  • Share preview links for public viewing without builder access
When you hit Publish, you can run Check for errors first. It scans your funnel for problems like broken navigation, misconfigured payments and wallets, inconsistent pricing, dead conditional rules, and missing content, so you can fix them before real visitors do.
Check for errors is available only in the new Editor with AI Chat.
The appearance switcher at the bottom left lets you preview your funnel in a plain phone frame (Default) or a simulated Instagram in-app browser, so you can check how it looks to users arriving from Instagram ads.

​
Keyboard shortcuts

Speed up your workflow with shortcuts. Click the Editor menu at the top left and select Keyboard shortcuts to view the full list inside the Editor. Common ones:
  • Cmd/Ctrl + Z: Undo
  • Cmd/Ctrl + Shift + Z: Redo
  • Cmd/Ctrl + C: Copy element
  • Cmd/Ctrl + V: Paste element
  • Delete: Remove selected element
  • Cmd/Ctrl + S: Save changes

​
Troubleshooting

  1. Save your funnel.
  2. Delete the problematic element.
  3. Add the element back and reconfigure it.
  4. Reload the page and test again.
  1. Save the funnel.
  2. Reload the page.
  3. Edit the conditions again.
The Editor is not compatible with Safari. For best performance, use Chrome or a Chrome-based browser instead.
Re-send the same request in the same chat. The agent picks up the same capture instead of starting over.
Screens are added to the funnel you have open. Start from a new, empty funnel.

​
Next steps