Designer slider - contact form
- 1
-
Creating a simple HTML form
First, you should add the action and the method attributes to your form, as you would create a simple form.
Put the simple form's HTML code to the HTML field of the HTML layer<div id="myform-container"> <form id="myform" action="http://example.org/mail.php" method="post"> <label>Email</label> <input type="text" name="email" /> <label>Message</label> <textarea name="message"></textarea> <div class="submit"><input type="submit" value="SEND"/></div> </form> </div>
and put some CSS codes to the CSS field:div#myform-container{ display: block;border-radius:3px;background: #fff;padding:20px 40px;width:100%;margin:0;box-sizing: border-box; } div#myform-container form#myform label{ display:block;color:#949eaa;font-family:montserrat;font-size:14px;margin-bottom:10px; } div#myform-container form#myform input{ background:#f2f5fa;border-radius:3px;border:1px solid #dee2e5;line-height:38px;padding:0 20px;color:#949eaa;box-sizing: border-box;width:100%;margin-bottom:20px; } div#myform-container form#myform textarea{ background:#f2f5fa;border-radius:3px;border:1px solid #dee2e5;line-height:20px;padding:10px 20px;color:#949eaa;box-sizing: border-box;width:100%;height:200px;margin-bottom:20px; } div#myform-container form#myform div.submit{ background:#f2f5fa;margin:0 -40px -20px;text-align: center;border-top:1px solid #dee2e5;padding: 20px 40px; } div#myform-container form#myform div.submit input{ display: block;background:#5bbac7; line-height:44px;border:0;width:100%;border-radius:99px;font-family:montserrat;font-size:14px;color:#fff; }
and that would send through the data with post to http://example.org/mail.php
- 2
-
Creating the PHP file
Create a new file (e.g. using Notepad, Notepad++), and save it as mail.php.
You should put the mail function to send the e-mail, and the header function to redirect back to your website, or somewhere else. The code in the file could be like this:
<?php $email = $_POST['email']; $message = $_POST['message']; $headers = "FROM: user <" . $email . ">\r\n"; mail("example@gmail.com", "message subject " . $headers, $message); header("Location: http://example.com"); ?>
It would send the message to example@gmail.com with the subject "message subject", and then with the header you should redirect back to your website, where you have the slider, or anywhere you would like to.
- 3
-
Upload the PHP file
Upload the created mail.php file to your server. If you would put the php file to somewhere else in your server (like a /php folder) you should modify that url at the action attribute at the HTML form at step one. E.g.: http://example.org/php/mail.php
<form id="myform" style="" action="http://example.org/php/mail.php" method="post">