How to add Order Form to a Webador website

Embed Order Form on Webador in just a few steps

Embed Order Form on Webador

01
Create a Order Form widget for Webador On Common Ninja

First, create a Webador Order Form widget on Common Ninja.

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

Create a Order Form widget for Webador On Common Ninja
02
Save the Order Form widget

When you're done creating the Order 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 Order Form widget
03
Copy the Order Form widget embed code

When you're ready to add the Order Form widget to your Webador 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 Webador [site_type].

Copy the Order Form widget embed code
04
Select the Custom Code Element

Now, let's head to your Webador Website's editor.

In the Webador editor, find and select the Custom Code Element, at the bottom of the left panel.

Select the Custom Code Element
05
Place the Custom HTML Element on your page

Drag and place the Custom HTML Element on your page, wherever you wish the Order Form to show.

Place the Custom HTML Element on your page
06
Click the Edit Embed button

In the new element you've added to your page, click the Edit Embed button at the top of the element.

Click the Edit Embed button
07
Enter the HTML Tab

Click on the tab titled "Your HTML" at the top.

Enter the HTML Tab
08
Add the Order Form embed code

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

Add the Order Form embed code
09
Save your changes

Click the Save button at the bottom of the HTML window to save your change and close the window.

Please note: the Order Form content will not show on the Webador editor and will only show on the published site.

Save your changes