123FormBuilder
123FormBuilder is an online form building platform used to create and publish forms for collecting information from website visitors.
Key features include:
- Online form builder for contact, order, registration and consent forms
- Multi-step and conditional form logic
- Form validation and required field controls
- Spam protection and verification options
- Storage and management of form submissions
- Multiple embed display options
123FormBuilder integrates with ShopWired by using an to display forms on ShopWired website pages.
Account creation
Account creation
To start using 123FormBuilder with ShopWired, create an account at the 123FormBuilder website. Once the account is created and configured 123FormBuilder will provide you with an embed code.
Adding an inline form to a page
Adding an inline form to a page
Use this method to display a full form directly within a page.
123FormBuilder provides a JavaScript embed similar to the example below:
<script type="text/javascript" defer
src="https://form.123formbuilder.com/embed/123456.js"
data-role="form"
data-default-width="800px">
</script>
The code shown above is provided as an example only. You must copy the exact code provided in your own account, as the code and any ID values will be unique to your website.
To add the form to your ShopWired website:
- Navigate to Website > Themes
- Select
customise your themefor the theme you want to edit - Select
add a new section - Select the
custom HTMLsection type - Paste the 123FormBuilder embed code into the Custom HTML setting
- Use the theme editor to position the form on the page
- Save changes
Adding an iframe form to a page
Adding an iframe form to a page
123FormBuilder also provides an iframe embed option.
Example iframe code:
<iframe src="https://form.123formbuilder.com/123456"
width="100%"
height="700"
frameborder="0"
allowtransparency="true">
</iframe>
The code shown above is provided as an example only. You must copy the exact code provided in your own account, as the code and any ID values will be unique to your website.
To add the iframe code to your ShopWired website
- Navigate to Website > Themes
- Select
customise your themefor the theme you want to edit - Select
add a new section - Select the
custom HTMLsection type - Paste the 123FormBuilder embed code into the Custom HTML setting
- Use the theme editor to position the form on the page
- Save changes
Adding popup or lightbox forms
Adding popup or lightbox forms
123FormBuilder supports popup-based display methods, including auto pop-ups, floating buttons and text or image lightboxes, using a JavaScript embed similar to the example below:
<script type="text/javascript" defer
src="https://form.123formbuilder.com/embed/123456.js"
data-role="form"
data-default-width="800px">
</script>
The code shown above is provided as an example only. You must copy the exact code provided in your own account, as the code and any ID values will be unique to your website.
The embed code provided by 123FormBuilder can be added to a page using a custom HTML section.
Add a popup or lightbox forms to a website page:
- Navigate to Website > Themes
- Select
customise your theme - Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Position the section on the page and save changes
Recommendations
Recommendations
- Test embedded forms on desktop and mobile devices.
- Avoid embedding multiple forms on the same page.
