If you use 123ContactForm web forms on your clients’ websites, you can create subaccounts for them. This way, clients will be able to access forms themselves. Create subaccounts in the section Users.

Click on Edit User to change user information (name, company, email) or to reset the password. You can also rename a company, delete a company or delete a user.

In Permissions, you can grant and remove user access to forms and you can decide how much control users have over their forms. There are three permission levels for each section – Form Editor, Settings, Submissions, Reports: No access, View only and View & Edit. The permission for each section is set individually.

The number of subaccounts you can create depends on the service plan you are on. On the Platinum plan, you can create 5 subusers and, on the Diamond plan, 20 subusers. If you need more than that, you can purchase packs of 5 additional subusers at the price of $10 per month.

It is up to you. You can grant subusers no, some or full access to each section. Read more information about Permissions.

The subaccount login data is sent to subusers via email. When you reset subaccount passwords, subusers are also the only ones who receive the new passwords.

Here is a list of the most frequently asked questions. For more FAQs, please consult the Help and Documentation sections (left panel) and, of course, the FAQs page.

1. I don’t receive form submissions in my Inbox. Why?
2. Characters are not displayed properly in my form and submission emails. What to do?
3. What is smart Captcha?
4. I can’t access my Facebook form. What to do?

This is the first video tutorial we have ever made for 123ContactForm. We keep it here, so you can see how much we have changed in the past years.

Watch this video tutorial to learn how to use the new 123ContactForm engine.

Transcript:

We’re going to see in this tutorial how to create a simple contact form, to add and edit a couple of fields, then adjust the form settings and finally publish the form. This is my 123ContactForm dashboard, I’m gonna press Create New Form and select the first option – Contact Form. I want to create a form for the 123ContactForm users – it’s gonna be named Contact Us. As soon as I press OK, I’m taken to my Form Editor.

[0:30] Here, I can see that I’ve got three fields, namely Name, Email and Message. First, I want to add a radio buttons field, so I’m going to drag it to the place where I want it to be. In order to customize it, I only have to click on it and the Edit panel will open on the left side of the screen. In the text area named Label, I will type the name of the field – it’s gonna be Message Subject. Then, I want to provide the available options. In the Available Choices box, I’m gonna type them, one on every line. They’re gonna be: General Inquiry, Technical Support and Feature Request. As soon as I type them in here, I can see the result in the main view. I want this field to be a required one (i.e. visitors will not be able to send this form if they do not fill in this field) so I’m gonna check the Required box. I also want to request a phone number, so I’m gonna press Add Field and visit the Advanced Fields section. Here, I’m gonna choose the Phone icon and place it right below the Email field. I also want this one to be a required field, so I’m gonna clik on it and check the Required box. Now we can preview the form. I’m gonna close the Preview box and move on to Form Settings.

[2:50] I’m gonna press Quick Links and Settings. I can see that, in the left menu, I’ve got many tabs. Let’s see what they can do. For a start, in the Notifications section, I can decide where submissions are sent to. By default, the email used for creating this account is the only one listed in the Notification Emails section. That means that I’m receiving emails. But I also want Florin to be receiving emails, so I’m gonna press Add Notification Email, to have his address listed, too. So here I’m gonna type in his address. I don’t want him to receive all submissions, only the ones that refer to technical support. In this dropdown, I’m gonna choose Message Subject – is – Technical support. In the first dropdown, I have two options – Also and Only. I’m gonna leave the Also option selected. This structure means that emails will also be sent to Florin when the message subject is Technical support. Add Notification and his email has been listed as well. If I want to delete an email address, I only have to click on it and press Delete Selected. Moving on to Confirmation Settings, here I can choose what message to be displayed to form users. I can choose to both show a text and redirect to a web page. In the first box, I’m gonna have the text message (Your message has been sent. Thank you for filling our form.) and, in the second one, I’m gonna type the URL of the page where I want to redirect users. In order for both actions to be made, I have to check the third radio button – Show the above text, then go to the above page. The next options allow me to send a copy of the completed form to the sender, to send a confirmation message to the sender (an autoresponder) or to track the page where my form is hosted with Google Analytics.

[5:35] Another tab available in the left menu is Themes. We have discussed theme customization in a previous tutorial. For now, let’s just select a predefined theme – Deep Sky Blue – and preview the contact form. It’s very important to press Save. Themes settings were saved successfully. Next, Applications. In this section, you can integrate your form with third party apps that will allow you to manage submitted data easily. The Payment section works very well with order forms. You can select the payment processors that you will accept from among PayPal, Google Checkout and Authorize.net. You can use all of them if you want to. You can also assign prices to products and adjust many other features. In the Security section, you can decide how you will protect your form. You can use CAPTCHA images, country filters – to block submissions from specified countries – or even a password for protecting your form. In the Rules section, you can choose what fields to show or hide, depending on visitors’ answers, so that the form is perfectly coherent. In the Translation section, you can add or import translations from different languages for the messaged that will be shown within your form. We will discuss all of these settings options in future tutorials. Until then, if you want to learn more about them, take a look at our Help & Documentation section.

[7:50] Let’s move on to publishing our contact form – Quick Links and Publish. In the left menu, we’ve got all of the available options listed. The first one and the simplest one is Form Link. Here, I can access the link to the form hosted on the 123ContactForm website. I can simply copy the URL and paste it, share it with the ones that I want to visit my form. And I can also copy/paste the code for text and image links. The next option, Embed Code, is the one used for publishing your form within your own website. You’ve got three options, namely JavaScript, iFrame and Inline HTML. JavaScript and iFrame are much alike; the difference is that with JavaScript the height of your form will be adjusted automatically to fit its content, whereas with the iFrame the height of your form will be fixed and users will have to use scrollbars to see the entire content. The Inline HTML option provides all of the form code. Using the Lightbox option, you will publish your form in a floating box above the page – it is a very stylish option. You can link to that floating box through text links, image links or floating buttons. You can also publish your form on Blogger, on Facebook – in which case we’ve got a very nice application for you to enjoy and here is also a tutorial on the use of the application. You can publish your form on WordPress – using the 123ContactForm plugin – or on Google Sites.

[10:10] The option that we are going to use right now for our contact form is Embed Code and iFrame. I’m gonna copy this code, open an HTML editor and paste the code where I want it to be, then save the HTML file and open an FTP client. Here, I have to copy the HTML file from my local folder to the section that shows my connection to the website. This particular contact form has already been published, but that is what you would normally have to do. Now, let’s access the page where the form is hosted. If you’re page is already open, then you have to refresh it. Here is our contact form published on our Live Demos page. Everything seems to be in the right place, except for the frame of the form, which does not show with the iFrame type of publishing. Contact us if we can be of any assistance and have fun creating your forms.

Learn how to add any form you make with 123ContactForm on your Facebook pages.

Transcript:

We’re gonna take a look today at how to use the 123ContactForm application for Facebook. I’ve got right here a birthday party registration form that I want to post on one of my Facebook pages. This is my form. I’m going to access the application at apps.facebook.com/contact-forms. I’m logging in to my Facebook account. Here is the application. In the first dropdown list, I’ve got my forms. I’m going to select the one I’m interested in, Birthday party registration. In the second dropdown, I’ve got my Facebook pages – Birthday party is the one we need. I’m pressing Add and Click here to see it. Here it is – my form posted on my Facebook page.

[1:10] If I want to change this label, I can do that by pressing Edit info → Apps → Edit Settings for the 123ContactFrom application and let’s replace the text with Join Us. View page and here we go – the label has been changed to Join Us.

[1:40] I’m seeing this box because I am the administrator of this page, so my visitors will not be able to see it. If I want to change something about my form after I have added it to my Facebook page, I simply have to press Click here and I’ll be taken straight to my Form Editor. Let’s say I want to replace Comments and Suggestions with Message. My form has been updated, so I just have to refresh the page and see the changes. Here we go: Message, instead of Comments and Suggestions.

[2:20] Now, other things that I can do. If I want to add another form to another page, I will use this button. If I want to select a different form to be used for this page, I will choose it here and then press Update and if I want to completely remove the form from the page, I will press remove. If you’ve got any questions, feel free to contact us.

Watch this video tutorial and learn how to modify your form colors, text font or style of submit button.

Transcript:

We’re going to talk a bit today about customizing form themes. We’re going to create a new form and then add and customize a theme. So let’s start. Create New Form – a survey. If I wanted to add and edit fields, I would do that here, in the main view, but I don’t want to, so I’m going to press Continue to get at Form Settings and then Themes.

[0:35] If I’m already familiar with the themes, I can do a quick search and choose one, but for now let’s take a look right here and pick a theme. If I want to use it exactly the way it is, I just have to press Save, but there are some things about it that I want to change, so I’m going to press Customize to be taken to my theme editor. It’s very important to know that I can never be working on the original theme, I have to duplicate it and work on its copy. Press Duplicate and here’s the copy.

[1:20] Let’s customize this theme. Let’s turn the background color into a light yellow. If the form frame is off, then I’m just going to have text on a colored background. Let’s turn it back on. This is the box title. Let’s adjust its color and make it a lighter blue. This is the headline, that can be placed below the box title or inside the box title or inside the box title if I check the first radio button. The form background color is now nearly white. Let’s make it light blue as well. Shadows can be off or on. Now they’re on and, if I check the second radio button, they’re off.

[2:25] Now the logo section. I can use one of the default logos or, if I’ve got a logo of my own, I’m going to check the second radio button – Custom logo URL – and paste the URL of my logo here. It should be something like http://mydomain.com/, the folder images and logo.png. My text is now black. I can adjust its color and make it pink.

[3:20] Now the font style and size. In our Help & Documentation section, we’ve got the complete list of the form styles you may use. Let’s turn Verdana into Trebuchet. The size may be between 1 and 6. The label info color is right here – the words First and Last for the Name field, for example. It can be adjusted as well. Let’s turn the color into red. The highlighted text color would apply if I had some highlighted text in my form, but I’ve haven’t got any, so I’m gonna skip Highlight color and Highlighted text color.

[4:25] I’m gonna move on to the last option, the Submit button. Now it is styled. If I want to have no style whatsoever applied to it, I’m going to check the second radio button and it will look like this. If I’ve got a submit button of my own, I’m gonna check the third radio button and paste the URL of my submit button here. For now, let’s just leave it styled.

[4:55] When I’m done customizing my theme, I’m gonna press Save and the new customized theme has been successfully saved. If I had wanted to create a new theme from scratch, I would have pressed this button and I would have started from here. Let’s select the customized theme again and return to our form, press Save again right here and that’s it – themes settings were saved successfully. Let’s preview the form and here it is. That should sum it up. Please let us know if you’ve got any difficulties in creating your forms.

We do not officially support integrating HTML code with translations. You can try it, but it may not work properly. We advise you to use HTML blocks for any piece of code that you want to use in your form.

Use field rules to show or hide fields according to your visitors’ answers, so that your form makes perfect sense and does not ask for irrelevant information. With confirmation rules, you can send different autoresponders (confirmation messages) based on users’ input. Form rules allow you to redirect to different web pages after submission.

Press the Add rule button and establish a field rule. In the first dropdown list, choose the field that will affect your form’s behavior. Then specify the criteria it needs to meet to trigger changes and decide if it is going to show or hide another field (that will be designated in the last dropdown list). Preview your form at all times and delete the rules that you don’t want to use anymore.

To create confirmation rules, select the tab Confirmation Rules and click Add rule. Establish what autoresponder will be sent based on what conditions. Use the link Manage to add and customize new autoresponders. In case none of the established rules is met, the default autoresponder will be sent.

Use form rules if you want to redirect to different web pages based on user input. Establish the condition and paste the URL. You can add as many redirect possibilities as necessary.

All fields may be used within rules.

Not yet, but advanced rules features will be implemented soon.

If you want a field to be displayed only when there is some sort of input in another field, you can set this up using a rule that says: If Field 1 is not empty then show Field 2. Do not type in empty – simply leave that text box blank.

Your forms can be protected in various ways: through Captcha images, IP blocking, country filter or even password protection.

Security options give you the possibility of rejecting submissions coming from specific countries. Type into the box the country codes that you do not want to accept. To view country codes, click on Show country codes; to hide the list, press Hide country codes.

You can also use the opposite feature – accept submissions coming only from certain countries. In this case, all submissions will be restricted, except for those coming from the countries you specify.

Here, you can set a password for your form. Share it with your target audience and forbid access for other submitters. Press Set Password, type a password in both lightbox fields and you’re ready to go. To make your form available to everyone, select None.

Yes, as you can see in more detail above, you can protect your Inbox from spam by using Captcha verification images, by limiting form submissions form the same IP to one per day, by rejecting submissions coming from specific countries or even by using a password to protect your form. You can find all security features in Settings -> Security.

Captcha images are the colorful letters and numbers displayed at the end of your form. Users have to type those characters in a box, to confirm that they are persons, not robots (robots can not read them). Smart Captcha is the code that shows only if your form is being abused (e.g. multiple submissions from the same IP).

In some browsers, the verfication code, even if typed in correctly, is not accepted. To solve this, make sure that cookies are enabled in your browser. If they’re not, enable them. Type in the verification code again and submit the form.

If cookies were already enabled in your browser, delete them (Delete cookies), type in the verification number and submit the form.

To avoid using cookies, set the CAPTCHA protection to Daily Changed CAPTCHA.

To avoid cookies completely, set the CAPTCHA protection to None and protect the form by limiting the number of submissions received from an IP address to 1 or 2 per day. This way, you’re form will not be spammed and the verification image will not be required anymore.

If you want the verification number to never be displayed, go to Settings → Security and select the option None.

Yes, you can. In your Settings -> Security section, tick the box Limit the total number of form submissions to and specify the maximum number of submissions. Save the settings.

In the Payments section, you can set up details regarding the type of payment you accept, assign prices to your items and customize notifications.

Advanced calculations. Use calculation formulas to multiply a specific product by another field (e.g. Quantity) and specify taxes and discounts. Click on the Add a new calculation formula button to add another row to your list of formulas. Specify, if that is the case, taxes and discounts on total and mention what they represent.

Click on Add new coupon. Type in the code that will later be shared with buyers, specify the discount associated to it and mention what this discount represents.

The discount can be percentual or can consist in a fixed amount. In the latter case, the currency will be the one set in the Merchant Setup section.

You can use multiple codes for the same coupon. To do this, type all of the codes that you want in the first box, separated by commas.

After you’ve created a new coupon code, you will also need to assign it to the form. Tick the coupon checkbox and press Assign selected coupons to this form.

If you want certain coupon codes not to be assigned to the form anymore, remove them from the list named Active coupons on your form. If you want to completely delete certain coupon codes from your account, then delete them from the list entitled Available coupon codes. Keep in mind that, if you do this, the coupons won’t be available for any of your forms anymore.

So, how will the form behave after you enable the Coupon Codes feature? Right above the Purchase button, a box labeled Coupon Code will show up. Users will fill out the form and will select their chosen products / services normally. But, depending on the coupon code that they enter in this box, they will have a certain sum deducted from the price. This discount will appear in the calculations shown to the user.

If you want to change the label of the coupon field from Coupon Code to something else, go to Settings → Translations and create a new translation in which you replace Coupon Code with your preferred message.

123ContactForm provides a very simple way to receive PayPal payments with your own form. You will be able to accept donations, orders and subscription fees in no time. Just follow the steps below to set up the PayPal integration for your form.

1. Create your payment form in the editor.

You can use choice fields (radio buttons, checkboxes, dropdown lists) to display the products on sale. If you wish to let submitters specify the amount they want to pay, use a Price field or a Number field (numeric validation is necessary and it’s predefined for these two fields). With 123ContactForm you can also create subscription forms for newsletters and other services.

2. In Form Settings go to Payments section. In the left pane, Merchant Setup, tick Accept payments via PayPal. Next, you have to enter your PayPal email address and choose your preferred language from the dropdown list.

3. Set the payment details – choose currency, assign prices and perform calculations taking into account taxes or discounts, if applied. You can opt for notifications to be sent to the submitter once the transaction is completed.

4. Don’t forget to tick Enable payments for this form.

5. You are set!

Once form users select their preferred products and/or services from the form and submit it, they are redirected to PayPal to perform the transaction. After that, they receive the confirmation message you have created. Easy as 1-2-3!

Of course. In a form that accepts more payment processors, users will be asked to select their preferred payment method from the available ones.

The error that you have encountered probably says: Malformed URL component: expected ID: (\d{10})|(\d{15}). Most likely, you have entered an invalid Merchant ID or Key. Please verify your Payments settings. Also, make sure that there is no white space at the end of your Merchant ID or Key.

If you want to accept payments through PayPal and you want customers to view price calculations, but not to be redirected to PayPal, then use the following email address: no-redirect@123contactform.com. Type it instead of your PayPal address (right above the Language field, in your 123ContactForm Payments -> PayPal section) and click Enable payments. Form users will be taken straight to your final Thank You! message.

Create a Number field in your Form Editor. Then, in the Settings → Payments section, click on Advanced Calculations and create the calculation Number field X 1. Save the settings. Now, the amount charged will be the one specified by users in the Number field.

Yes, you can. In your Settings → Payments section, in the Assign Prices subsection, click on Coupon Codes to create coupons and to assign them to your form. Read more about how to use coupon codes for your forms.

When you assign prices to fields, a calculation rule is created automatically. This rule multiplies the field (actually, its assigned price) with 1 and can be found in the Advanced Calculations section. When the calculations don’t work for your form, this is the first place where you should check that the settings were made correctly. In case the multiplication by 1 is not there, set it up manually: Settings → Payments → Assign Prices → Advanced Calculations → (e.g.) T-shirt x 1.

Yes, you can. The label Coupon Code is listed in your Settings → Translations section. Create a new translation and type in the new label text.

In your Settings → Payments section, in the Merchant Setup subsection, select monthly (or any other option) in the Payment recurrence dropdown list. That’s all that differentiates a subscription from a one-time payment. Make sure you’ve assigned a price to the subscription in the Assign Prices subsection (or different prices to different types of subscriptions) and that the box Enable payments for this form at page top is checked.

Yes, you can. It is very simple and you will be able to easily sell things or receive donations with your forms. Follow this tutorial on Paypal integration.

You can sell goods and services with your contact form using Google Checkout as merchant. You only have to enable the Payment Integration feature. Follow this tutorial about how to add a Google Checkout form to your website.

You can link your form to various applications: Google Docs, Google Groups, SalesForce, WebHook, Yahoo Groups or MailChimp. To add an application, select it from the list, press Add and specify your application data in the box that appears on your page. To disable an application, uncheck the Enable box. To completely remove an application, press Remove.

Google Docs integration allows you to send form submissions to spreadsheets. All submissions for one form will appear in the same spreadsheet. Type in your Google Docs ID and password and press Save.When you check your Google Docs account after submissions were made, you will see that you’ve got a new spreadsheet with the name of your form showing each submission’s input on one row.Google Docs integration works very well with event registration forms and online surveys, when you need to share form entries quickly with other interested parties.

Enabling the Google Groups application will automatically add your submitters’ emails to your Google Group. Type the name of your group and click Visit to make sure it’s the right one. Then select, in the dropdown list, the form field which contains your submitters’ email addresses and press Save.

Adding SalesForce to your form will import email addresses and leads from your submitters to your SalesForce account. Type in your SalesForce email address, password and authentication token. The SalesForce authentication token needs to be retrieved from your SalesForce account. Read here the instructions on how to do it. Then select, in the Create Object dropdown, Lead or Contact, according to the type of object you want to create.

Yahoo Groups integration will automatically add your submitters’ emails to your Yahoo Group. Type in the name of your Yahoo Group and press Visit to open it in another tab. Choose, in the Email Field dropdown, the form field that should contain your visitors’ email addresses.

By integrating MailChimp with your form, you will import email and leads from your submitters to your MailChimp lists. Provide your MailChimp API Key and choose the list to which you want to add new contacts in the Use List dropdown.

You can also add a mailing list opt-in checkbox to your form. Before having their email addresses sent to your MailChimp mailing lists, form users will be asked for confirmation.

VerticalResponse integration allows you to send data submitted by form visitors to your VerticalResponse lists. Before setting up the integration, contact VerticalResponse and ask them to enable API access for your account.

Then, go to Settings -> Applications, select VerticalResponse in the dropdown list and press Add. Type your VerticalResponse login data in the provided fields and press Save to enable the application. In the Use list dropdown, select the VR list to which you want to send leads. Press Customize to establish field associations.

Twitter integration generates a tweet from your Twitter account for every new entry your web form receives. To enable the Twitter application, go to Settings -> Applications, select Twitter in the dropdown list and press Add. Click on Connect to Twitter.

You’ll be redirected to a page where you need to provide your Twitter username and password. Press Sign in. On this page, you can also read about what the 123ContactForm application will or will not be able to do with respect to your Twitter account.

You can now customize the text that tweets will contain. By default, the message is [%Name%] has just registered on {{FormName}}. In the actual tweets, {{FormName}} will be replaced with the name of your form. [%Name%] refers to the Name form field and will be replaced with the input provided by form visitors in that field. All of your form fields can be used in the same way.

For example:

• to reach the form field labeled Website, you will need this code: [%Website%]
• to get users’ input for a field named Favorite browser, type [%Favorite browser%]

Inlude these codes in the text customization box and your Twitter messages will pick up the input provided by your form visitors in those fields.

Keep in mind that visitors’ input will be included in your tweets according to your specifications. What they type within form fields will be contained in the messages tweeted from your Twitter account.

iContact integration allows you to send form visitors’ information to your iContact lists automatically. At every submission, you’ll have a new contact added to one of your lists. Go to Settings -> Applications, choose iContact and press Add. Provide your iContact username and password and press Save. Then choose the iContact list to which you want to add contacts.

See how to add an opt-in checkbox to your form. Before having their contact data sent to your iContact account, form users will be asked for confirmation.

Using the integration with Top Producer, real estate’s most intuitive CRM, you can send all the contact information provided by users when filling out your forms to your Top Producer account. Go to Settings -> Applications, choose Top Producer and press Add. 123ContactForm generates a username and a passoword that you will need when setting up the integration on the Top Producer side.

In your Top Producer account, in the Settings section, click on Contacts → Lead Setup → Add Lead Provider. Select 123ContactForm in the Lead provider name dropdown and the URL box will be completed automatically. Paste the username generated by 123ContactForm, type in and confirm the password, select the person who is supposed to receive the leads and press Add Lead Provider.

To enable the integration with AWeber and send contact information straight to your AWeber lists, go to the Settings → Applications section in your 123ContactForm account and select AWeber in the dropdown list. Click on Customize to enter your AWeber login data and to allow the integration to access your AWeber account. After you grant this access, you’ll be redirected back to the application box.

The AWeber User ID and Token fields in the application box are populated automatically. In the dropdown list, you can find all of your AWeber mailing lists. Choose the one you want to send contact information to. Then click on Customize to create the field associations. Match the AWeber fields on the left side of the customization lightbox with 123ContactForm fields. Choose the latter in the dropdown lists. Press Save.

The integration of 123ContactForm web forms with the Zendesk help desk picks up and sends support tickets to the Zendesk interface, where they are managed like any other Zendesk support ticket. If you use this integration, clients won’t necessarily have to go to your help desk to request support; they will just need to fill out your 123ContactForm web form, which can be published anywhere on the web.

To enable the Zendesk integration, go to your Settings → Applications section, select Zendesk in the dropdown list and press Add. The application box will show up on your page. Fill in your Zendesk URL and provide your Zendesk username and password to allow the applications to communicate.

Click on Customize to create field associations. Match the Zendesk fields on the left side of the lightbox with the 123ContactForm fields on the right. Subject, Description, Name and Email are required fields; Ticket Type, Priority and Attach File are optional. Save the settings and, from now on, all the messages sent through your form will arrive to your Zendesk help desk.

The integration of 123ContactForm with Zoho CRM allows you to send leads, contacts and company information to your Zoho CRM account. The Zoho CRM terminology refers to Leads, Contacts and Accounts. Leads are potentials contacts, Contacts are individuals with whom you’ve already done business and each Account is associated with a company.

Email marketing campaigns allow you to connect easily with customers. With Constant Contact, you can create effective email marketing campaigns quickly. The only thing that could make things better is the 123ContactForm – Constant Contact integration. When integrated with Constant Contact, your 123ContactForm web forms will send information to your Constant Contact lists at each form submission. Each message equals to a new contact and to a wider audience for your email marketing campaigns.

How to enable the 123ContactForm – Constant Contact integration? Go to the Settings → Applications section in your 123ContactForm account, select Constant Contact in the dropdown list and press Add. In the application box, paste your Constant Contact API Key and Consumer Secret – you can obtain these by logging in to your Constant Contact developer account (use the link provided in the customization lightbox to get there).

The Verification URL is always the same for the 123ContactForm – Constant Contact integration, irrespective of the form/user. It appears by default in the last input box. Copy it and paste it in the Constant Contact interface – you’ll be asked to provide it when requesting your API Key and Consumer Secret.

The next step after pasting your API Key and Consumer Secret, is clicking Connect. Then, select the Constant Contact list to which you want to add contacts and click Customize. Match Constant Contact fields with the fields in your 123ContactForm web form. Data will be sent to your Constant Contact list according to these associations. Press Save in the customization lightbox, then Save again in the main application box.

The integration is now enabled – the contacts received through your form will be added automatically to your Constant Contact mailing list.

After you’ve integrated your form with SalesForce, MailChimp, VerticalResponse or iContact, you can add an opt-in checkbox to your form. Like this, form users will be requested to tick the checkbox in order to be added to your mailing list and the bounce rate of your mailing list will drop.

In your Form Editor, drag a checkbox field to the main view. In its Edit panel on the left side of the screen, delete Choice 2 and Choice 3 and replace Choice 1 with the message you want form user to see (e.g.: Add me to your mailing list). Remove the field label and your checkbox is ready to find some functionality.

Go to your Settings -> Applications section. In the application box, in the dropdown list labeled Send, select Only if choice is checked: (opt-in message). Press Save.

Your SalesForce account has an associated Authentication Token. This is a key that changes when you change your password. In order to integrate your 123ContactForm account with SalesForce, you will need to use the Authentication Token. When setting up the integration in Settings → Applications, paste the token on the third line of the SalesForce application box.

To reset or enable your SalesForce Authentication Token, follow these instructions: 1. In your SalesForce account, click on Settings (top-right corner). 2. Go to My Personal Settings and click on Reset Security Token. 3. Follow the indications provided there by SalesForce to receive your new Authentication Token by email.

Especially if you see the message Returned error message: Status is a duplicate, it means that the custom message set to be twitted from your account does not contain an element that would make tweets distinct. This element must be present. Add one of the codes listed in the Twitter integration customization lightbox, e.g. [%Name%]. Make sure that it is typed in correctly (copy it from the list).

When your Twitter integration returns this error, it means that the custom message set to be tweeted from your account when somebody fills out your form does not contain elements that would differentiate tweets from one another. Go to your Settings → Applications section and customize the message found in the Twitter box. Use one of the codes listed below the box, such as [%Name%], in order for the Twitter message to change with every new form submission.

There are several reasons for which you might be getting MailChimp error messages in your email box. The most common errors refer to the First Name and Last Name subfields. FNAME must be provided – Please enter a value and LNAME must be provided – Please enter a value indicate that the field associations involving these subfields (First and Last Name) haven’t been set up correctly. Go to your Settings → Applications and, in the customization box, check or establish the correct field associations.

The Notifications section allows you to manage the actions related to your form after your visitor has submitted it. You may decide, among other options, who gets certain submissions, who receives them all, what message your visitors will be shown after submission, whether they will receive a copy of their submissions or a confirmation message.

Manage autoresponders. You also have the option of sending a customized confirmation message (autoresponder) through email. To do so, check the corresponding box, press the Manage button (if you want to use a different message than the default one) and create a new autoresponder. Autoresponder emails will be sent to the addresses contained in the form field indicated right below the Manage button. The Confirmation Message Sender Email is the email address submitters will receive confirmations from. By default, it is the address used for creating your account.

Sure. In the Notifications section, Confirmation Settings subsection, select the second radio button: Redirect to a web page. Paste the URL in the box and your submitters will be redirected there. By default, the selected button is Show text; this is for showing a confirmation/thank you message after submission.

If you want to both show a message and redirect to a webpage, customize your message in the first box, paste your URL in the second one and be sure to select the third radio button: Show the above text, then go to the above webpage.

Firstly, be sure to check your Spam and Trash boxes. If submissions aren’t there, check if you’ve got the proper form configuration. Here are some tips for having your submission emails behave like regular email:

In Settings -> Notifications, open the Customize Emails subsection. For Sender Name, select the second radio button and choose – in the dropdown list – the field that contains your submitter’s name. For Sender Email, select the first radio button: Use noreply@123contactform.com. In the Reply-to Email dropdown, choose the field that contains your submitter’s email address.

(And, just in case, be sure you’ve typed your email address correctly in the Notification Emails section

Yes, you can do that by enabling the Submissions ID feature in Settings -> Notifications -> Customize Emails. Check the box Add the entry ID at the end of your message.

Reference ID is a very effective way of tracking form submissions (sent and received emails) concerning a particular subject. If this feature is activated, the subject of the email you receive will contain a unique identifier, based on the time stamp, e.g.: (Ref: FRM-1206090399). This way, when you want to check all communication on that subject, you will search for (Ref: FRM-1206090399) in your email client, and will find all the emails that you are intereseted in.

Yes, you can. Using multiple recipients means setting several email addresses to receive submissions. Basic plans can use three recipients that will receive all submissions. Upgraded plans have access to an unlimited number of recipients. Recipient email addresses for upgraded plans can also be customized to receive only certain submissions, depending on submission content.

This is a feature designed especially for users/companies that receive many emails. They will have their business processes fastened if the emails are sent directly to the department that should handle the issue.

For example, company ABC – who has got 3 departments: cars, motorbikes, trucks – receives all filled contact forms to the same email address: contact@abc.tld. The ABC employee that handles filled contact forms sorts the emails and forwards car related emails to cars@abc.tld, motorbike related emails to motorbikes@abc.tld and truck related emails to trucks@abc.tld. This is time consuming and adds some delay to the reply action. By using custom recipients, company ABC will have the filled contact forms sent directly to the right addresses.

To add custom recipients, go to Settings -> Notifications -> Notification Emails. You’ll see that the email address used for creating your account is, by default, set to receive all submissions. Press Add Notification Email and the lightbox in which you can add and customize emails will appear. Type a new address in the text box and choose, in the second dropdown list, the field that will affect the submission’s behavior. Then specify the particularities that it needs to meet.

E.g.: Address – contains – Boston. This means that the submissions in which the Address field contains the word Boston are considered.

In the first dropdown list, you can select Also or Only. If you select Also, then the submissions that meet the conditions will be sent to both the primary email address and the one added afterwards. If you select Only, then submissions will only be sent to the newly added address. Press Add Notification in the lightbox and your new email address will be added.

If you want to customize an email, click on it and you’ll be taken to the customization lightbox. If you want to delete an address, select it and press Delete.

You can add an autoresponder to your form in seconds. Furthermore, you can create more than one autoresponder and switch between them. See details in the Manage Autoresponders section and read more detailed instructions on how to get your web form autoresponder script. The custom autoresponder feature is available for Gold and Platinum plans.

Yes, you can. In the subsection Customize Emails, under Email Templates, you can create new templates and edit them, in order for the notification email to contain the exact information that you want. You can set up any type of template, from a simple notification message to a complex message that holds all the submission content.

The default template contains an HTML table that renders user input. Press Create new to duplicate the default message. If you want to remove some of the form fields, delete the corresponding table rows (a row starts with the tag <tr> and ends with the tag </tr>). If you want to replace the table with a simple message, then delete the table code and type in your new message. To jump to the next line, use the tag <br />. To insert submission input into the template, use the codes displayed on the right side of the customization lightbox (e.g. [%Name%]).

You can preview the email template, edit an existing one or delete the ones that you don’t need anymore. Each email template created for one form will be available for any of your forms.

If you get this error, it means that your form is configured to have the email address filled out by the form user as the Sender Email. This setting can be found in Settings → Notifications → Customize Emails. When the user’s address is set to be the Sender Email and the user does not fill out the email address correctly (or skips the Email field), you get this error message.

In order to solve this, make the Email field a Required one and make sure the its Field Validation is set on Email. These two settings are made in your Form Editor → Edit Field panel. Of course, you can always go to Settings → Notifications → Customize Emails → Sender Email and choose Use noreply@123contactform.com instead.

In Settings → Notifications → Customize Emails, at the bottom of the page, you’ve got the option Add the entry ID at the end of your message. Check or uncheck this option according to your needs and save the settings.

In Settings → Notifications → Customize Emails, at the bottom of the page, you’ve got the option Add the referrer, if available, at the end of your message. Check or uncheck this option according to your needs and save the settings.

In this section, you can choose the predefined or customized form theme that you prefer. You may also use stylesheets of your own.

To select a theme, navigate through the theme list or do a quick search at the page top. When you’ve found your preferred theme, press Save.

The Edit themes button will take you to the main theme customization panel. Press Preview to see how your form looks with different themes on.

Choose the theme that you want to customize. If you are in the Settings – Themes section, click on the Customize link to open the theme editor. Once there, spot the Font Style and Font Size fields. Type in the name of your desired font style (Arial, Verdana, Tahoma, Impact, Trebuchet MS, Times New Roman, Georgia, Courier New, Comic Sans MS) and font size (between 1 and 6).

Press Save (at page bottom), then Return to form (at page top). Once there, press Save again.

You can change foreground, background and border color. Once in the theme editor – left panel, choose the background color in the Page Background Color field; the foreground color in the Form Background Color field; the top border color in the Box Title Color field.

Press Save (at page bottom), then Return to form (at page top). Once there, press Save again. Watch this video tutorial on how to create and tweak your form theme for step by step instructions.

Yes, you can use your own cascading style sheet (CSS) to customize the look of your contact form. You have to paste the code or enter the URL to the CSS file in Settings -> Themes -> Use custom CSS. Learn about Full CSS Form Customization.

You can do this by using CSS. Read about Full CSS Form Customization to learn how to do it.