Forms are entirely styled by you since they actually get loaded into your webpage. You can style each field however you like, as you would a form that was part of your site.
This approach makes it really easy to make your forms properly responsive - much more than sites that embed forms using IFrames.
You can optionally invite other user(s) to create an account that will enable them to view / download form submissions.
The invite email contains a unique link, enabling creation of an account linked to yours (these accounts are free and do not expire). You can then specify which forms that user has access to. They only have access to form submissions, not form configuration, and only on the forms you grant access.
nFormr optionally stores form submissions in account holder's acounts; only account holders and others that they grant access can view or download those submissions. We do not process or otherwise disseminate account holder's submission data.
We request read-only access to an Instagram account for the sole purpose of allowing a website developer to display public Instagram posts on a website. We do not share any personal information with any third parties and the Instagram feed can only be displayed on websites that the developer specifies.
Under GDPR, EU data subjects are entitled to exercise the following rights:
Data controllers determine how personal data is processed, data processors process personal data on behalf of a data controller, and data subjects are persons whose personal data is collected or used.
Data controllers within or outside of the EU are required to respond to requests from EU data subjects who ask to exercise their GDPR rights.
You can view and edit the information that we hold about you via the account page after you have signed in.
Form respondents are people that filled out a form created by an account holder. You should contact the account holder who is responsible for editing, deleting, or giving you a copy of your responses.
If you’re unable to get in touch with the account holder, please contact us with the following:
Since nFormr is not the data controller of response data, we can't directly handle these requests, but we'll do our best to identify and put you in contact with the account holder.
A site visitor can be anyone that visits an nFormr webpage. Site visitors can delete personal data we might have stored about them at anytime by clearing cookies
Forms are secured with Google reCaptcha.
This ensures that your forms can't be submitted by a 'robot' and it also ensures that your form is only submitted from domain hosts that you specify.
Developer & Agency accounts have the option to send completed forms to multiple email addresses.
Emails are sent via Amazon SES and you can elect to send to any email address. Each form can be sent to multiple different addresses - this could be yourself or a client. The email contains all of the values that the user submitted in the form.
You can also set up conditional emails; this enables you to send to different email addresses depending on the user's submitted data. For example, a multiple choice field, "Which department would you like to contact?", might have options of "Customer Service", "Sales", "Technical Support", with each answer causing the submission email to be sent to the corresponding email address.
Agency accounts can optionally integrate each form with a Campaign Monitor or MailChimp list.
To do this, you will need to provide the API Key and List Id from the account that owns the list. If the list is managed by a third party (i.e.) your client, they are usually happy to provide these details to you.
We don't include form styling in our embed code for a couple of reasons:
If you'd like a head-start, here's some basic scss that you can add to your own stylesheet as a starting point.
$yellow: #f8f129;
$text: #374a5e;
$red: #D63034;
.nformr {
max-width: 500px;
margin: 50px auto;
&-form {
&-field {
&:not(:last-of-type) {
margin-bottom: 2em;
}
&.error {
label {
color: $red;
}
input {
border-color: $red;
}
}
&-label {
font-weight: 600;
margin-bottom: .5em;
}
&-input, &-textarea, &-select {
input, textarea, select {
background-color: #FAFAFA;
padding: 10px 20px;
border: 1px solid #ccc;
border-radius: 0;
width: 100%;
font-family: Roboto, sans-serif
}
}
&-checks, &-radios {
label {
position: relative;
padding-left: 30px;
}
input[type="checkbox"], input[type="radio"] {
display: none;
&:checked + label:before {
background-color: $yellow;
}
+ label:before {
content: "";
display: block;
position: absolute;
top: 0;
width: 1.3em;
height: 1.3em;
margin-right: 10px;
border: 2px solid $yellow;
background-color: transparent;
transition: background-color ease 0.3s;
}
}
input[type="checkbox"] {
&:checked + label:before {
background-color: $yellow;
}
+ label:before {
border-radius: 0px;
}
}
input[type="radio"] {
&:checked + label:before {
background-color: $yellow;
}
&:checked + label:after {
content: '';
position: absolute;
top: .4em;
left: .4em;
width: .5em;
height: .5em;
border-radius: 50%;
background-color: white;
}
+ label:before {
border-radius: 50%;
}
}
}
button {
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: none;
padding: 1em 2em;
background-color: $yellow;
color: $text;
font-weight: 600;
cursor: pointer;
}
&-upload {
label {
display: block;
width: 100%;
padding: 10px;
border: 1px solid #ddd;
cursor: pointer;
}
&-button {
span {
display: block;
}
}
&-clear {
cursor: pointer;
}
}
&-error {
font-size: .8rem;
color: $red;
}
}
}
}
You can decide whether a page or individual field should be shown, based on the value of another field.
For example, you may create a select-list or radio-button list for "How did you hear about us", with options such as:
Your account can expire in one of two ways:
If your account expires, you can still log-in and manage your forms & view any saved submissions, however, your forms will no longer be served, so no further submissions will occur.
Forms that belong to expired accounts will simply show a message, advising that the owner's account has expired.
You can elect to subscribe for a paid account, or you can decide to delete your account, which will also delete all of your forms and any of their saved submissions.