Try for free!

How to add Order Form to a Flexbe website

Embed Order Form on Flexbe in just a few steps

Embed Order Form on Flexbe

01
Create a Order Form integration for Flexbe On Common Ninja

First, create a Flexbe Order Form integration on Common Ninja.

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

Create a Order Form integration for Flexbe On Common Ninja
02
Save the Order Form integration

When you're done creating the Order Form integration, 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 integration
03
Copy the Order Form Embed Code

When you're ready to add the Order Form integration to your Flexbe 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 integration embed code. In the next steps, you will paste this code into your Flexbe [site_type].

Copy the Order Form Embed Code
04
Two methods of adding the Order Form to the Flexbe site

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

There are two ways to add the Order Form to your Flexbe website: by adding a new element to an existing section or a new section.

Two methods of adding the Order Form to the Flexbe site
05
Method 1: adding the Order Form to an existing section

To add the Order Form to an existing section, click the add button wherever you wish the Order Form will show.

Method 1: adding the Order Form to an existing section
06
Select the HTML elemet

On the window the opens, select the HTML element

Select the HTML elemet
07
Enter the HTML editor

Click on the HTML element that was added to the page, to enter the HTML editor.

Enter the HTML editor
08
Add the Order Form embed code

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

Add the Order Form embed code
09
Apply the Code

Click the Apply button to apply the code to the page

Apply the Code
10
Close the Code window

Click the X button at the right top corner of the code window, to close it.

Close the Code window
11
Method II: adding the Order Form as a new section

To add the Order Form as a new section, click the Add Section wherever you wish the Order Form will show.

Method II: adding the Order Form as a new section
12
Enter the Other option

On the left panel, click on Other.

Enter the Other option
13
Select the HTML Code section

Click on the HTML Code section type to add it to your page.

Select the HTML Code section
14
Enter the HTML code editor

Click on the HTML Code section you've added to your page to enter the HTML editor.

Enter the HTML code editor
15
Add the Order Form embed code

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

Add the Order Form embed code
16
Apply the code to your page

Click the Apply button to apply the code to your page.

Apply the code to your page
17
Close the HTML window

Click the X at the top right corner of the HTML window to close it.


Close the HTML window