Skip to main content
All CollectionsPingtree Funnel Builder
Funnel Builder - Form Editor UX/UI Overview
Funnel Builder - Form Editor UX/UI Overview

Learn more about optimizing your user experience and design in Webflow 2.0

Charlie Conner avatar
Written by Charlie Conner
Updated over 2 months ago

UX/UI Editor

There are many different features within Pingtree's Funnel Builder which allow you with the flexibility in customizing the themes and UI of your landing pages and forms.

Funnel Builder Editor Menu:

In this lefthand menu you will find all of your different elements and sections available for building and modifying the UX/UI of your offers. This menu contains different options depending on the type of page you're in i.e. Landing Page, Form, Thank You Page etc...

Funnel Builder Environments and Pages Dropdown

At the top of your Funnel Builder editor, you will find two dropdown menus. One is for the Page environment selector and the other is for the page and variation selector.

The environment select allows you to switch between Staging and Production environments for your offers. All edits and modifications to your landing pages should first be made in the staging environment.

The page and variation selector allows you to switch between different landing pages, forms, thank you pages and any other pages attributed with this offer. This includes any variations of these pages you may have.

Funnel Builder Menu Items

Main Menu: This directs you out of the editor and into your main Funnel Builder menu.

Save Page: The save Page button allows you to save your progress on a page (Reminder to first do this in your staging environment)

Publish Page: This button will publish changes made - You will first want to publish changes made from your staging environment. This will push all changes into your production environment. From production, it's best practice to save and publish once again to ensure all changes are live.

*NOTE: Publishing the page will also store versioning. Pingtree will store the changes and current status of the particular page being worked on. This serves as a failsafe in the event, you inadvertently delete or save incorrect edits, users have the ability to restore previous versions of the page.

Funnel Builder Edit Options

Code Editor: Selecting this will expose the code block and allow users to edit and write code and CSS directly in a given element

Edit: The edit button will bring up certain UI and actions that can be edited on the lefthand menu

Delete: Delete will remove that element from your current build.

Did this answer your question?