{"id":887,"date":"2012-08-16T11:33:38","date_gmt":"2012-08-16T11:33:38","guid":{"rendered":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?p=887"},"modified":"2024-04-01T07:29:53","modified_gmt":"2024-04-01T07:29:53","slug":"embed-code","status":"publish","type":"post","link":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/embed-code\/","title":{"rendered":"Embed Code to publish your form in 123FormBuilder"},"content":{"rendered":"\n

Our form builder<\/a> provides various embed codes to publish your online forms. The form code can be embedded in your website in multiple ways such as JavaScript (recommended), as an iFrame, or as a Lightbox that also has its own options.<\/p>\n\n\n\n

\n\n\n\n

JavaScript<\/h2>\n\n\n\n

This is the easiest, safest, and most elegant way of embedding the generated code into your webpage. The JavaScript publishing will automatically adjust the height of your form, without showing any scrollbars. Each publishing method has a View demo<\/b> button which illustrates how the form will display on your webpage.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Javascript<\/a><\/figure>\n\n\n\n
\n\n\n\n

iFrame<\/strong><\/h2>\n\n\n\n

Inline frames have a specified height. In contrast to JavaScript publishing, with iFrames, your form height will remain the same, while overflowing elements will be reachable through scrolling.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Iframe<\/a><\/figure>\n\n\n\n
\n\n\n\n

Auto pop-up<\/strong><\/h2>\n\n\n\n

This option will auto popup the form on your webpage after a number of seconds you have set. By default, it pops up after 3 seconds.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Auto<\/a><\/figure>\n\n\n\n
\n\n\n\n

Floating button<\/strong><\/h2>\n\n\n\n

When published in lightboxes, forms will appear to be floating above the page and will definitely become the center of attention. Use this embed code to add a floating button with text on your webpage. Adjust the text, font style, color, and placement of the button.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Floating<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

Text\/Image lightbox<\/h2>\n\n\n\n

By using this option, you can display your form using different elements on the page like text or image. All you have to do is to select which option your are interested in and provide the text or the image URL. <\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Text\/Image<\/a><\/figure>\n\n\n\n
\n\n\n\n

FAQs<\/h2>\n\n\n\n

1. What is the best way to publish my form?<\/b><\/p>\n\n\n\n

Ultimately, it depends on your needs. However, the most recommended publishing method is the JavaScript embed code, as it allows for greater flexibility, interactivity, and customization.<\/p>\n\n\n\n

2. How does JavaScript publishing differ from using iFrames to embed a form?<\/b><\/p>\n\n\n\n

Publishing your form using JavaScript will automatically adjust the height of the form without showing scrollbars, while iFrames maintain a specified height where overflowing elements are reachable through scrolling.<\/p>\n\n\n\n

3. What is the purpose of using Lightbox embedding for forms?<\/b><\/p>\n\n\n\n

The Lightbox embedding method allows you to display your form in a modal window that overlays the content of your webpage. Users can easily open and close the form without navigating away from the page. With 123FormBuilder, you can use the Lightbox embedding method to publish your form as a floating button, a text, or an image.<\/p>\n\n\n\n

\n\n\n\n

Related articles<\/b><\/p>\n\n\n\n