Webflow Structure

Article Overview

The following article describes the structure of a  Webflow. 

Structure Overview

(See Figure 1)

A Webflow is comprised of the following icons, sections, and tabs:

1. Webflows tab - Displays the Webflow screen.
2. Workflow Manager tab - Displays the Workflow Manager screen.
3. Documents tab - Displays the Documents screen.

4. Components - when this icon is clicked, the left section displays a list of components. The components are used to build the physical structure of a digital process.

5. Navigator  - when this icon is clicked, the left section displays the logical structure and hierarchy of the components that were added to the canvas.

6. Salesforce - when this icon is clicked, the left section displays fields for Salesforce integration.

7. Canvas - this section contains the added components.

8. Design tab - when this tab is clicked, the right section displays the Design properties of a selected component.

9. Behavior tab - when this tab is clicked, the right section displays the options to add conditions and validations. 

10. The upper section - contains different options and buttons.

• Figure 1: Webflow Structure

The Upper Section

(See Figure 2)

1. The upper section displays an icon with the initials of the user currently building the Webflow and its status indicator:
   • Green - autosave is on.
   • Orange - syncing.
   • Red - offline/error
   • Display the initials of the user/s currently editing the Webflow

2. The section enables you to ask for assistance.

3. Book a demo - enables you to book a demo with an EasySend specialist. 
4. Clicking the More Options icon enables you to save a new version of the Webflow.
5. Using the Process Settings screen, you can create different roles, configure your Salesforce integration, and set different themes for your process (see Figure 3).

6. Enables you to deploy the process.
7. Enables you to view the process.

• Figure 2: Upper Section
• 
• Figure 3: Process Settings Screen

Deploy and Preview

(See Figure 4)

Deployment and preview refer to the process of publishing a digital process. They can be performed at various stages of development - for example, a user may deploy and preview the process for quality assurance testing or when it’s ready to be shared with the world. When a deployment process ends, it will display an indicator:

• Successful deployment
• The deployment process failed with errors
• The deployment process passed, but with warnings  

After a successful deployment from the Webflows screen, a link to the process becomes available for copying and pasting.

• Figure 4: Process Link