How to Add a Form to DotNetNuke

DotNetNuke, or DNN for short, is a powerful Content Management System (CMS) that is trusted by businesses worldwide to manage their online presence. Whether you need to create a dynamic website, build an e-commerce platform, or develop a customer portal, DNN provides the flexibility and scalability you need to achieve your goals.

DotNetNuke, whose name was later changed to DNN, is a powerful open-source web-based content management system (CMS) built on the Microsoft .NET Framework and the Microsoft SQL Server database management system. It was first released in 2003, shortly after Microsoft introduced its revolutionary ASP.NET web development platform in 2002. At its core, DNN simplifies website creation and management, allowing organizations to focus on their business goals instead of technology.

One of the key benefits of the DNN CMS is its ability to reduce costs associated with website development and maintenance. For example, DotNetNuke is based on templates, also known as “skins.” This means that instead of paying a web designer thousands of dollars, you can simply buy a beautiful mobile responsive skin for $150. With DNN, subject matter experts can easily make website changes themselves with a Microsoft Word-like editor, thus eliminating the need for costly developer involvement. This not only saves money but also streamlines the website development and content management process, allowing for faster iterations and updates.

Another brilliant feature of DNN is the ability to buy 3rd-party modules from the DNN Marketplace to do common website tasks like data entry forms, blogs, photo galleries, and even complete e-commerce stores that accept credit cards. This is a huge savings, given that the business does not need to hire software developers to create these modules. However, because DotNetNuke is built upon a solid foundation of Microsoft ASP.NET and the SQL Server database, a web developer can easily create highly customized DNN modules (which are also called extensions) that do exactly what a company needs.

DNN’s intuitive interface and powerful features enable businesses to create and manage their web presence with ease, especially with a multitude of online DNN tutorials and forums found in the vast DotNetNuke Community. Since the DNN source code is open source, the DNN ecosystem is thriving, with a large community of developer contributors who are constantly working to improve the platform and create new features.

With its modular software architecture, DNN offers a high degree of flexibility, allowing businesses to customize their websites to meet their unique needs and branding.

Whether you’re looking to create a simple website or a complex online portal, DNN can help you achieve your goals. In short, DotNetNuke is a game-changer for businesses looking to reduce website development costs and empower their subject matter experts to manage their own content.

Similar to other CMS, adding a Jotform form to your DotNetNuke page is straightforward. Please find the steps below.

Getting the Embed Code for DotNetNuke

  1. In the Form Builder, go to the Publish tab.
  2. Click Embed on the left.
  3. Under the default embed, click the Copy Code button.
How to Add a Form to DotNetNuke Image-1

You now have your form’s embed codes.

Adding Form to DotNetNuke

  1. Log in to your DotNetNuke account.
  2. View your website, and click the page where you wish to add the form. If you haven’t created the page yet, add one by following this article from DotNetNuke.
  3. Assuming you’re already logged in, click the Edit (pencil icon) at the bottom-left side to edit the page.
  4. Click the Add Module button once edit mode is active.
How to Add a Form to DotNetNuke Image-2
  1. Click HTML Pro from the list of options. You will see the module floating in the editor.
How to Add a Form to DotNetNuke Image-3
  1. Drag and drop HTML Pro to the section/content pane where you want to display the form. You should see the HTML editor after.
How to Add a Form to DotNetNuke Image-4
  1. At this stage, click the HTML icon from the editor. You should see the other tools grayed out, and the HTML box turns dark.
  2. Paste your form’s embed codes in the HTML box.
How to Add a Form to DotNetNuke Image-5
  1. Click outside of the HTML editor to save your changes. You won’t see the form while the edit mode is active.
  2. Click the Publish button on the bottom-right of the page to save the changes and disable the edit mode. At this moment, you should see the form displayed on the page, and that’s it.
Posted in Hosting Tutorial.