Add 123 Form Builder Forms to Any Moonfruit Site
Enhance your Moonfruit site with advanced, but easy to build forms!
Follow the steps below to publish your 123 Form Builder
form on a Moonfruit website
- In your Moonfruit account go to Edit site section and:
- From the left side panel, choose Elements and add the HTML Snippet (found under Tools category)
- Drag and drop it where you want the form to appear. Once dropped, a panel will appear on the right side
- Open the HTML Snippet Options and clear the existing text. This is the place where you need to paste the 123 Form Builder embed code.
- In your 123 Form Builder account – to copy the code, go to the Publish section of your form,
select Embed code tab and depending on how you want to display the form, choose from the dropdown:
- Lightbox triggered by a text, image or floating button → select the Option: Lightbox – Text link, Lightbox – Image link or Lightbox – floating button, click Customize to change the text or image and then click Copy code
- Auto-popup after x number of seconds → select the Option Lightbox auto popup, click Customize to set the number of seconds and then copy code.
You need to change to Preview or Live mode your Moonfruit website to actually see the embedded forms, as the Moonfruit Editor does not support preview for this code.
About 123 Form Builder
123 Form Builder is an intuitive form-building platform that helps users create efficient
workflows, collect data and achieve success. 123 Form Builder exists to empower customers to
collect, manage and use efficient their data for smart decisions.
Moonfruit is a website building platform that allows users to create a beautiful responsive website in a matter of minutes. It offers ready made template blocks, hosting, domains, email, beautiful stock imagery, handy apps, SEO and more. Moonfruit provides a variety of packages to suit users including free, standard and business premium subscriptions.