Exact matches only
Search in title
Search in content
Search in posts
Search in pages

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 ></p>
<p>2. This section contains all the scripts and files of your website which you can customize using codding skills. In <strong>Layouts</strong>, click on the <strong>+</strong> symbol to create a new layout. Type any name you want, for example <em>Form Page</em>. You will use this layout to assign it to the webpage that will contain your form. </p>
<p style=embed ></p>
<p>3. Click on the <strong>Common Page</strong> layout, copy all its content and paste it in the layout you have created earlier.   </p>
<p style=embed ></p>
<p>4. Now, go to 123FormBuilder and copy the JavaScript code we have provided for you in the <strong>Get Code & Publish</strong> → <strong>Embed Code</strong> section of your form. Assuming you’re working with two separated tabs (Edicy, 123FormBuilder), return to <strong>Layouts</strong> → <strong>Your layout</strong> (e.g. <em>Form Page</em>) and paste the JavaScript code between the <b>content</b> tags, as in the example below.</p>
<p style=embed ></p>
<p>5. Press <strong>Save</strong> and go to the <strong>Settings</strong> → <strong>Structure</strong> section of your Edicy website. </p>
<p style=embed ></p>
<p>6. Select the webpage you want to edit, click on the <b>cog</b> symbol (settings) and in <strong>Type and layout</strong> select the layout you have created earlier, from the dropdown list. Click on <strong>Apply</strong> and you are done.  </p>
<p style=embed ></p>
<p>The form will can be viewed both in the preview and in the editor (<em>not in the Design section</em>). You can add more content in the editor of your webpage if needed. </p>
<p style=embed ></p>
<p>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! </p>
</div>
</div>

        <div class= SIGN UP FOR FREE

Leave a Reply

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

Frequently Asked Questions

Here is a list of the most frequently asked questions. For more FAQs, please browse through the  FAQs page.

Is this service free?
Yes, we offer a free form builder service. Just sign up to the Basic plan and you are all set. This plan is forever free, but you are limited with a few features only, such as 5 forms per account, 100 submissions per month and you have to keep the backlink to 123FormBuilder on your forms. Check out our features matrix for more information.
How many forms can I create?
It depends on the service plan you are on. Higher service plans enable more features, including more web forms for your account. If you need more forms, go to the My Account section of your account and click the upgrade button. To create an unlimited number of forms, either upgrade to the Platinum service plan or higher. Consult our features matrix for more information.
How can I publish my forms?
You can publish your forms in many ways, by using their direct URL or HTML link, embedding them with a JavaScript code, Inline HTML or iFrame, using the Facebook app or the WordPress plugin, using popups, the Blogger code snippet and many more. Once you have created and customized your form, go to the Publish section to complete your work. Read more in our documentation.
How do I change my form design?
You can change the design of your form in the Themes section, which is located in your form settings. We offer a set of more than 30 predefined form themes for your forms, but you can also create your own from scratch. You can customize the submit button, the logo and more. To apply your own stylesheets, all forms come with a custom CSS editor.

Can't find what you're looking for?