How to publish web forms on Haiku Learning?

How to publish web forms on Haiku Learning?

To publish web forms on Haiku Learning using the 123FormBuilder online form builder, log into your account or sign up for free now, select the form you want to publish and choose one of the three available embed options: JavaScript, Inline HTML and Iframe. Note: Web forms that use File Upload fields cannot be embedded with the Inline HTML code, the reason why this option is not displayed when at least one File Upload field is added to your form.

All these publish options can be located in the Get Code & PublishEmbed Code section of your form. The JavaScript code automatically updates the form wherever it is published when edited in your 123FormBuilder account. We recommend this option if the platform where you want to publish your form allows it.

In 123FormBuilder, go to the Get Code & PublishEmbed Code section of your form and copy one of the embed code listed there. Log into your Haiku Learning admin account and select the class and page where you want to publish your form. Click on Add Block to add a new element to your page, which is the web form.

publish web forms on Haiku

In Add Content Block, select the type Embed the Web.

publish web forms on Haiku

Next, go to the Featured tab and paste the embed code of your web form in the box on the right, under the search bar as shown below. A warning message might appear on screen. Just hit Ok to proceed.

publish web forms on Haiku

Proceed to the next point to provide a title to your block, hide it if needed and hit Save to exit the lightbox. You should see the web form displayed inside the content block. Click on the View in the popup link to view the web form from a student’s perspective.

publish web forms on Haiku

From now on, students can submit your web form within your Haiku Learning page. All submissions will be saved in your Submissions section of your form, back on your 123FormBuilder account.

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 *