Cognito Forms logo

Webnode

You can embed your form into your Webnode website using the responsive Iframe option:

1. Log in to your Webnode account and add a new content block where you want to embed your form. Then, select HTML from the Add Content menu:

2. In Cognito Forms, open your form builder and navigate to the Publish page. Then, copy your form's Iframe embed code from the Publish Code tab.

Hint: In addition to altering the appearance of your form, you can also use the Style Editor to hide your form's title/header when embedded.

3. In Webnode, open your HTML content block and paste your form's Iframe embed code. Make sure to save your changes. Note: you may see a message that the content of the block cannot be displayed due to security reasons. In this case, the form is only visible on the published version of your website.

4. You form will now be embedded onto your webpage!

Printable View