AddChat can be installed via composer. Awesome... ✌️. Now, as of v1.1.0 release. You as a developer can customize the AddChat VueJS code as well.
{info.fa-youtube} A complete video tutorial guide for getting started quickly is Coming Soon
config/database.php
and update 'strict' => false
in mysql
section.{primary} Laravel installation guide Laravel Installation 👈
Unzip the addchat-laravel-pro-1.1.0.zip
file you downloaded. Then unzip the addchat-laravel-pro.zip
file and copy the addchat-laravel-pro
folder and place it in your Laravel application root directory.
Open your Laravel application composer.json
file and paste the below code in the end (right before last curly }
bracket)
"repositories": [{
"type": "path",
"url": "addchat-laravel-pro/"
}]
(once you complete, the composer.json
file will look something like this)
{
.
.
.
.
.
"repositories": [{
"type": "path",
"url": "addchat-laravel-pro/"
}]
}
Install AddChat Laravel Pro via Composer
composer require classiebit/addchat-laravel-pro
Run AddChat install command
php artisan addchat:install
While installation, it will ask you for the license code. Enter the license code to complete the installation process.
{info} Remember, one license code is valid for one domain only. Contact support for more details.
Open the common layout file, mostly the common layout file is the file that contains the HTML & BODY tags.
<!-- 1. Addchat css -->
<link href="<?= asset('addchat/css/addchat.min.css') ?>" rel="stylesheet">
<!-- 2. AddChat widget -->
<div id="addchat_app"
data-baseurl="<?= url('') ?>"
data-csrfname="<?= 'X-CSRF-Token' ?>"
data-csrftoken="<?= csrf_token() ?>"
></div>
<!-- 3. AddChat JS -->
<script src="<?= asset('addchat/js/addchat.min.js') ?>"></script>
<head>
<!-- **** your site other content **** -->
<!-- 1. Addchat css -->
<link href="<?= asset('assets/addchat/css/addchat.min.css') ?>" rel="stylesheet">
</head>
<body>
<!-- 2. AddChat widget -->
<div id="addchat_app"
data-baseurl="<?= url('') ?>"
data-csrfname="<?= 'X-CSRF-Token' ?>"
data-csrftoken="<?= csrf_token() ?>"
></div>
<!-- **** your site other content **** -->
<!-- 3. AddChat JS -->
<script src="<?= asset('addchat/js/addchat.min.js') ?>"></script>
</body>
{info} For Info, the
php artisan addchat:install
publishes AddChat assets to your applicationpublic
directory
This is an advanced installation method. This method will help you customizing the AddChat VueJS code. We recommend this method only if-
Unzip the addchat-laravel-pro-1.1.0.zip
file you downloaded. Then unzip the addchat-laravel-pro.zip
& addchat-vuejs-pro.zip
files and copy the addchat-laravel-pro
& addchat-vuejs-pro
folder and place it in your Laravel application root directory (near vendor folder).
Open your Laravel application composer.json
file and paste the below code in the end (right before last curly }
bracket)
"repositories": [{
"type": "path",
"url": "addchat-laravel-pro/"
}]
(once you complete, the composer.json
file will look something like this)
{
.
.
.
.
.
"repositories": [{
"type": "path",
"url": "addchat-laravel-pro/"
}]
}
Install AddChat Laravel Pro via Composer
composer require classiebit/addchat-laravel-pro
(NEW STEP) Install AddChat VueJS Pro via NPM
npm install addchat-vuejs-pro
Run AddChat install command
php artisan addchat:install
While installation, it will ask you for the license code. Enter the license code to complete the installation process.
{info} Remember, one license code is valid for one domain only. Contact support for more details.
Now, you need to import the AddChat VueJS plugin into your VueJS app.
resources/js/app.js
and import the AddChat VueJS plugin.import AddchatVuejsPro from 'addchat-vuejs-pro';
Vue.use(AddchatVuejsPro);
npm run dev
In the last step, you only need to include addchat.min.css
and VueJS widget code.
<!-- 1. Addchat css -->
<link href="<?= asset('addchat/css/addchat.min.css') ?>" rel="stylesheet">
<!-- 2. AddChat widget -->
<div id="addchat_app"
data-baseurl="<?= url('') ?>"
data-csrfname="'X-CSRF-Token'"
data-csrftoken="<?= csrf_token() ?>"
></div>
app.js
.<script src="<?= asset('js/app.js') ?>"></script>
{warning} Please replace PHP tag by curly brackets.
{success} Setup finishes here, now heads-up straight to Configurations docs
If you've purchased AddChat Laravel Pro from Codecanyon codecanyon.net
then follow these simple steps-
Purchase-code
as a License key in the AddChat Laravel Pro installer.