Best free contact form plugin? Forminator tutorial

in this video we're going to see a free plugin for a contact form and I think it is one of the best plugins right now in the free version hi my name is Stratus and I'm constantly creating videos for WordPress and in some cases oxygen and please subscribe to my channel for more videos like this so there is a plugin that I have used in another video for a front-end submission and it's a very good plugin and I think it's for me it's the best contact form right now in terms of what it can give you it already has even the file uploader or the logical conditions they are all free let's go and add the plug-in they called it is called form inator ok I'm going to install now as you can see it's from the wpm you developer team and they have amazing plugins they have good plugins this mass is one of the most known from this company and they have sort of plugins they they pretty much have a plug-in for everything for SEO for a for security for pop-ups for I don't even know they have about 20 of for cussing they have 15 or something plugins okay we're waiting the Internet is not too great today so it takes a little more time even though I'm creating all of those in a local environment and we're waiting so what's up what's new sorry for that guys I don't want to pause the video just to install a plug-in but I don't have anything to say okay we're still waiting I think I'm going to pause the video I don't I don't think it's necessary one minute for this ok it has been installed so let's going activated and we're going for the for manator as you can see here and we're going for the dashboard so in with this plug-in you can create forms polls quizzes submission integration it has integration and you can go to settings I think it's a very very good plug-in in the for free plugin ok you can create pretty much everything let's go for forms and we're going to create our first form if you have already created form in another website you can export it and import it inside here they have think of everything so we're going to select content form it's not that it will create something more but it will add the fields that it thinks you need in a contact form by yourself and you don't have to go to blank and create everything from the beginning so it not it's not that if you select anything else you will be wrong so let's go for contact contact create the page create the form not the page and here is the contact ok so we have the first name up here so we're going to check here edit field and we're going for another label that it will say name this is the place holder I will leave it as it is but you can change it and this is description and if you want you can have multiple so you can have first name and middle name and last name and you want bayamón going just for the first name okay let's go for single let's remove that let's go for single and then we have the settings which it will be required required or optional we're going for required and if someone will not complete this he will get error required message which will be them name is missing after that you can go if you want something to be pre-populated and it will get dynamically for a Content here let's go for styling you can add custom CSS classes here and the visibility we're not going to use at this field let's go and apply it and let's go for the email address we're going to edit that also let's go for just email not address this is the placeholder I will leave it as this and pretty much every field will have all of those headings description settings you will get the error message and of course you will get a valid date because it's an email field and I want to validate it if he will not add an email so add something.com or something else you will get an error message and styling and visibility are the same let's go and apply that and now I want to take the name and email in the same row so I'm going to grab the mail and I'm going to leave it here okay so I have two columns 50/50 and here is the name and here's the email next we have the phone number I'm going to click here edit and let's go for the phone number phone number I will leave it as this the settings are the same if you want to validate but something I don't want to validate it and this is optional okay as you can see we have an Asterix in the name and the email good that cause they are something that you have to put and here is the message and I will also add another field with the name title so I'm going to insert fields this is all the fields that you can add name email phone address website input this will be everything else it will go for input text area the message is a text area numbers so you can add a numbers and have an arrow to go for a bigger number radio this is to select from some choices the radius only select one checkbox is multiple multiple select between choices calculations if you want to add numbers and do stuff like that select if you want to have a click field that you will select one option date picker time picker file upload this is something that you may need in a contact form so they can upload files post data this is not something that we are going to use now but I have already created a video about that if you want you can check it I will even scripts below and also it will be in the screen some somewhere in the right corner I think HTML code page breaker if you want to create forms that are very big and you want to have a page breaker so it will not frighten the customer the visitor if he sees 30 fields or something he will not complete them but if he sees 5 and then click Next and then he will see another 5 it will be much easier for him to complete hidden fields this is that you can populate some fields that will be hidden like the time the IP address or something else it has many features as you can see section so you can create a section and add some columns and that GPR approval so you can select it field that he will check it and then he can send it this is for the GPR currency stripe and PayPal because you can also create and be paid from through this so we're going for any put insert fields and we're going for the here the text this is the input field that I put and the text should be title so before the message I won't need the title the text is I don't know I will leave it as it is and let's go and apply I'm not going to check any of those so we're going to put that on front here and we're going also to add some selections so let's go to insert fields again and we're going to go for a select insert fields and let's go here and let's go to the select and we'll have a placeholder we want to be two-piece please choose an option the label will be select okay and here it will be how did you hear about us okay I don't want the description and the option the first option will be a Internet the next one will be radio I will add an option this will be TV or something and this will be other other okay so after that we can go to settings and we can do if we require this if we want to display search box in the drop-down we don't want to because we don't have too many options to display as a search box and of course you can also put here the country so that's why you should have a search box if you add countries you don't want everyone to scroll down until they see their country calculations who I don't want any of those styling with ability so let's go and apply and now I'm going to add some fields input and insert field and this will have logical conditions so let's go for this this will be the first option was the internet so with site which website okay and let's go for visibility and I will add a roll and here I will put if the how did you hear about was was internet done this is how easily it can be done so if he select that he heard of us about internet he will see a field that it says which website and I think I'm missing at T somewhere so which website and know which website hopefully it is correctly hopefully okay which website and I think I'm spelling the word wits okay maybe it doesn't have okay this is how it's spelled okay we find it sorry about my mistakes as I've said many times English is not my first language and I think I'm wrong again okay what websites are if about that but let's go for what web site and now I'm going to duplicate that so I'm going to click here in duplicate and then I'm going to click here and going to edit field and the second option was radio I think so with station what station of course what station station and let's go for visibility and here we're going to select that it's radio and I'm going not count for the TV I think you know already how you can do that so that's going apply it and I'm going to publish now no I'm going to style it a little bit more it has way too many options for free and that's good for me let's go to the sent message let's go for only send the error message if something is not send it your forum is not valid okay visibility if you want to add some rules because you may not want to show the send message button send button if he doesn't check something let's go for all so gdpr so let's go for insert field and let's go for HTTP our approval which will say I approve you I want something you have to select yes I agree with the privacy policy no I will not say anything here yes I agree with the privacy policy okay I will hit apply but let's go and see all the styling invisibility we're okay so if you want you can leave this blank in not blank but not make the button visible until he press the GPR approval let's go and see what we can do also this is with the styling of that so we're now finishing with the settings inside the fields but we have also here settings that we want to see let's go to appearances and we you will see that you can change how it looks so the fields will have here the line but we are going on for the flat so no borders we can go for bold material and none let's go for the default which is crude the colors if you want you can customize the color so the element the form container submission and let's go for the submit button and from the color we're going for a green with the text color of white and you can do whatever you want let's go for input in text area and I want the text to be black okay the placeholders should be a little bit of gray and background color is not white but it's okay and the drop-down list is this container button is border is blue and the container you can play with it and select everything that you want from here custom fields and sorry custom fonts submit button will have a robot of 14 and as you can see it has two way more many options for a free plugin form container I don't want any padding I don't want the porters I don't want spacing I to go to the behavior where you can click here or here and here you will have the I acts or page reload what you want the i-x is more suitable but if you are creating a very big form maybe you want the page reload after submission I want to hide the form or show a message or a directory URL I would like to show a message and it will close after five seconds and if you want you can hide the form and so the message okay but leave the form there it's not it's not for a poll or something else I want the form there validation on some made so I will leave it as it is if you have any problems you can go ahead and select the server side this is the while date using the PHP I haven't any issues with that but you can change if you want this is the submission indicator if it's a very big formant it has to take some times to submit so it will display this submitting or the fail if you want to enable other field this will take the name from the member if it's already a member inside the website and you want to have them the name grabbing by the display name of the user or username you can do many things in here security as you can see an able honey protected will block some plugins and some things in the home or something and if you want only the logged in users to be able to see the page and submit the content ok life span this is if you want to delete everything after some date or something and I will not touch any of those this is for casting plugins email notification this is something important so the admin email is test at testing dot dr but i can go ahead and edit that and select i don't want the admin to be here because i'm creating a website for with the clients so i want not only the not the admin addressed but I want the my client address here he will get a mail from the admin email but I want the company name test email or something the subject it will contact new contact not new contact contact submission or something submission I think it's won t okay submission and two M's no I don't think it's two M's but let's check it out and it's to s okay so I didn't get it okay so mission and here we will take the ID and the form name so it will take the contact form by itself so you can delete that or you can delete that if you want I want to leave that I will delete that and this is all the fields that you will see all fields that is from the submission and the message was sent from this URL it's the side so you know which side send what let's go for the Syrians and you can add here another CP and now you can also add another another type of email that the visitor will receive so you will see another message and the visitor will see another message so you you will not add the visitors email here but if you want you can do it so let's go in at email routing if you want to add email routing I don't want any advanced you can select all of those if you want and the conditions if you want to add conditions if you want to get it in another email if he selects which department is which in a selector inside the form I hope I haven't confused you already so I can add another email notification for the client so the label is a client notification this is only the email that I am seeing inside the website notification with the subject of something thank you for contact us and the body will be we have received the message that you sent us and we will get to you back shortly but if you want you can call us do something and then the recipients you cannot hear and you can select the email which is the email that we put that the visitor put in the form okay you can also add all of those but I don't want any let's go and close that so I'm not going to save it and let's go for integration now integration is something that you have to do by let's go and view the documentation because they have integration but for you to see it you have to go and create an account in the in their website so let's go for the application but as you can see here they have all of those integrations no you don't have to create sorry and you don't have to create an account you just have to go and fill in there's no those notification those information so the main theme but you have to go and grab the mail tip and it will integrate with the MailChimp and all the emails will be go there so as you can see it has very good integration it's not again a paid option so only that it has MailChimp slack Trello and some other stuff like that it's amazing and also of course up here so you can integrate everything so let's go back to the page I haven't select any cause I don't have an integration let's go to the Settings data storage so if I don't want them to be added in the database I can disable that and privacy if I want them to delete after in some time or the submission files will be deleted or keep it if I delete the forms so let's go and publish that and now I'm going to get the shortcode I'm going to copy that and let's go and close it and now if you go to forms again you will see that it says live page or stay up AIDS now maybe this confuse you but you may think that you haven't saved it no matter how many times you hit update you will always get this message so don't pay much attention to that leave pates and we will find ourselves in here that says contact and we have one published now in case you haven't copied the the shortcode and because it's not so easy to to see where it is you have to go here and copy shortcode so let's go to our pages and we're going to create a new page I'm not going to style it at all this is only to see how the this works let's go for a contact and let's go and type the shortcode here okay and let's go and publish that I think Oh Gutenberg has a shortcode element yes or code and let's type the shortcode here so remove it from here and let's come and update it and we're going to see how it looks okay if you paid and as you can see this is the one that I have created so how do you hear about us internet radio so what station Internet what website radio what station TV and other okay so because the intern is selected that's why you can see always that but you can go ahead and select something else beside the Internet which is the first option and yes you have to agree with the privacy policy to get the message now this was only the contact and you can also get and put polls here so you can create polls and this is the first poll so you can ask questions you can add I need an extra L you can add quizzes and submission of course for front-end submission this is great stuff that they have now I don't want to go every little detail about everything that they have you can go ahead and read the manual by clicking here and of course the front-ends ambition is amazing they do offer for custom post types and ACF I have already as I have said create the video and be sure to check it out so that was all for me I think it's one of the best contact forms and the free version is amazing you don't have to buy the pro version for me so thanks for watching guys please subscribe to my channel and we'll see you all in the next video bye

Channel: Stratos Tutorials

Views: 8,589

Keywords: best free contact form, best free contact form for wordpress, best contact form, free contact form, free contact formfor wordpress, forminator contact form, forminator tutorial, forminator review, wordpress conact form

Id: n6spIKlUmQM

Length: 24min 30sec (1470 seconds)

Published: Fri Nov 29 2019