Adding a Form to iFOLIO
How to Embed a Form in iFOLIO
Forms are a great way to encourage viewers to engage with your page and generate leads by collecting contact information. iFOLIO easily includes forms in your pages with HTML embed functionality. Here's how you can do it yourself.
1. Create Your Form
2. Click the Embed Icon & Copy the HTML Code
3. Select the Text Box Where You Want to Add the Form
4. Toggle the HTML Switch and Paste the Copied HTML Code
5. Preview Your Form and Your iFOLIO
Create your Google Form
Create your form using Google Forms (or a different form builder). Once you're done, click "Send" to open the share menu.
Select the Embed Icon
Click on the HTML Icon ( < > ) next to "Send via", then click “Copy” in the bottom right corner to copy the HTML code for the form to your clipboard.
Click on the Text Box Where You Want to Add the Form
Return to your iFOLIO and click on the text box in the block where you want your form. This will open the text editor bar.
Toggle the HTML Switch and Paste the Copied HTML Code
Within the text editor bar, click the switch next to “HTML” to convert the text box into an HTML field. Paste the HTML code (Ctrl/Cmd + V) you copied from Google Forms into this field. Any text box can be turned into an HTML field, and text content in that text box will not carry over once the field is converted.
Preview Your Form and Your iFOLIO
Toggle the preview switch in the editor bar to active the HTML and view the form as it will look in the iFOLIO. Toggling the preview switch off will allow you to view/edit the code again. Once the form appears properly in the text box, click the preview button in the top right corner to view your iFOLIO page as it would appear to a visitor. Check again and ensure your form appears properly on the page before publishing.
950 East Paces Ferry Rd NE, Suite 1500, Atlanta, Georgia 30326
Phone: 470 - 223 - 4818, | Email: info@ifoliocloud.com