Click the "Label" field and type "Contact Us".

Click "Add condition". This will connect our context to our page. 

Click the "Pages" field. Add in the path of the page you want to add the form to. In this case, it's "/contact-us".

Click the "Filter by block name" field and type "webform" to find webforms. 

Begin tying the name of your form and select your form from the dropdown. In this case, it's "Contact Us Test".

Click this dropdown and select "Main Content". 

Emergency banner
Header
Status announcements
Highlight
Main navigation region
Additional navigation region (eg menus, social icons, etc)
Breadcrumbs
Main content
Sidebar Left
Sidebar Right
Footer
Hidden Blocks

Now the webform is being displayed on your context, and context is reading your page using the path you entered. 

Now our form is being displayed on our page. 

Now that we have created a basic contact form in exercise 1, we will display the webform using Blocks and Context. If you would like to learn more about Blocks and Context, please see our Blocks and Context tutorial .

Exercise 2: Adding a Webform To a Page