Webflow Overview

Step into the world of Webflow, where design harmonizes with functionality. Explore how this dynamic platform can transform your web development journey, helping you attract the qualified leads you seek.

Webflow Overview

This brief overview serves as your introduction to the essential features and functionalities that make Webflow a game-changer in the world of web design.

Webflow Structure

Learn how to create a solid foundation for your web projects with Webflow's structural elements. Start by going to the webflow tab on the left side bar menu and follow the step flow process.

Webflow Listings

View and manage your webflows from all campaigns in your organization in your webflow single listings view.

Webflow Single

In your webflow single view, you will see a table that provides some basic information for all webflows in your organization.

What will this view show?

1. All current and trashed webflows
2. Which campaigns each webflow is associate with
3. The team members with access to each webflow
4. The number of variations each webflow has
5. The total number of clicks on the webflow
6. The current webflow improvement stage
7. Your conversions and conversion rate for each webflow

Webflow Actions

Link directly to each webflow by selecting the "View Webflow" link under actions and you will be taken to the webflow editor.

Webflow Templates

Pingtree's webflow provides you with a number of premade templates that will make your webflow implementation a breeze.

Creating A Webflow

Webflows will be created from the orginzation level which you can find in sidebar menu in the Campaign Management section.

Creating a Webflow:

1. The first step in creating a new webflow is to choose your base template.
2. Next you will add in your webflow details such as your webflow name, which campaign you will want to associate the webflow with and the control URL. A unique webflow ID will automatically be assigned to this webflow.
3. Choose whether or not you wish to build the webflow from default which will replicate it to create a variance in each
4. Choose whether or not you wish to have variations of this webflow. If you enable this option, you'll be able to add the variatios(s) and include the volume percentage of traffic distributed to each. This logic can also be applied at a later time.
5. Select "Launch Builder"
6. Now you're in the webflow editor section which is where you create the content for your webflows. a. Add in the step element(s) (Adding at least one "Add Step" element will be required prior to adding the any additional elements). b. Add in elements and associate it to the proper step.
7. Publish your webflow.

Webflow Variations

Webflow variations are created at the orginization level in your webflow section.

These variations can be used for A/B testing or to direct certain sets of leads to a set variation depending on rule logic you're able to add.

Webflow Settings

In webflow settings, you can include some dynamic options for your webflow page.

Choose whether you want the following features on your form by enabling the following:

1. Header
2. Progress Bar
3. Validation Logic

Additionally you may choose where the lead is directed upon their submission of your form. Choose between the following:

1. Click Listing Page
2. Thank you page
3. Redirect URL - You will need to manually add in the redirect URL for this option