Exact matches only
Search in title
Search in content
Search in posts
Search in pages

How to publish web forms on Haiku Learning?

To publish web forms on Haiku Learning using the 123FormBuilder 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 ></p>
<p>In <b>Add Content Block</b>, select the type <b>Embed the Web</b>. </p>
<p style=publish web forms ></p>
<p>Next, go to the <b>Featured</b> 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 <b>Ok</b> to proceed.   </p>
<p style=publish web forms ></p>
<p>Proceed to the next point to provide a title to your block, hide it if needed and hit <b>Save</b> to exit the lightbox. You should see the web form displayed inside the content block. Click on the <b>View in the popup</b> link to view the web form from a student’s perspective. </p>
<p style=publish web forms ></p>
<p>From now on, students can submit your web form within your Haiku Learning page. All submissions will be saved in your <b>Submissions</b> section of your form, back on your 123FormBuilder account.</p>

        <div class= SIGN UP FOR FREE

Leave a Reply

Your email address will not be published. Required fields are marked *