Can I publish my form on a Sitefinity website?

Yes, we’ve got a plugin for Sitefinity. Download and install it, then publish your web forms on your Sitefinity website. Here are step-by-step instructions on how to use the 123FormBuilder widget for Sitefinity:

1. Open Sitefinity Project Manager.
2. Create a new Website and configure it.
3. Right-click on the Edit in Visual Studio link.

sitefinity edit visual studio location

4. Once Visual Studio opens, you will see some project files on the right side. Create a new directory and rename it to Widgets.

sitefinity solution explorer

5. Upload in the Widget directory the 123FormBuilder files. You will import the files by right-clicking on the Widget directory → AddExisting Item …

After the files have been uploaded, do not forget to Build your project (Press F6).
Your folder should look like this:

sitefinity webapp folder

After this step, you can close the Visual Studio Environment.

6. Go to Sitefinity Project Manager, right-click on your project and choose Go to Administration. Your default Browser should open a website URL.

7. Use your User and Password to log in to website administration.

8. Once you are logged in, go to AdministrationSettings.

sitefinity administration settings

9. On the Settings Page, click the Advanced button.

10. Next, go to ToolboxesToolboxesPage Controls → Sections and create a new Section using the Create new button. Give a name and a title to your new Section. In this example, the section will be named 123CfWidget.

11. Go to your new Section (123CfWidget) → Tools and use the Create New button. This screen should appear:

sitefinity tools where you create a new button

Insert in the Control CLR Type or Virtual Path the path to the main file of the project.

Important note: The Control CLR Type must be identical to the one used in our example! Insert Widget name and Widget Title and click the Save changes button.

123formbuilder widget location in sitefinity

12. Now, you will go to Pages. Open your page, and in the right bottom corner, you should see the new Widget.

123formbuilder widget in sitefinity

13. Drag your widget into the page.

14. After you have dragged the widget into the page, use the Widget Edit button. The following pop-up will appear:

123formbuilder API key sitefinity

After you insert the API Key, hit the Connect button, and instead of Please select a form you will see your 123FormBuilder forms. Select your form and use the Save button.

To get your API Key, log in to your 123FormBuilder account and go to My Account.

15. On the left side, you will be able to see the API Key. Just copy-paste it to Sitefinity 123FormBuilder Widget. With that, you are done and ready to use your 123FormBuilder forms in Sitefinity.

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 for more information. 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?