Create a Contact Form With File Upload Option

Create a Contact Form With File Upload Option

The contact form that I am using on this blog is from emailmeform and it is all free but customized using CSS. I previously published a post on how to customize contact form provided by emailmeform but later due to change in the coding provided by them the styling do not work for new forms so today we will learn to create a simple contact form with no company Ads and along with an upload option that will allow your visitors to send you files straight from your website. The files can be a text file, video, audio, pdf, gif, png, anything. Follow these steps

Create a Free Web Contact Form

Sign up for a free account at emailmeform
Once you are registered click the "Add a Form" button and choose the form builder option

Keep your form simple with some important fields only like Name, Website URL, Email, Age, Country, Subject and Message. The form builder looks like this,

The form builder has blue buttons at left and display at right. When you click a button on left the effect is displayed on right. Now kindly follow as I instruct for keeping things simple and for creating a simple but informative contact form.
Follow this order:

1. Click the Name button in advance section
2. Next click Web site
3. Next Email
4. Next Hidden Field. Now click the hidden field section on the right and rename it as Age
5. Next click Hidden Filed again and rename it as Country
6. Next click File Upload (Optional you can leave this option if you don't want users to send you files via email)
7. Now From the Basic section click Paragraph Text & click it to rename it as Message
8. To make a specific form option a must to fill then simply click that row and select required as shown below

Your contact form now must look something like this:

9. Click the Form Title and add some message there for your visitors. For example you can write :

We Love To Hear From You
Feel free to ask for any help. We will catch you back as soon as time allows

I just hope you may have found today's tutorial helpful. If you need any help please do not hesitate to post your question. Have fun buddies! :)

Source

Related Posts:

Promote Your Blog

Add This