Today, We will explain to you how to add a share social media button in laravel 8(Laravel 8 Share Social Media Button Example). here we are using the “jorenvanhocht/laravel-share” package to create Share Social Media Button Example.
So you can follow the below steps for create laravel social share button example in laravel 8.
Overview
Step 1: Install Laravel 8
Step 2: Setting Database Configuration
Step 3: Install Newsletter Package
Step 4: Create Controller
Step 5: Create Route
Step 6: Create Blade Files
Step 7: Run Our Laravel Application
Step 1: Install Laravel 8
We are going to install laravel 8, so first open the command prompt or terminal and go to xampp htdocs folder directory using the command prompt. after then run the below command.
composer create-project --prefer-dist laravel/laravel laravel8_share_social
Step 2: Setting Database Configuration
After the complete installation of laravel. we have to database configuration. now we will open the .env file and change the database name, username, password in the .env file. See below changes in a .env file.
DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=Enter_Your_Database_Name(laravel8_share_social) DB_USERNAME=Enter_Your_Database_Username(root) DB_PASSWORD=Enter_Your_Database_Password(root)
Step 3: Install Social Media PackageIn this step, We will install a social media package using the below command.
composer require jorenvanhocht/laravel-share
We will add the below aliases in the “config/app.php” file.
'aliases' => [ .... 'Share' => Jorenvh\Share\ShareFacade::class, ]
following command and publish config file:
php artisan vendor:publish --provider="Jorenvh\Share\Providers\ShareServiceProvider"
Step 4: Create Controller
Here below command help to create the controller.
php artisan make:controller ShareSocialController
app/Http/ShareSocialController.php
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;
class ShareSocialController extends Controller
{
public function shareSocial()
{
$socialShare = \Share::page(
'https://codeplaners.com/',
'Code Planers',
)
->facebook()
->twitter()
->reddit()
->linkedin()
->whatsapp()
->telegram();
return view('index', compact('socialShare'));
}
}
Step 5: Create Route
Add the following route code in the “routes/web.php” file.
<?php
use App\Http\Controllers\ShareSocialController;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
Route::get('share-social', [ShareSocialController::class,'shareSocial']);
?>
Step 6: Create Blade Files
So finally, first we will open the share-social.blade.php file and then paste the following code.
resources/views/share-social.blade.php
<!DOCTYPE html>
<html>
<head>
<title>Laravel 8 Share Social Media Button Example</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js" ></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" />
<style type="text/css">
li{
list-style: none;
background: #e2e2e2;
margin-left: 5px;
text-align: center;
border-radius:5px;
}
li span{
font-size: 20px;
}
ul li{
display: inline-block;
padding: 10px 10px 5px;
}
#social-links{
float: left;
}
a.social-button {
color: #000;
}
</style>
</head>
<body>
<div class="row mt-5">
<div class="col-md-6 offset-3">
<div class="card">
<div class="card-header bg-success text-white">
<h5>Laravel 8 Share Social Media Button Example</h5>
</div>
<div class="card-body">
<strong class="float-left pt-2">Social Media : </strong>
{!! $socialShare !!}
</div>
</div>
</div>
</div>
</body>
</html>
Step 7: Run Our Laravel Application
We can start the server and run this example using the below command.
php artisan serve
Now we will run our example using the below Url in the browser.
http://127.0.0.1:8000/share-social