How to embed online forms on Edicy?

How to embed online forms on Edicy?

We recommend that you use the JavaScript code we have provided for you, as it eases your work whenever you make changes to your form in 123FormBuilder. Changes are automatically applied wherever your online form is published and embedded. If you require the entire code of the form for developing purposes, copy the Inline HTML code. Either way, JavaScript is the best option to avoid errors on certain browsers.

To embed an online form on a Edicy webpage, follow the steps below:

1. Log in to your Edicy account and select the website you want to edit.

As JavaScript is not supported using the Content Block in the editor, you’ll need to create a new layout and assign it to the webpage where you want to add your form. Go to Design, click on Maximize and hit Custom, on top.

embed online forms on Edicy

2. This section contains all the scripts and files of your website which you can customize using codding skills. In Layouts, click on the + symbol to create a new layout. Type any name you want, for example Form Page. You will use this layout to assign it to the webpage that will contain your form.

embed online forms on Edicy

3. Click on the Common Page layout, copy all its content and paste it in the layout you have created earlier.

embed online forms on Edicy

4. Now, go to 123FormBuilder and copy the JavaScript code we have provided for you in the Get Code & PublishEmbed Code section of your form. Assuming you’re working with two separated tabs (Edicy, 123FormBuilder), return to LayoutsYour layout (e.g. Form Page) and paste the JavaScript code between the content tags, as in the example below.

embed online forms on Edicy

5. Press Save and go to the SettingsStructure section of your Edicy website.

embed online forms on Edicy

6. Select the webpage you want to edit, click on the cog symbol (settings) and in Type and layout select the layout you have created earlier, from the dropdown list. Click on Apply and you are done.

embed online forms on Edicy

The form will can be viewed both in the preview and in the editor (not in the Design section). You can add more content in the editor of your webpage if needed.

embed online forms on Edicy

The online form is displayed as a distinctive element and will not interfere with other elements you might want to add. This concludes our guide on how to embed online forms on Edicy. Enjoy!

Olivian Stoica
Olivian Stoica
Oli's enthusiasm for helping our fellow users led him to write thorough know-how articles and tutorials that would make form building a bliss on 123FormBuilder.

Leave a Reply

Your email address will not be published. Required fields are marked *