Creating forms and adding them on various sites across your online ecosystem is a simple process and makes collecting data simple by keeping the prospect and applicant experience contained within Element451.  

Building A Form

Start by clicking on Forms under the Prospects tab on the left navigation menu:

You can either modify existing forms or create a new one.  To create a new form, simply click the plus sign, title your form, and click Add. 

You'll find yourself on this screen: 

The pencil in the top right will let you change the name of the form in your database.  The form title and subtitle in the WYSIWYG editor are what will be displayed to anyone who views this form. Feel free to customize this as needed.  

Just below that, you can select the colors you would like to use for the submit button.

You'll see that Element has already added a few fields that we think will be valuable on an inquiry form.  Click on the Add Field button to add more fields if needed.  Remember, Element451 uses email address as a primary identifier, so make sure that you keep email address on your forms.

Once you're done setting up your fields, you can move on to setting up a follow up-form if you would like.  The follow-up form allows for a secondary form to display after the initial information gathering that can be useful for gathering some additional, but not required information.

The next button is the Thank you note.  The thank you note will display to all users who submit the form.  If you use the form to allow access to specific files, you can click on the Show Button toggle to add a button to download information or provide a link to a new page.

On the following tab - Design, you're able to select the primary and secondary colors of your form and the design of the fields.

The Notifications tab allows you to send notifications to any of your internal users whenever this form is filled out.  You can use Workflows to manage any auto-reply emails to external users who fill out this form.

Using Forms on Webpages

Now that your form is created you'll want to add it to one or more webpages. 

You can easily add your forms to a Pages451 landing page.  Simply add a form block on the page and select the form from the drop down menu. 

You can also embed your form into any webpage you like using the code found on the Embed Code tab. You have two options here and may need the help of someone on your IT or web team to get this up and running.  We recommend using the JavaScript code, but you have two options for embedding—Javascript and iFrame code.  Provide that code to someone (like your webmaster, IT team or marketing personnel) who can add it to one of your pages and make sure you test it before making it live.

Note: When copy and pasting embed codes to share with others, use a plain text editing tool like Notepad so that extra non-visible characters aren't added by other various editing tools.

Testing Your Forms

Remember as an Element451 dashboard user the email address you use to log into Element451 is reserved for that function. If you try to complete an form  intended for use by students or other external audiences you will receive the error below. 

You can test forms using an email address that is not associated with your Element451 dashboard account. If you need a free email account for testing purposes there are many options. 

Some email services also allow you to extend your email address to easily create unique email addresses while delivering the messages to your mailbox.  Gmail for instance allows you to append using "+"

For example: I could use amber.ember451+tester@gmail.com on a form which would deliver messages to amber.ember451@gmail.com. 

Did this answer your question?