Laravel 8 Social Media Share Buttons Example

August 9, 2021 | Category : Other

Hi,I am going to explain you example of how to add social media share buttons in laravel 8. Here you will learn laravel 8 social share buttons. you can see jorenvanhocht laravel 8 share example. you will learn jorenvanhocht/-share laravel 8.

Here we will use jorenvanhocht/laravel-share composer package for adding social media sharing buttons in laravel project. you can easily use this example with laravel 6, laravel 7 and laravel 8. jorenvanhocht/laravel-share provide social sharing option for facebook, twitter, linkedin, telegram, whatsapp and reddit.

Let's see step by step bellow simple example and will get bellow layout:


Step 1: Install jorenvanhocht/laravel-share Package

in first step, we need install jorenvanhocht/laravel-share composer package so let's use bellow command to install:

composer require jorenvanhocht/laravel-share

after installing successfully, we need to publish configuration file using bellow command:

php artisan vendor:publish --provider="Jorenvh\Share\Providers\ShareServiceProvider"

Above command will create laravel-share.php config file on config folder and share.js in public/js/ folder.

Step 2: Create Route

In this is step we need to create some routes for social share example view.



use Illuminate\Support\Facades\Route;

use App\Http\Controllers\SocialShareController;



| 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('social-share', [SocialShareController::class, 'index']);

Step 3: Create Controller

in this step, we need to create SocialShareController and add following code on that file:



namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\Post;

class SocialShareController extends Controller



* Write code on Method


* @return response()


public function index()


$shareButtons = \Share::page(


'Your share text comes here',








$posts = Post::get();

return view('socialshare', compact('shareButtons', 'posts'));



Step 4: Create Blade Files

here, we need to create blade files for socialshare. so let's create one by one files:

here will code for navbar links:


<!DOCTYPE html>

<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">


<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Implement Social Share Button in Laravel -</title>

<link href="" rel="stylesheet">

<link rel="stylesheet" href=""/>


.social-btn-sp #social-links {

margin: 0 auto;

max-width: 500px;


.social-btn-sp #social-links ul li {

display: inline-block;


.social-btn-sp #social-links ul li a {

padding: 15px;

border: 1px solid #ccc;

margin: 1px;

font-size: 30px;


table #social-links{

display: inline-table;


table #social-links ul li{

display: inline;


table #social-links ul li a{

padding: 5px;

border: 1px solid #ccc;

margin: 1px;

font-size: 15px;

background: #e3e3ea;





<div class="container mt-4">

<h2 class="mb-5 text-center">Laravel Social Share Buttons Example -</h2>

<div class="social-btn-sp">

{!! $shareButtons !!}


<table class="table">


<th>List Of Posts</th>


@foreach($posts as $post)



{{ $post->title }}

{!! Share::page(url('/post/'. $post->slug))->facebook()->twitter()->whatsapp() !!}








Now we are ready to run our example. so run bellow command so quick run:

php artisan serve

Now you can open bellow URL on your browser:


I hope it can help you...