Webflow Structure
    • PDF

    Webflow Structure

    • PDF

    Article summary

    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.
    NOTE
    • Each created process contains a default Workflow that enables it to run with a simple flow.

    • To learn about the Workflow Manager, click here.
    • To learn more about the Documents tab, click here.  
    1. 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.
    NOTE
    To learn about components, click here.
    1. Navigator  - when this icon is clicked, the left section displays the logical structure and hierarchy of the components that were added to the canvas.
    NOTE
    To learn about the navigator, click here.
    1. Salesforce - when this icon is clicked, the left section displays fields for Salesforce integration.
    NOTE
    To learn about Salesforce integration, click here.
    1. Canvas - this section contains the added components.
    NOTE
    • If a process is not created from scratch, the canvas will contain automatically added components.
    • All components besides the page are added by drag and drop.
    1. Design tab - when this tab is clicked, the right section displays the Design properties of a selected component.
    NOTE
    To learn more about the Design properties of each component, click here.
    1. Behavior tab - when this tab is clicked, the right section displays the options to add conditions and validations. 
    To learn about the Behavior tab, click here.
    1. The upper section - contains different options and buttons.

    • Figure 1: Webflow Structure

    The Upper Section

    (See Figure 2 and Figure 3)

    The upper section allows you to access the Process Settings screen (1), where you can create roles, set a default role, select from different themes for your process, and configure your Salesforce integration. Additionally, the upper section features a button to deploy (2) and a button to view a preview (3) of 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

    Was this article helpful?