How to add Order Form to a Flexbe website

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

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

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.

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].

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.

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

On the window the opens, select the HTML element

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

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

Click the Apply button to apply the code to the page

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

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

On the left panel, click on Other.

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

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

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

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

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