Laravel - Custom contact form and send email

Laravel custom contact form and send email are another routine functionality that is a requirement of more or less every website. In this article, I am going to demonstrate how you can easily create a contact form and mail function in Laravel with email sending.

Laravel is well known PHP Framework, providing multiple solutions for a problem. This is one of the main reasons of the popularity of the PHP framework. Most popular solutions cover this framework routine functionality such as authentication, sessions, routing, send email and caching.

Creating custom contact form in Laravel

Configure Laravel Project
Install HTML and Form Package
Configure Project Database
Create Database Table Using Migrations
Create ContactUs Model
Create Page Route contact
Create ContactUs Controller
Create contact Page View
Sending Email Function

Configure Laravel Project

Install and configure your Laravel project by using the Composer create-project command in your terminal: composer create-project laravel/laravel laraveldemo –prefer-dist “laraveldemo” is your project directory.

Install HTML and Form Package

To create custom contact form in Laravel, I will use laravelcollective/html package for contact us Forms and HTML. Launch the SSH terminal and login to your server using the Master Credentials and go to your project root directory. Run command composer require laravelcollective/html

cd home/username/public_html
composer require laravelcollective/html

After successful installed HTML and Forms package laravelcollective/html, goto config/app.php file and add Autoloaded Service Provider and Class Alias.

'providers' => [
	.........
	Illuminate\View\ViewServiceProvider::class,
	Collective\Html\HtmlServiceProvider::class,
	..........
	
'aliases' => [
	..........
	'View' => Illuminate\Support\Facades\View::class,
	'Form' => Collective\Html\FormFacade::class,
	'Html' => Collective\Html\Html\Facade::class,

Configure Project Database

Now configure your project database connection, Find .env file in your project root directory, Open .env and add database access credentials there.

DB_CONNECTION=mysql
DB_HOST=database.host
DB_PORT=3306
DB_DATABASE=database.name
DB_USERNAME='database.username'
DB_PASSWORD='database.password'

Create Database Table Using Migration Command

Go to your SSH terminal and Run artisan make:migration create_YOUR_TABLE_NAME_table command to create the database migration for creating the Contact Us model.

php artisan make:migration create_contact_us_table
Created Migration: 2020_04_02_180504_create_contact_us_table

Contact us migration has been created, go to database/migration/2020_04_02_180504_create_contact_us_table.php and update up method public function up() with database fields like below.

public function up()
{
	Schema::create('contact_us', function (Blueprint $table) {
		$table->increments('id'); 
		$table->string('name'); 
		$table->string('email'); 
		$table->text('message'); 
		$table->timestamps();
	});
}

Now run the artisan migrate command to generated database table contact_us with all (id, name, email, message, created_at, updated_at) fields.

php artisan migrate

Create ContactUs Model

Go to your SSH terminal and Run make:model MODEL_NAME command to create ContactUS model.

php artisan make:model ContactUS

After successfully created the ContactUS model, go to App directory and Find file app/ContactUS.php and add the following code in the file.

<?php
namespace App;

use Illuminate\Database\Eloquent\Model;

class ContactUS extends Model
{
    public $table = 'contact_us';
	public $fillable = ['name','email','message'];
}

Create Page Route contact

Now, We will go to create the route “contact-us” (Contact Us page URL). Go to routes/web.php and add the following code to the route:

Route::get('contact-us', 'ContactUSController@contactUS');
Route::post('contact-us', ['as'=>'contactus.save','uses'=>'ContactUSController@contactUSPost']);

Create ContactUs Controller

After setup page the routes, I will go to create a controller to handle the requests from the routes. Go to your SSH terminal and Run make:controller CONTROLLER_NAME command to create the controller.

php artisan make:controller ContactUSController

Go to app/Http/Controllers directory and find and Open ContactUSController.php and add the following code.

<?php
namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Requests;
use App\ContactUS;

class ContactUSController extends Controller
{
   /**
    * Show the application dashboard.
    *
    * @return \Illuminate\Http\Response
    */
   public function contactUS()
   {
       return view('contactus');
   }
   
   /**
    * Show the application dashboard.
    *
    * @return \Illuminate\Http\Response
    */
   public function contactUSPost(Request $request)
   {
       $this->validate($request, [
			'name' => 'required',
			'email' => 'required|email',
			'message' => 'required'
        ]);
		
       ContactUS::create($request->all());
	   
       return back()->with('success', 'Thanks for contacting us!');
   }
}

Create contact Page View

Now I am going to create contact us Page View layout of the contact form. Go to resources/views/ and create a file contactus.blade.php. Place the following code in this blade (view) file.

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Extend Feature - Laravel Contact US Form Example</title>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	</head>
	<body>
		<div class="container">
		<h1>Contact US Form</h1>
		@if(Session::has('success'))
		   <div class="alert alert-success">
			 {{ Session::get('success') }}
		   </div>
		@endif
		{!! Form::open(['route'=>'contactus.save']) !!}
		
		<div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
		{!! Form::label('Name:') !!}
		{!! Form::text('name', old('name'), ['class'=>'form-control', 'placeholder'=>'Enter Name']) !!}
		<span class="text-danger">{{ $errors->first('name') }}</span>
		</div>
		<div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
		{!! Form::label('Email:') !!}
		{!! Form::text('email', old('email'), ['class'=>'form-control', 'placeholder'=>'Enter Email']) !!}
		<span class="text-danger">{{ $errors->first('email') }}</span>
		</div>
		<div class="form-group {{ $errors->has('message') ? 'has-error' : '' }}">
		{!! Form::label('Message:') !!}
		{!! Form::textarea('message', old('message'), ['class'=>'form-control', 'placeholder'=>'Enter Message']) !!}
		<span class="text-danger">{{ $errors->first('message') }}</span>
		</div>
		<div class="form-group">
		<button class="btn btn-success">Contact US!</button>
		</div>
		{!! Form::close() !!}
		</div>
	</body>
</html>

Form output like below picture.

Sending Email Function

Custom contact us form is now functional. On submitting the form, the data will be stored in the database. I will now make the form email send function.

Now create another blade (view) file, resources/views/email.blade.php and add the following code in email blade.

You received a email from : {{ $name }}
<p>Name: {{ $name }}</p>
<p>Email: {{ $email }}</p>
<p>Message: {{ $user_message }}</p>

Now go to project directory, Find .env file, Open .env and add SMTP email access credentials there.

MAIL_MAILER=smtp
MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=null
MAIL_PASSWORD=null
MAIL_ENCRYPTION=null
MAIL_FROM_ADDRESS=null

Now SMTP email the configuration is done, update app/Http/Controllers/ContactUsController.php with the following code.

<?php
namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Requests;
use App\ContactUS;
use Mail;

class ContactUSController extends Controller
{
   /**
    * Show the application dashboard.
    *
    * @return \Illuminate\Http\Response
    */
   public function contactUS()
   {
       return view('contactus');
   }
   
   /**
    * Show the application dashboard.
    *
    * @return \Illuminate\Http\Response
    */
   public function contactUSPost(Request $request)
   {
       $this->validate($request, [
			'name' => 'required',
			'email' => 'required|email',
			'message' => 'required'
        ]);
		
       ContactUS::create($request->all());
	   
	   Mail::send('email',
		   array(
			   'name' => $request->get('name'),
			   'email' => $request->get('email'),
			   'user_message' => $request->get('message')
		   ), function($message)
	   {
		   $message->from('info@extendfeature.com');
		   $message->to('support@extendfeature.com', 'Admin')->subject('Extend Feature Feedback');
	   });

       return back()->with('success', 'Thanks for contacting us!');
   }
}

Laravel custom contact us form is now ready for deployment. This module save the data in the database and send email it to the given email address as well. To test the Contact Us form, go to the application and click on launch application (remember to add /contact-us to the URL). Thanks.

Thank you for carefully read my article If you have any query please Leave your query on following comment section or contact with us. Please LIKE and SHARE

3 replies on “Laravel – Custom contact form and send email”

Coffee is ingrained within the very fibers of American life.

Hi,
Are you still in business?
I found a few errors on your site.
Would you like me to send over a screenshot of those errors?

Regards
Jacob
(714) 500-7363

Thank you for message. Yes please send me screenshot.