How to add Support Form to a Webnode website

Embed Support Form on Webnode in just a few steps

Embed Support Form on Webnode

01
Create a Support Form widget for Webnode On Common Ninja

First, create a Webnode Support Form widget on Common Ninja.

On the widgets catalog, find the Support Form and enter the Editor.

Create a Support Form widget for Webnode On Common Ninja
02
Save the Support Form widget

When you're done creating the Support Form widget, click on the Save Changes button at the right top corner of the editor.

If you don't have an account on Common Ninja, you'll have to register first.

Save the Support Form widget
03
Copy the Support Form Embed Code

When you're ready to add the Support Form widget to your Webnode website, click the Add To Website button at the top bar of the Editor.

On the window that opens, click the Copy Icon to copy the widget embed code. In the next steps, you will paste this code into your Webnode website.

Copy the Support Form Embed Code
04
Click on Add Content

Now, let's head to your Webnode website's editor.

In the Webnode editor, click on Add Content button wherever you wish the Support Form to show.

Click on Add Content
05
Select HTML element

Select HTML from the content element list.

Select HTML element
06
Add the Support Form embed code

in the Insert HTML window, simply paste the Support Form embed code you've copied before.

Add the Support Form embed code
07
Save your changes

Click the OK button at the bottom of the HTML window, to save your changes and close the window.

Please note: the Support Form content will not show on the Webnode editor, and will only show on the published site.

Save your changes