Can I embed online forms on Umbraco CMS?

Can I embed online forms on Umbraco CMS?

Yes, you can embed online forms on Umbraco CMS in different ways. As long as you have full administrative privileges on your Umbraco website to edit scripts, such as HTML and JavaScript, you can choose the method that suits your needs best. To save time and for better performance, we recommend the JavaScript code option in the PublishEmbed Code section of your form. This way, whenever you edit your online form with the 123FormBuilder online form builder, the changes will automatically apply on your Umbraco webpage. You could, however, use Iframe or Inline HTML. Unfortunately, not all browsers support the iFrame embedding option and Inline HTML isn’t available when you have File Upload fields on the form.

In this tutorial we have used WebMatrix. On 123FormBuilder, copy the JavaScript code of your form in the PublishEmbed Code section. Next, go to your Umbraco admin panel.

In your website editor, go to the Files tab and create a New File.

embed online forms on Umbraco CMS

In the lightbox, select HTML or CSHTML. Next, press Ok.

embed online forms on Umbraco CMS

A script will appear on screen, on the right. Place the cursor between the body tags (<body>, </body>) and paste the JavaScript code there.

embed online forms on Umbraco CMS

Rename the file if needed and you’ll see the results by launching the file in your browser (right-click file and select Launch in browser).

embed online forms on Umbraco CMS

If you need assistance or have questions, don’t hesitate to contact us. Our support specialists will reply as soon as possible.

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 *