Adding Components Guidelines

Article Overview

The following article describes Page type components and guidelines for adding components. 

Page Type Components

(See Figure 1)

There are three types of Page type components:

• Page - the main component that contains other components. A Webflow must include at least one Page. Other components (except for the Greeting and Thank You pages) are dragged and dropped on top of the Main Page, for example:

Figure 1: Added Page

• Greeting Page - a welcome page that your end-users see when interacting with a digital process. It usually contains a Static Text message that tells them what they are about to do and a Primary Button component that they can click to continue with the rest of the process. The Greeting Page is the first chance for end-users to experience the look and feel of your digital process. Other components, except for the Page and the Thank You Page, can be dragged and dropped on top of the Greeting Page. 
• Thank You Page - a page that appears at the end of a digital process. It usually contains a Static Text message that indicates to the end-user that a digital process step or the entire digital process was completed. Other components, except for the Main Page and the Greeting Page, can be dragged and dropped on top of the Thank You Page. 

Adding  Components Guidelines

(See Figure 2 to Figure 5)

• A Page type component is the first component to add when building a new Webflow. 
• Pages are added by clicking the + Add A New Page option (1), but not by drag and drop.
• All other components will be available until a Page type component is added.
  

Figure 2: + Add A New Page

• You can add additional Pages by clicking the + Add A New Page option.

Figure 3: Adding additional Pages

• Each added Page has two default buttons for navigating forward and backward within the digital process.

Figure 4: Navigation Buttons

• The last Page includes by default a button to navigate backward and a submit button to upload the process.

Figure 5: Last Page Buttons

• A Greeting Page does not include default buttons, a Primary Button component must be added.