Edit a Webflow

Adding components and configuring Properties

Follow the instructions to edit your Webflow.

Adding and configuring a Page 

To add a Page and configure its properties, perform the following steps:

1. Drag and drop a Page component (1) under the Greeting Page.
2. Delete the primaryButtonText (2) and type "Continue".
3. Set the primaryButtonAction function (3) to Next.
4. Set the secondaryButtonAction function (4) to Prev.

Adding and Styling rich Text

To add a Rich Text and style it, perform the following steps:

5. Drag and drop a Rich Text component (5) onto the Page.
6. Write the following text: "Marital Status" (6).
7. Style the text (7).

Adding and configuring a Radio Question

To add a Radio Question and configure it, perform the following steps:

8. Drag and drop a Radio Question component (8) onto the Page under the Rich Text.
9. Write the title (9): "What is your marital Status?" 
10. Click options (10).

11. Write the Text and Value  - "Single" (11).
12. Click the + Add New button (12).
13. Write the Text and Value  - "Married" (13).
14. Click the + Add New button (12).
15. Write the Text and Value  - "Divorced" (14).
16. Click the + Add New button (12).
17. Write the Text and Value  - "Widowed" (15).
18. Click the OK button (16).

Adding a Container , Grid, and Configuring Properties 

To add a Container, a Grid and configure its properties, perform the following steps:

19. Drag and drop a Container component (17) onto the Page under the Radio Question.

20. Drag and drop a Grid component (18) onto the Container.
21. Set the Direction of the Grid to ltr (19).

Adding Text Inputs and Write their Label

To add a Text Inputs components and write their label, perform the following steps:

22. Drag and drop four Text Input components (20) onto the Grid.
23. Write their label (21): 
    1. "First Name"
    2. "Last Name"
    3. "ID Number"
    4. "Email"

Deploy and Preview

To deploy and preview the digital process, perform the following steps:

24. Click the Deploy Button (22).

25. Wait for the Deployment process to finish (23).
26. Click the Preview button (24).