Embed JotForm Forms in Orchard Core CMS Embed a JotForm form in your Orchard Core CMS Website.

Embed JotForm Forms in Orchard Core CMS

JotForm allows you to create online forms and embed them into your website. Their drag and drop experience of creating forms is incredible and the number of elements you can add to a form is amazing. In addition to basic form elements, JotForm also allow you to add form elements for appointments, signatures, and product lists as well as collect payments using many popular payment processors, like PayPal, Authorize.Net, and Stripe. In addition, JotForm also integrates with many 3rd party websites and has a developer API to create your own integrations.

JotForm Orchard Core CMS Module

I built a custom module for JotForm to make embedding forms in your Orchard Core CMS website really simple. There are mulitple ways to embed a form, and I will discuss 4 of those methods specifically in this article.

  • JotForm Shortcode
  • JotForm Liquid Filter
  • JotForm Content Part
  • JotForm Widget

JotForm Shortcode for Orchard Core CMS

Orchard Core CMS supports shortcodes, which are similar to Wordpress shortcodes. You can enter shortcodes in various editors when adding content to your website. The shortcodes simplify adding content that would often require more complicated HTML and JavaScript.

My custom Orchard Core CMS module for JotForm comes with a shortcode to simplify embedding a JotForm form into your website.

[jotform "id"]

Simply enter the id of your form into the shortcode and the form will be embedded into your Orchard Core CMS website.

JotForm Liquid Filter for Orchard Core CMS

Orchard Core CMS also supports custom Liquid filters that extend the functionality of Liquid shapes and templates in your Orchard Core CMS website. Liquid shapes and templates use the Liquid Template Language popularized by Shopify.

Most Orchard Core CMS websites come with a Liquid Widget or possibly a Liquid Page when you have more advanced needs for entering content into your website. If this is the case and you want to add a form using Liquid, you can use the Liquid filter.

{{ "id" | jotform }}

Just like with the JotForm shortcode, simply add the id of your form into the Liquid expression and the JotForm form will be embedded into your Orchard Core CMS website.

JotForm Content Part for Orchard Core CMS

In addition to the JotForm shortcode and JotForm Liquid filter there is a JotForm Content Part for Orchard Core CMS. A Content Part can be attached to any Content Type, allowing the embedded JotForm form to be an integral part of the content management experience.

Although there are a few content parts in the module depending on one's needs, I'll mention one that interfaces with the JotForm API. The part uses the JotForm API to read the forms available in your JotForm account and allows you to select a form by its name rather than id.

For example, maybe you have a Contact Us page on your Orchard Core CMS website and wish to include the Contact Us form from your JotForm account on the page. Simply select the form by name and it will be embedded into your Contact Us page.

Embed a JotForm in your Orchard Core CMS Website

The JotForm Content Part gives you the simplicity of using the JotForm API and choosing each form by name as well as making form selection a more integral part of the content management experience.

JotForm Widget for Orchard Core CMS

The JotForm Widget for Orchard Core CMS is an example of using the JotForm Content Part mentioned above as part of a custom Content Type. The JotForm Widget has an attached JotForm Content Part that allows you to select a JotForm form by name. The widget can be added to any available zone in your Orchard Core CMS Website as well as to any Content Type that supports widgets.

For example, I'm a big fan of using a FlowPart in Orchard Core CMS as part of a Page or Landing Page Content Type. The FlowPart allows you to add any widget to the page. Multiple JotForm widgets can be placed anywhere in the flow of your page for optimal flexibility and creativity. Add anything from payment forms, HIPPA forms, product lists, appointment request forms, surveys, etc. throughout your page with the power of the JotForm Widget.

Embed a JotForm Payment Form in your Orchard Core CMS Website

Conclusion

I have a lot of other bells and whistles in the JotForm Module for Orchard Core CMS, including workflow events and activities, support for webhooks, and a JotForm Dashboard that allows you to view your forms and execute useful actions on them within the backend of Orchard Core CMS. I mention the JotForm Orchard Core CMS Module in my portfolio.