OnePageCRM Web Forms
OnePageCRM's Web Forms allow you to create your own personalized, embeddable forms for your website to collect your website visitors' information and funnel them into OnePageCRM as leads.
There are three steps to creating your Web Form:
- Grab code
Plans: OnePageCRM Web forms are available on Professional (up to 3 web forms) and Business plans (unlimited).
|In this article:|
|Build your Web Form||Configure your Web Form|
|Embed your Web Form||Access your saved Web Forms|
Build your Web Form
- Title: this is the name of your web form. It will be displayed to your leads at the very top of the form.
- Description: add here any instructions or notes that you want your leads to read before filling out the form. This short description will appear below the title.
- Color settings: use color settings to create a custom look for your web form. All changes are instantly displayed in the web form editor.
- Background: This can be set as transparent, if needed. Note: If you change the background color, please make sure that the text is visible.
- Border: Click None if you don't want to add a border.
- Text color.
- Outline style: You can choose between a button with a color fill, and a button with a transparent background and a visible border. Mark the Outline style checkbox for the latter.
- First and Last Name
- Organization Name
- Email address
When your lead clicks on the checkmark, their consent will be saved in the Background section of the contact details in OnePageCRM.
You can also mark any other field you choose as required. This will make sure that your leads fill out a particular field. The required field will be marked with an asterisk (*) on the form. A warning message will be displayed to the user if they have not filled out the field.
Note: You can change the name of the field if needed. The field name will be changed only in the web form. The associated field will not be renamed in your OnePageCRM account.
- If the Email address is the only Required field in your form, and your lead submits their email address only, the first part of the email will be automatically added to the Last name field in the OnePageCRM contact. E.g. if John Smith fills in their email address: email@example.com, web forms will take the first part of the email address and add it in the the Last Name field of the contact in OnePageCRM, and the Last Name of the contact in the CRM will be "smith".
- If the custom field you add to your web form is set as mandatory in OnePageCRM, the field in the web form will be automatically marked as a Required field. However, you have the option to remove the requirement by unchecking the Required field checkbox. Note: This will not change the setting of the mandatory field in OnePageCRM.
- If you delete a custom field used in a web form it will not be deleted in the web form, you will need to remove this manually. If you decide not to remove the field then the data that your clients fill in for this field will be saved under the Background field of your contact.
- If you add, edit or remove a custom field dropdown or checkbox option, the options in the web form field will be automatically updated.
- The Consent field is automatically set as a Required field when selected.
This is an optional property that displays an example. It can provide additional information to your leads on how to fill a particular field.
Note: Placeholder text is not available for dropdown and checkbox field types.
Drag up and down depending on where you want the fields to be placed.
Configure your Web Form
The Configure stage contains the submission and contact configuration.
Under After web form is submitted you can select:
- Go to URL: Sends your leads directly to an external URL.
Add your preffered URL.
- Display message: Displays the text that you specify.
Type your preferred message below.
- You cannot type more than 300 characters in the display message box.
- Set Next Action: Add text and date to your Next Action (ASAP, tomorrow, or Today). If you don't want to add a Next Action, leave this field blank.
- Team member: Assign the newly created contact to one of your team members by selecting them from the users' list, this is not optional.
- You can choose for the user to receive a Notification email for any new submission. Mark the checkbox Notification email to enable email notifications to your team member for each new form submission.
- Set lead source: Select one from the list, if needed.
- Set status: Select from the list, this is not optional.
- Apply tags: Type the tag you want to add, or use the arrow to select it from the list, if needed.
Click Back to go back to the previous step.
Embed your Web Form
- You can copy the web form’s URL address. The URL is automatically generated and it leads to a separate web page where the web form is hosted. Anyone with the link can visit and complete the web form. You can add this link to an email, comment, message, or anywhere else you require.
- You can copy the code, embed it straight into your website, and let visitors fill in the form without leaving your website. The code is automatically generated. You just need to grab the code and add it to the HTML of the web page where you want the web form to be displayed.
You can click on the copy icon to copy the URL or the embed code.
Click Back to go back to the previous step.
Access your saved Web Forms
Once you've built and saved your web forms you'll be able to access them on the web forms Configuration page. Here you'll be able to:
- See how many submissions you've received. If you've received at least 1 submission, you'll be able to click through the number to access the submissions.
Note: If you delete any contact submitted from a web form, the number of contacts submitted does not change, however, when you click through to view these contacts the deleted contacts will not be visible.
- Check if notification emails to the user are enabled. If enabled you'll see a checkmark under the bell icon, if not, you'll see an X icon.
- View, edit, clone, or delete your web form using the eye, pencil, clone, and bin icons.
- Web forms feature is not available on the Legacy plan.
- If you are on the Professional plan you can create up to 3 web forms. There is no limit to the number of web forms you can create if you are on the Business plan. For more information on our pricing, see here.