Файл: sngine-v2.8/Documentation/docs.html
Строк: 3667
<?php
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sngine - Documentation</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sngine is a Social Network Platform is the best way to create your own social website or online community. Launch it in just 1 minute with ultimate features. It’s fast, secured, and it will be regularly updated">
<meta name="author" content="Zamblek">
<link rel="shortcut icon" href="assets/images/favicon.png">
<meta property="og:title" content="Sngine - Documentation"/>
<meta property="og:description" content="Sngine is a Social Network Platform is the best way to create your own social website or online community. Launch it in just 1 minute with ultimate features. It’s fast, secured, and it will be regularly updated"/>
<meta property="og:site_name" content="Sngine"/>
<meta property="og:image" content="assets/images/og-image.jpg"/>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap" rel="stylesheet">
<!-- FontAwesome JS-->
<script defer src="assets/fontawesome/js/all.min.js"></script>
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/theme.css">
<style type="text/css">
span.initialism {
font-size: 100%;
text-transform: none;
color: #3367d6;
border-bottom: 1px dotted #3367d6;
}
</style>
</head>
<body class="docs-page">
<header class="header fixed-top">
<div class="branding docs-branding">
<div class="container-fluid position-relative py-2">
<div class="docs-logo-wrapper">
<button id="docs-sidebar-toggler" class="docs-sidebar-toggler docs-sidebar-visible mr-2 d-xl-none" type="button">
<span></span>
<span></span>
<span></span>
</button>
<div class="site-logo">
<a class="navbar-brand" href="index.html">
<img class="logo-icon mr-2" src="assets/images/logo.svg" alt="logo">
<span class="logo-text">Sngine<span class="text-alt">Docs</span></span>
</a>
</div>
</div>
<div class="docs-top-utilities d-flex justify-content-end align-items-center">
<ul class="social-list list-inline mx-md-3 mx-lg-5 mb-0 d-none d-lg-flex">
<li class="list-inline-item"><a target="_blank" href="https://twitter.com/ZamblekTech"><i class="fab fa-twitter fa-fw"></i></a></li>
<li class="list-inline-item"><a target="_blank" href="https://www.facebook.com/ZamblekTech"><i class="fab fa-facebook-f fa-fw"></i></a></li>
</ul>
<a target="_blank" href="https://codecanyon.net/item/sngine-v2-the-ultimate-social-network-platform/13526001?ref=Zamblek" class="btn btn-primary d-none d-lg-flex">Download</a>
</div>
</div>
</div>
</header>
<div class="docs-wrapper">
<div id="docs-sidebar" class="docs-sidebar">
<nav id="docs-nav" class="docs-nav navbar">
<ul class="section-items list-unstyled nav flex-column pb-3">
<!-- Introduction -->
<li class="nav-item section-title"><a class="nav-link scrollto active" href="#Introduction"><span class="theme-icon-holder mr-2"><i class="fas fa-map-signs"></i></span>Introduction</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#License">License</a></li>
<!-- Introduction -->
<!-- Installation -->
<li class="nav-item section-title mt-3"><a class="nav-link scrollto" href="#Installation"><span class="theme-icon-holder mr-2"><i class="fas fa-arrow-down"></i></span>Installation</a></li>
<!-- Installation -->
<!-- Social Logins -->
<li class="nav-item section-title mt-3"><a class="nav-link scrollto" href="#Social-Logins"><span class="theme-icon-holder mr-2"><i class="fab fa-facebook-f"></i></span>Social Logins</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Facebook">Facebook</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Google">Google</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Twitter">Twitter</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Linkedin">Linkedin</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Vkontakte">Vkontakte</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Instagram">Instagram</a></li>
<!-- Social Logins -->
<!-- Payments -->
<li class="nav-item section-title mt-3"><a class="nav-link scrollto" href="#Payments"><span class="theme-icon-holder mr-2"><i class="fab fa-paypal"></i></span>Payments</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#PayPal">PayPal</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Stripe">Stripe</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#CoinPayments">CoinPayments</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#TwoCheckout">2Checkout</a></li>
<!-- Payments -->
<!-- Cloud Storage -->
<li class="nav-item section-title mt-3"><a class="nav-link scrollto" href="#Cloud-Storage"><span class="theme-icon-holder mr-2"><i class="fas fa-hdd"></i></span>Cloud Storage</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Amazon-S3">Amazon S3</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#DigitalOcean">DigitalOcean Spaces</a></li>
<!-- Cloud Storage -->
<!-- SMS -->
<li class="nav-item section-title mt-3"><a class="nav-link scrollto" href="#SMS"><span class="theme-icon-holder mr-2"><i class="fas fa-sms"></i></span>SMS</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Twilio-SMS">Twilio SMS</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#BulkSMS">BulkSMS</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Infobip">Infobip</a></li>
<!-- SMS -->
<!-- Integrations -->
<li class="nav-item section-title mt-3"><a class="nav-link scrollto" href="#Integrations"><span class="theme-icon-holder mr-2"><i class="fas fa-cogs"></i></span>Integrations</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Twilio-Video-Audio-Calls">Twilio Video/Audio Calls</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#OneSignal-Push-Notifications">OneSignal Notifications</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Google-Maps">Google Maps</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Google-Vision">Google Vision</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Yandex">Yandex</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Giphy">Giphy</a></li>
<!-- Integrations -->
<!-- Mobile Apps -->
<li class="nav-item section-title mt-3"><a class="nav-link scrollto" href="#Mobile-Apps"><span class="theme-icon-holder mr-2"><i class="fas fa-tablet-alt"></i></span>Mobile Apps</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Android">Android</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#IOS">IOS</a></li>
<!-- Mobile Apps -->
<!-- FAQs -->
<li class="nav-item section-title mt-3"><a class="nav-link scrollto" href="#FAQs"><span class="theme-icon-holder mr-2"><i class="fas fa-lightbulb"></i></span>FAQs</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#General-FAQs">General</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Installations-FAQs">Installations</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#Running-FAQs">Running</a></li>
<!-- FAQs -->
</ul>
</nav>
</div>
<div class="docs-content">
<div class="container">
<!-- Introduction -->
<article class="docs-article" id="Introduction">
<header class="docs-header">
<h1 class="docs-heading">Introduction <span class="docs-time">Last updated: June 2020</span></h1>
<section class="docs-intro">
<p>
Sngine is a Social Network Platform is the best way to create your own social website or online community. Launch it in just 1 minute with ultimate features. It’s easy to install
</p>
<p>
If you have any questions that are beyond the scope of this documentation, please feel free to create a support ticket on our <a target="_blank" href="https://www.zamblek.com/support">support system</a>. Thanks so much!
</p>
</section>
</header>
<section class="docs-section" id="License">
<h2 class="section-heading">License</h2>
<p>
To install Sngine or even to open a support ticket you must know your Purchase Code of Sngine and to get your Purchase Code
</p>
<ol>
<li>Login to Codecanyon and open your downloads <a target="_blank" href="https://codecanyon.net/downloads">https://codecanyon.net/downloads</a></li>
<li>
Click on the download button of Sngine and download License certificate & purchase code You can download it as a PDF or text file
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/License-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/License-01.png" alt=""></a>
</figure>
</li>
<li>
You will find your code as the following
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/License-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/License-02.png" alt=""></a>
</figure>
</li>
</ol>
</section>
</article>
<!-- Introduction -->
<!-- Installation -->
<article class="docs-article" id="Installation">
<header class="docs-header">
<h1 class="docs-heading">Installation</h1>
<section class="docs-intro">
<p>
No coding or design skills needed.
</p>
<div class="callout-block callout-block-danger mr-1">
<div class="content">
<h4 class="callout-title">
<span class="callout-icon-holder mr-1">
<i class="fas fa-exclamation-triangle"></i>
</span>
Important
</h4>
<p>
This script requires the following system requirments to run:
<ul>
<li>
Apache Server, PHP 5.5+ and MySQL 5.0+ (Sngine also support PHP 7+ and MySQL 8+)
</li>
<li>
PHP extensions (mysqli, mbstring, curl) & PHP library (GD)
</li>
<li>
PHP funcrions (allow_url_fopen() & mail())
</li>
<li>
Apache extension (mod_rewrite)
</li>
</ul>
You can ask your hosting company support to make sure to enable them for you
</p>
</div>
</div>
<div class="callout-block callout-block-info">
<div class="content">
<h4 class="callout-title">
<span class="callout-icon-holder mr-1">
<i class="fas fa-info-circle"></i>
</span>
Note
</h4>
<p>
This script requires SSL certificate only if you will enable video/audio chat, Check the <a href="#FAQs">FAQs</a> to learn more
</p>
</div>
</div>
<div class="callout-block callout-block-success">
<div class="content">
<h4 class="callout-title">
<span class="callout-icon-holder mr-1">
<i class="fas fa-thumbs-up"></i>
</span>
Tip
</h4>
<p>
You can also run Sngine on Nginx & IIS severs with no problem, Check the <a href="#FAQs">FAQs</a> to learn more
</p>
</div>
</div>
</section>
</header>
<section class="docs-section">
<h2 class="section-heading">How to Install</h2>
<ol>
<li>Now make sure you created an empty MySQL database along with an user for it.</li>
<li>After unzip Sngine Files, you will found <span class="initialism">Script</span> Folder</li>
<li>Start your FTP client (Like Filezila which is free) and login. Login to your server. You will need your host name (often times this will be your domain name), username, and password that you setup with the hosting company.</li>
<li>Locate the domain folder you wish to upload your Sngine files to on your server. You are going to upload all files located in <span class="initialism">Script</span> Folder to your FTP client.</li>
<li>
Once the files are done uploading, you have to change chmod of <span class="initialism">content/uploads</span> folder and <span class="initialism">content/themes/default/templates_compiled</span> folder to <span class="initialism">777</span>.
</li>
<li>
Just goto your website and Sngine installer wizard will run automatically <span class="initialism">http://yourdomain.com/path_to_script</span>
</li>
<li>
In case you got the following error <span class="initialism">"wizard cannot create the config file"</span> just make sure that the <span class="initialism">includes</span> folder is writable "777" then go and empty the database then try to run the installer wizard again and after installation change it back to its normal permissions.
</li>
<li>
Sngine installer wizard is very clean, you will need to put your <span class="initialism">Purchase Code</span> at step #2 and the rest is simple just follow the video tutorial
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Install-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Install-01.png" alt=""></a>
</figure>
<br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/qDIWyMqmF4o" frameborder="0" allowfullscreen></iframe>
</li>
</ol>
That's all, Enjoy!
</section>
</article>
<!-- Installation -->
<!-- Social Logins -->
<article class="docs-article" id="Social-Logins">
<header class="docs-header">
<h1 class="docs-heading">Socail Logins</h1>
<section class="docs-intro">
<p>
Learn how to integrate Sngine with the different social login supported by Sngine like Facebook, Google, Twitter and much more.
</p>
</section>
</header>
<section class="docs-section" id="Facebook">
<h2 class="section-heading">Facebook</h2>
<p>After installing Sngine now you can in easy steps integrate Facebook with it to let your users login with their Facebook accounts</p>
<ol>
<li>
First goto: <a target="_blank" href="https://developers.facebook.com">https://developers.facebook.com</a> and Sign in with your Facebook account
</li>
<li>
Now click <span class="initialism">My Apps</span> and click <span class="initialism">Add a new App</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Facebook-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Facebook-01.png" alt=""></a>
</figure>
</li>
<li>
Fill the form and click <span class="initialism">Create App ID</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Facebook-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Facebook-02.png" alt=""></a>
</figure>
</li>
<li>
Then select the <span class="initialism">Facebook Login</span> and click <span class="initialism">Setup</span> and select Web Then enter your website URL and click Save
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Facebook-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Facebook-03.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Facebook-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Facebook-04.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Facebook-05.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Facebook-05.png" alt=""></a>
</figure>
</li>
<li>
Now go to <span class="initialism">Settings</span> and enter your domain or subdomain where you installed Sngine in the <span class="initialism">App Domains</span> Also provide <span class="initialism">Privacy Policy URL</span> and <span class="initialism">Terms of Service URL</span> you can use your Sngine static pages for these also you will need to select the app <span class="initialism">Category</span> and click <span class="initialism">Save Changes</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Facebook-06.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Facebook-06.png" alt=""></a>
</figure>
</li>
<li>
App still "In Development" mode and to make the app public, Click on the Toggle button and then <span class="initialism">Confirm</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Facebook-07.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Facebook-07.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Facebook-08.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Facebook-08.png" alt=""></a>
</figure>
</li>
<li>
Also make sure you added your website URL in <span class="initialism">Site URL</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Facebook-09.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Facebook-09.png" alt=""></a>
</figure>
</li>
<li>
<p>
Now go to <span class="initialism">Facebook Login Settings</span> and put the following URL as <span class="initialism">Valid OAuth redirect URIs</span> then click <span class="initialism">Save Changes</span>
<br>
Make sure you have enabled the <span class="initialism">Use Strict Mode for Redirect URIs</span>
</p>
<p>
If you installed Sngine in your domain directly like www.domain.com the URI should be like this:<br>
<span class="initialism">https://www.domain.com/connect/facebook</span>
</p>
<p>
If you installed Sngine in your domain directly but without <span class="initialism">www</span> like domain.com the URI should be like this:<br>
<span class="initialism">https://domain.com/connect/facebook</span>
</p>
<p>
If you installed Sngine in sub-domain like sub.domain.com the URI should be like this:<br>
<span class="initialism">https://sub.domain.com/connect/facebook</span>
</p>
<p>
If you installed Sngine in a directory like domain.com/directory the URI should be like this:<br>
<span class="initialism">https://www.domain.com/directory/connect/facebook</span>
</p>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Facebook-10.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Facebook-10.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Facebook-11.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Facebook-11.png" alt=""></a>
</figure>
</li>
<li>
Now goto to Sngine Admin Panel -> Settings -> Registration Settings -> Social Login tab and paste both keys (App ID & App Secret) as shown
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Facebook-12.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Facebook-12.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="Google">
<h2 class="section-heading">Google</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Google</span> with it to let your users login with their Google accounts
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://developers.google.com/identity/sign-in/web/sign-in">https://developers.google.com/identity/sign-in/web/sign-in</a> and Sign in with your Google account
</li>
<li>
Click <span class="initialism">Configure a project</span> and select a prjoect or Create new project
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Google-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Google-01.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Google-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Google-02.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Google-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Google-03.png" alt=""></a>
</figure>
</li>
<li>
Enter your webite link in <span class="initialism">Authorized Javascript Origin</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Google-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Google-04.png" alt=""></a>
</figure>
</li>
<li>
Copy both <span class="initialism">Client ID</span> and <span class="initialism">Client Secret</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Google-05.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Google-05.png" alt=""></a>
</figure>
</li>
<li>
Now go to <a target="_blank" href="https://console.developers.google.com/apis/dashboard">https://console.developers.google.com/apis/dashboard</a> and select your project and click on <span class="initialism">Credentials</span> and click Edit
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Google-06.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Google-06.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Google-07.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Google-07.png" alt=""></a>
</figure>
</li>
<li>
<p>
Provide this URI as the <span class="initialism">Callback URL</span> for your application as following:
</p>
<p>
If you installed Sngine in your domain directly like domain.com the URI should be like this:<br>
<span class="initialism">https://www.domain.com/connect/google</span>
</p>
<p>
If you installed Sngine in your domain directly but without <span class="initialism">www</span> like domain.com the URI should be like this:<br>
<span class="initialism">https://domain.com/connect/google</span>
</p>
<p>
If you installed Sngine in sub-domain like sub.domain.com the URI should be like this:<br>
<span class="initialism">https://sub.domain.com/connect/google</span>
</p>
<p>
If you installed Sngine in a directory like domain.com/directory the URI should be like this:<br>
<span class="initialism">https://www.domain.com/directory/connect/google</span>
</p>
</li>
<li>
Now goto to Sngine Admin Panel -> Settings -> Registration Settings -> Social Login tab and paste both keys as shown
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Google-08.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Google-08.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="Twitter">
<h2 class="section-heading">Twitter</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Twitter</span> with it to let your users login with their Twitter accounts
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://developer.twitter.com">https://developer.twitter.com</a> and Sign in with your Twitter account
</li>
<li>
Click <span class="initialism">Create an app</span> and fill the form
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twitter-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twitter-01.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twitter-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twitter-02.png" alt=""></a>
</figure>
</li>
<li>
<p>
Provide this URI as the <span class="initialism">Callback URL</span> for your application as following:
</p>
<p>
If you installed Sngine in your domain directly like domain.com the URI should be like this:<br>
<span class="initialism">https://www.domain.com/connect/twitter</span>
</p>
<p>
If you installed Sngine in your domain directly but without <span class="initialism">www</span> like domain.com the URI should be like this:<br>
<span class="initialism">https://domain.com/connect/twitter</span>
</p>
<p>
If you installed Sngine in sub-domain like sub.domain.com the URI should be like this:<br>
<span class="initialism">https://sub.domain.com/connect/twitter</span>
</p>
<p>
If you installed Sngine in a directory like domain.com/directory the URI should be like this:<br>
<span class="initialism">https://www.domain.com/directory/connect/twitter</span>
</p>
</li>
<li>
Now back to your app page and open <span class="initialism">Keys and tokens</span> tab to copy both <span class="initialism">(API key)</span> and <span class="initialism">(API secret key)</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twitter-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twitter-03.png" alt=""></a>
</figure>
</li>
<li>
Now goto to Sngine Admin Panel -> Settings -> Registration Settings -> Social Login tab and paste both keys as shown
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twitter-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twitter-04.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="Linkedin">
<h2 class="section-heading">Linkedin</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Linkedin</span> with it to let your users login with their Linkedin accounts
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://www.linkedin.com/developer/apps">https://www.linkedin.com/developer/apps</a> and Sign in with your Linkedin account
</li>
<li>
Click <span class="initialism">Create Application</span> and fill the form
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Linkedin-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Linkedin-01.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Linkedin-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Linkedin-02.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Linkedin-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Linkedin-03.png" alt=""></a>
</figure>
</li>
<li>
<p>
Now back to your Authentication and Provide this URI as the OAuth 2.0 <span class="initialism">Redirect URIs</span> for your application as following:
</p>
<p>
If you installed Sngine in your domain directly like domain.com the URI should be like this:<br>
<span class="initialism">https://www.domain.com/connect/linkedin</span>
</p>
<p>
If you installed Sngine in your domain directly but without <span class="initialism">www</span> like domain.com the URI should be like this:<br>
<span class="initialism">https://domain.com/connect/linkedin</span>
</p>
<p>
If you installed Sngine in sub-domain like sub.domain.com the URI should be like this:<br>
<span class="initialism">https://sub.domain.com/connect/linkedin</span>
</p>
<p>
If you installed Sngine in a directory like domain.com/directory the URI should be like this:<br>
<span class="initialism">https://www.domain.com/directory/connect/linkedin</span>
</p>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Linkedin-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Linkedin-04.png" alt=""></a>
</figure>
</li>
<li>
Go to Products tab to see if you got login product approved or not yet
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Linkedin-05.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Linkedin-05.png" alt=""></a>
</figure>
</li>
<li>
If your app got approved Now goto to Sngine Admin Panel -> Settings -> Registration Settings -> Social Login tab and paste both keys as shown
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Linkedin-06.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Linkedin-06.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="Vkontakte">
<h2 class="section-heading">Vkontakte</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Vkontakte</span> with it to let your users login with their Vkontakte accounts
</p>
<ol>
<li>
First goto: <a target="_blank" href="http://vk.com/dev">http://vk.com/dev</a> and Sign in with your Vkontakte account
</li>
<li>
Click <span class="initialism">Create an Application</span> and fill the form
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/vk-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/vk-01.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/vk-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/vk-02.png" alt=""></a>
</figure>
</li>
<li>
<p>
Now back to your Settings page and enter your domain name as <span class="initialism">base domain</span> & Provide this URI as the OAuth 2.0 <span class="initialism">Redirect URIs</span> for your application as following:
</p>
<p>
If you installed Sngine in your domain directly like domain.com the URI should be like this:<br>
<span class="initialism">https://www.domain.com/connect/vkontakte</span>
</p>
<p>
If you installed Sngine in your domain directly but without <span class="initialism">www</span> like domain.com the URI should be like this:<br>
<span class="initialism">https://domain.com/connect/vkontakte</span>
</p>
<p>
If you installed Sngine in sub-domain like sub.domain.com the URI should be like this:<br>
<span class="initialism">https://sub.domain.com/connect/vkontakte</span>
</p>
<p>
If you installed Sngine in a directory like domain.com/directory the URI should be like this:<br>
<span class="initialism">https://www.domain.com/directory/connect/vkontakte</span>
</p>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/vk-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/vk-03.png" alt=""></a>
</figure>
</li>
<li>
Now copy both <span class="initialism">Application ID</span> and <span class="initialism">Secure key</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/vk-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/vk-04.png" alt=""></a>
</figure>
</li>
<li>
Now goto to Sngine Admin Panel -> Settings -> Registration Settings -> Social Login tab and paste both keys as shown
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/vk-05.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/vk-05.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="Instagram">
<h2 class="section-heading">Instagram</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Instagram</span> with it to let your users login with their Instagram accounts
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://www.instagram.com/developer/register/">https://www.instagram.com/developer/register/</a> and Sign in with your Instagram account
</li>
<li>
Click <span class="initialism">Register Your Application</span> then <span class="initialism">Register a New Client</span> and fill the form
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Instagram-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Instagram-01.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Instagram-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Instagram-02.png" alt=""></a>
</figure>
</li>
<li>
<p>
Provide this URI as the <span class="initialism">Valid redirect URLs</span> for your application as following:
</p>
<p>
If you installed Sngine in your domain directly like domain.com the URI should be like this:<br>
<span class="initialism">https://www.domain.com/connect/instagram</span><br>
</p>
<p>
If you installed Sngine in your domain directly but without <span class="initialism">www</span> like domain.com the URI should be like this:<br>
<span class="initialism">https://domain.com/connect/instagram</span>
</p>
<p>
If you installed Sngine in sub-domain like sub.domain.com the URI should be like this:<br>
<span class="initialism">https://sub.domain.com/connect/instagram</span><br>
</p>
<p>
If you installed Sngine in a directory like domain.com/directory the URI should be like this:<br>
<span class="initialism">https://www.domain.com/directory/connect/instagram</span><br>
</p>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Instagram-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Instagram-03.png" alt=""></a>
</figure>
</li>
<li>
Now follow the following steps to get the right permission for your App
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Instagram-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Instagram-04.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Instagram-05.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Instagram-05.png" alt=""></a>
</figure>
</li>
<li>
Now fill the following form and submit
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Instagram-06.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Instagram-06.png" alt=""></a>
</figure>
</li>
<li>
Instagram team will review your request and after your app get the approved and now in the Live mode not Sandbox
</li>
<li>
Now goto to Sngine Admin Panel -> Settings -> Registration Settings -> Social Login tab and paste both keys as shown
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Instagram-07.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Instagram-07.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
</article>
<!-- Social Logins -->
<!-- Payments -->
<article class="docs-article" id="Payments">
<header class="docs-header">
<h1 class="docs-heading">Payments</h1>
<section class="docs-intro">
<p>
Learn how to integrate Sngine with the different payments supported by Sngine like PayPal, Stripe, CoinPayments and 2Checkout.
</p>
</section>
</header>
<section class="docs-section" id="PayPal">
<h2 class="section-heading">PayPal</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">PayPal</span> with it to let your users use it
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://developer.paypal.com/developer/applications/">https://developer.paypal.com/developer/applications/</a> and Sign in with your PayPal account
</li>
<li>
Now under <span class="initialism">Sandbox</span> click <span class="initialism">Accounts</span> then click on <span class="initialism">Create Account</span> button and fill the form
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Paypal-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Paypal-01.png" alt=""></a>
</figure>
</li>
<li>
Then <span class="initialism">Create Personal (Buyer Account)</span> and fill the form
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Paypal-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Paypal-02.png" alt=""></a>
</figure>
</li>
<li>
Both accounts will be linked with your new PayPal app for SandBox Mode
</li>
<li>
Now click <span class="initialism">My Apps & Credentials</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Paypal-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Paypal-03.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Paypal-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Paypal-04.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Paypal-05.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Paypal-05.png" alt=""></a>
</figure>
</li>
<li>
Now if you will use PayPal in SandBox (Test) Mode Copy <span class="initialism">Client ID</span> and <span class="initialism">Secret</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Paypal-06.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Paypal-06.png" alt=""></a>
</figure>
</li>
<li>
For Live Mode Copy <span class="initialism">Client ID</span> and <span class="initialism">Secret</span> from Live Tab
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Paypal-07.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Paypal-07.png" alt=""></a>
</figure>
</li>
<li>
Now goto to your Sngine Admin panel -> Settings -> Payments Settings and paste both <span class="initialism">Client ID</span> and <span class="initialism">Secret</span> and select the mode you want Test or Live
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Paypal-08.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Paypal-08.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="Stripe">
<h2 class="section-heading">Stripe</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Stripe</span> with it to let your users use it
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://dashboard.stripe.com/">https://dashboard.stripe.com/</a> and Sign in with your Stripe account
</li>
<li>
Now click <span class="initialism">Developers</span> -> <span class="initialism">API Keys</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Stripe-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Stripe-01.png" alt=""></a>
</figure>
</li>
<li>
Copy <span class="initialism">API Keys</span> then goto to your Sngine Admin panel -> Settings -> Payments Settings and paste all and select the mode you want Test or Live
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Stripe-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Stripe-02.png" alt=""></a>
</figure>
</li>
<li>
For Live you will need to activate your account first
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Stripe-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Stripe-03.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="CoinPayments">
<h2 class="section-heading">CoinPayments</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">CoinPayments</span> with it to let your users use it
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://www.coinpayments.net/">https://www.coinpayments.net/</a> and Sign in with your CoinPayments account
</li>
<li>
Now click <span class="initialism">Account</span> -> <span class="initialism">Account Settings</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Coin-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Coin-01.png" alt=""></a>
</figure>
</li>
<li>
Click on <span class="initialism">Merchant Settings</span> tab and enter <span class="initialism">IPN Secert</span> You can enter any string you want but try to make it difficult like a password
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Coin-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Coin-02.png" alt=""></a>
</figure>
</li>
<li>
Now Click on <span class="initialism">Basic Settings</span> tab and copy your <span class="initialism">Merchant ID</span> then goto to your Sngine Admin panel -> Settings -> Payments Settings and paste both Merchant ID and IPN Secret and enable the CoinPayments and click Save
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Coin-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Coin-03.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Coin-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Coin-04.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="TwoCheckout">
<h2 class="section-heading">2Checkout</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">2Checkout</span> with it to let your users use it
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://secure.2checkout.com/cpanel/">https://secure.2checkout.com/cpanel/</a> and Sign in with your 2Checkout live account or create a new one
<div class="callout-block callout-block-info">
<div class="content">
<h4 class="callout-title">
<span class="callout-icon-holder mr-1">
<i class="fas fa-info-circle"></i>
</span>
Note
</h4>
<p>
Your 2Checkout live account need to be activated to start using the live mode
</p>
</div>
</div>
</li>
<li>
Now click <span class="initialism">Integrations</span> and from API sections you will copy both APIs Keys and Merchant Code
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/2Checkout-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/2Checkout-01.png" alt=""></a>
</figure>
</li>
<li>
Now goto to your Sngine Admin panel -> Settings -> Payments Settings and paste both APIs Keys and Merchant Code and enable the 2Checkout on Live mode and click Save
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/2Checkout-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/2Checkout-02.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
</article>
<!-- Payments -->
<!-- Cloud Storage -->
<article class="docs-article" id="Cloud-Storage">
<header class="docs-header">
<h1 class="docs-heading">Cloud Storage</h1>
<section class="docs-intro">
<p>
Learn how to integrate Sngine with the different cloud storage providers supported by Sngine like AWS S3, DigitalOcean and Remote FTP.
</p>
</section>
</header>
<section class="docs-section" id="Amazon-S3">
<h2 class="section-heading">Amazon S3</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Amazon S3</span> with it to let your users use it
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://console.aws.amazon.com/console/home">https://console.aws.amazon.com/console/home</a> and Sign in with your Amazon account
</li>
<li>
Now click <span class="initialism">Services</span> And Select <span class="initialism">IAM</span> under <span class="initialism">Security, Identity & Compliance</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-01.png" alt=""></a>
</figure>
</li>
<li>
After complete setup the <span class="initialism">IAM</span> Service, Now click <span class="initialism">Delete your root access keys</span> tab then <span class="initialism">Manage Security Credentials</span> button
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-02.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-03.png" alt=""></a>
</figure>
Now click <span class="initialism">Access keys (access key ID and secret access key)</span> tab then <span class="initialism">Create New Access Key</span> button
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-04.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-05.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-05.png" alt=""></a>
</figure>
</li>
<li>
Now click <span class="initialism">Services</span> And Select <span class="initialism">S3</span> under <span class="initialism">Storage</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-06.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-06.png" alt=""></a>
</figure>
</li>
<li>
Now click <span class="initialism">Create bucket</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-07.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-07.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-08.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-08.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-09.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-09.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-10.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-10.png" alt=""></a>
</figure>
</li>
<li>
Now Make sure you have gave public access to your bucket
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-11.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-11.png" alt=""></a>
</figure>
</li>
<li>
Also make sure you configered the <span class="initialism">CORS configuration</span> by adding this XML code
<div class="docs-code-block">
<pre class="shadow-lg rounded">
<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>Authorization</AllowedHeader>
</CORSRule>
</CORSConfiguration>
</pre>
</div>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-12.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-12.png" alt=""></a>
</figure>
</li>
<li>
Also make sure you added the <span class="initialism">Bucket Policy</span> by adding this code in Bucket Policy, You’ll need to replace “YOUR-BUCKET-NAME” with your full bucket name
<div class="docs-code-block">
<pre class="shadow-lg rounded">
{"Version": "2008-10-17",
"Statement": [{"Sid": "AllowPublicRead",
"Effect": "Allow",
"Principal": {
"AWS": "*"
},
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::YOUR-BUCKET-NAME/*"
}]}
</pre>
</div>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-13.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-13.png" alt=""></a>
</figure>
</li>
<li>
Now goto to your Sngine Admin panel -> Settings -> Upload Settings and paste both Keys
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Amazon-14.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Amazon-14.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="DigitalOcean">
<h2 class="section-heading">DigitalOcean Spaces</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">DigitalOcean Spaces</span> with it to let your users use it
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://cloud.digitalocean.com">https://cloud.digitalocean.com</a> and Sign in with your DigitalOcean account
</li>
<li>
Now click <span class="initialism">Spaces</span> And Click <span class="initialism">Create a Space</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/DigitalOcean-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/DigitalOcean-01.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/DigitalOcean-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/DigitalOcean-02.png" alt=""></a>
</figure>
</li>
<li>
Now make sure from space settings page that Everyone can list the space files
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/DigitalOcean-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/DigitalOcean-03.png" alt=""></a>
</figure>
</li>
<li>
Now click <span class="initialism">API</span> And Click <span class="initialism">Generate New Key</span> and copy both <span class="initialism">Key</span> & <span class="initialism">Secret</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/DigitalOcean-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/DigitalOcean-04.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/DigitalOcean-05.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/DigitalOcean-05.png" alt=""></a>
</figure>
</li>
<li>
Now goto to your Sngine Admin panel -> Settings -> Upload Settings and paste both Keys and your space name and location and after click <span class="initialism">Save Changes</span> click <span class="initialism">Test Connection</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/DigitalOcean-06.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/DigitalOcean-06.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
</article>
<!-- Cloud Storage -->
<!-- SMS -->
<article class="docs-article" id="SMS">
<header class="docs-header">
<h1 class="docs-heading">SMS</h1>
<section class="docs-intro">
<p>
Learn how to integrate Sngine with the different SMS providers supported by Sngine like Twilio SMS, BulkSMS and Infobip.
</p>
</section>
</header>
<section class="docs-section" id="Twilio-SMS">
<h2 class="section-heading">Twilio SMS</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Twilio SMS</span> with it to use SMS it for account activation and for the two-way verification
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://www.twilio.com/console">https://www.twilio.com/console</a> and Sign in with your Twilio account
</li>
<li>
Now copy both <span class="initialism">ACCOUNT SID</span> and <span class="initialism">AUTH TOKEN</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-01.png" alt=""></a>
</figure>
</li>
<li>
Now Select <span class="initialism">Programmable SMS</span> and Create new service
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-02.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-03.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-04.png" alt=""></a>
</figure>
</li>
<li>
Now goto to <span class="initialism">Numbers</span> and <span class="initialism">Buy a Number</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-05.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-05.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-06.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-06.png" alt=""></a>
</figure>
</li>
<li>
Now goto to <span class="initialism">Phone Numbers</span> service and copy your number with no spaces or dashes like this +123456789
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-07.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-07.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-08.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-08.png" alt=""></a>
</figure>
</li>
<li>
Now goto to Sngine Admin Panel -> Settings -> SMS Settings and paste both keys and phone number as shown also you can add your own number to test your settings (Save First before Testing)
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-09.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-09.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="BulkSMS">
<h2 class="section-heading">BulkSMS</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">BulkSMS</span> with it to use SMS it for account activation and for the two-way verification
</p>
<ol>
<li>
First you need to create your account on <a target="_blank" href="https://www.bulksms.com/">https://www.bulksms.com/</a>
</li>
<li>
You can buy Sender ID if you want to be the name of your website
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Bulksms-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Bulksms-01.png" alt=""></a>
</figure>
</li>
<li>
Now goto to your Sngine Admin panel -> Settings -> SMS Settings and open your settings page and paste your account username and password
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Bulksms-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Bulksms-02.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="Infobip">
<h2 class="section-heading">Infobip</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Infobip</span> with it to use SMS it for account activation and for the two-way verification
</p>
<ol>
<li>
First you need to create your account on <a target="_blank" href="https://www.infobip.com/">https://www.infobip.com/</a>
</li>
<li>
Now goto to your Sngine Admin panel -> Settings -> SMS Settings and open your settings page and paste your account username and password
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Infobip-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Infobip-01.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
</article>
<!-- SMS -->
<!-- Integrations -->
<article class="docs-article" id="Integrations">
<header class="docs-header">
<h1 class="docs-heading">Integrations</h1>
<section class="docs-intro">
<p>
Learn how to integrate Sngine with the different services like Twilio Video/Audio Calls, Google Maps, Yandex, and Giphy.
</p>
</section>
</header>
<section class="docs-section" id="Twilio-Video-Audio-Calls">
<h2 class="section-heading">Twilio Video/Audio Calls</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Twilio Video/Audio Calls</span> with it to let your users use it
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://www.twilio.com/console">https://www.twilio.com/console</a> and Sign in with your Twilio account
</li>
<li>
Now copy <span class="initialism">ACCOUNT SID</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-Calls-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-Calls-01.png" alt=""></a>
</figure>
</li>
<li>
Now Select <span class="initialism">Programmable Video</span> then select <span class="initialism">Tools</span> -> <span class="initialism">API Keys</span> and click <span class="initialism">Create new API Key</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-Calls-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-Calls-02.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-Calls-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-Calls-03.png" alt=""></a>
</figure>
</li>
<li>
After added your API name and click <span class="initialism">Create new API Key</span> You will get your <span class="initialism">API SID</span> and <span class="initialism">API SECRET</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-Calls-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-Calls-04.png" alt=""></a>
</figure>
</li>
<li>
Copy both and Now goto to Sngine Admin Panel -> Settings -> Chat Settings and paste <span class="initialism">ACCOUNT SID</span> and <span class="initialism">API SID</span> and <span class="initialism">API SECRET</span> as shown
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Twilio-Calls-05.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Twilio-Calls-05.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="OneSignal-Push-Notifications">
<h2 class="section-heading">OneSignal Push Notifications</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">OneSignal Push Notifications</span> with it to allow push notifications feature
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://app.onesignal.com/">https://app.onesignal.com/</a> and Sign in with your account or Sign up a new one.
</li>
<li>
Now you need to add new <span class="initialism">APP/WEBSITE</span>
</li>
<li>
Now Enter your webiste or app name then Select <span class="initialism">Web Push</span> then click <span class="initialism">Next: Configure Your Platform</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/OneSigna-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/OneSignal-01.png" alt=""></a>
</figure>
</li>
<li>
Now Select <span class="initialism">Custom Code</span> and Enter your website data and then click <span class="initialism">Save</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/OneSigna-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/OneSignal-02.png" alt=""></a>
</figure>
</li>
<li>
Copy both <span class="initialism">APP ID</span> and <span class="initialism">REST API KEY</span> Then goto to Sngine Admin Panel -> Settings -> Notifications Settings and paste both as shown
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/OneSigna-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/OneSignal-03.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/OneSigna-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/OneSignal-04.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="Google-Maps">
<h2 class="section-heading">Google Maps</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Google Map API</span> with it to let your users use it
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://cloud.google.com/console/google/maps-apis/overview">https://cloud.google.com/console/google/maps-apis/overview</a> and Sign in with your Google account
</li>
<li>
Now Create new project or select your project if you have one already and click menu button click <span class="initialism">APIs & Services > Credentials</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/GMap-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/GMap-01.png" alt=""></a>
</figure>
</li>
<li>
Now You copy your already created API key or you can create new one
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/GMap-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/GMap-02.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/GMap-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/GMap-03.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/GMap-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/GMap-04.png" alt=""></a>
</figure>
</li>
<li>
From API Console make sure you have the following APIs enabled from your project Dashboard
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/GMap-05.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/GMap-05.png" alt=""></a>
</figure>
</li>
<li>
If not enabled you can click on <span class="initialism">API Library</span> and search for them then enable them
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/GMap-06.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/GMap-06.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/GMap-07.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/GMap-07.png" alt=""></a>
</figure>
</li>
<li>
Now goto to your Sngine Admin panel -> Settings -> Post Settings and open your settings page and paste this key
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/GMap-08.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/GMap-08.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="Google-Vision">
<h2 class="section-heading">Google Vision</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Google Vision API</span> with it to use the adult image detection feature
</p>
<ol>
<li>
First you must have a project on Google developers and you can check how to do it from here: <a class="scrollto" href="#Google">Google</a>.
</li>
<li>
Now goto: <a target="_blank" href="https://console.developers.google.com/apis/dashboard">https://console.developers.google.com/apis/dashboard</a> and Sign in with your Google account
</li>
<li>
Now click <span class="initialism">library</span> and search for <span class="initialism">Vision</span> and then make sure it's enabled
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/GVision-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/GVision-01.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/GVision-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/GVision-02.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/GVision-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/GVision-03.png" alt=""></a>
</figure>
</li>
<li>
Now you can get the API key from <span class="initialism">Credentials</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/GVision-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/GVision-04.png" alt=""></a>
</figure>
<br>
</li>
<li>
Now goto to your Sngine Admin panel -> Settings -> Uploads Settings and paste this key
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/GVision-05.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/GVision-05.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="Yandex">
<h2 class="section-heading">Yandex</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Yandex</span> with it to let your users translate posts
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://translate.yandex.com/developers/keys">https://translate.yandex.com/developers/keys</a> and Sign in with your Yandex account
</li>
<li>
Now click <span class="initialism">Create a new key</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Yandex-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Yandex-01.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Yandex-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Yandex-02.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Yandex-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Yandex-03.png" alt=""></a>
</figure>
</li>
<li>
Now goto to your Sngine Admin panel -> Settings -> Post Settings and open your settings page and paste this key
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Yandex-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Yandex-04.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="Giphy">
<h2 class="section-heading">Giphy</h2>
<p>
After installing Sngine now you can in easy steps integrate <span class="initialism">Giphy</span> with it to let your users search GIFs from Giphy
</p>
<ol>
<li>
First goto: <a target="_blank" href="https://developers.giphy.com/">https://developers.giphy.com/</a> and Sign in with your Giphy account
</li>
<li>
Now click <span class="initialism">Create an App</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Giphy-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Giphy-01.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Giphy-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Giphy-02.png" alt=""></a>
</figure>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Giphy-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Giphy-03.png" alt=""></a>
</figure>
</li>
<li>
Now goto to your Sngine Admin panel -> Settings -> Post Settings and open your settings page and paste this key
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Giphy-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Giphy-04.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
</article>
<!-- Integrations -->
<!-- Mobile Apps -->
<article class="docs-article" id="Mobile-Apps">
<header class="docs-header">
<h1 class="docs-heading">Mobile</h1>
<section class="docs-intro">
<p>
Learn how to customize the web-view apps that come with Sngine by default for Android and IOS.
</p>
</section>
</header>
<section class="docs-section" id="Android">
<h2 class="section-heading">Android App</h2>
<ol>
<li>
Import your APP into Android Studio (Make sure you have latest Android Studio v3.4.1+)
</li>
<li>
Change App Name - Open "AndriodSngineappsrcmainresvaluesstrings.xml"
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Android-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Android-01.png" alt=""></a>
</figure>
</li>
<li>
Change your website link from "AndriodSngineappsrcmainjavasngineappwebviewSngineConfig.java"
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Android-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Android-02.png" alt=""></a>
</figure>
</li>
<li>
Change App Icon from "AndriodSngineappsrcmainresraw" and "AndriodSngineappsrcmainresmipmap-*"
</li>
<li>
To change package name from <span class="initialism">"sngine.app.webview"</span> go to "AndriodSngineappsrcmainAndroidManifest.xml" and set the cursor on <span class="initialism">sngine</span> press <kbd>Shift+F6</kbd> and Rename Package to whatever you want
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Android-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Android-03.png" alt=""></a>
</figure>
</li>
<li>
To change your applicationId from <span class="initialism">"sngine.app.webview"</span> go to "AndriodSngineappbuild.gradle"
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Android-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Android-04.png" alt=""></a>
</figure>
</li>
<li>
To change your App Splash Screens <span class="initialism">"res/layouts"</span>
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/Android-05.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/Android-05.png" alt=""></a>
</figure>
</li>
<li>
Export your APK
</li>
</ol>
That's all, Enjoy!
</section>
<section class="docs-section" id="IOS">
<h2 class="section-heading">IOS App</h2>
<ol>
<li>
Import your APP into XCode
</li>
<li>
Change your website link
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/IOS-01.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/IOS-01.png" alt=""></a>
</figure>
</li>
<li>
Change your App name
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/IOS-02.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/IOS-02.png" alt=""></a>
</figure>
</li>
<li>
Change your App icons
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/IOS-03.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/IOS-03.png" alt=""></a>
</figure>
</li>
<li>
Change your App Splash Screens
<br>
<figure class="figure docs-figure py-3">
<a href="assets/screenshots/IOS-04.png" data-title="" data-toggle="lightbox"><img class="figure-img img-fluid shadow rounded" src="assets/screenshots/IOS-04.png" alt=""></a>
</figure>
</li>
</ol>
That's all, Enjoy!
</section>
</article>
<!-- Mobile Apps -->
<!-- FAQs -->
<article class="docs-article" id="FAQs">
<header class="docs-header">
<h1 class="docs-heading">FAQs</h1>
<p>
Explore answers for the frequently asked questions related to how to install and run Sngine.
</p>
</header>
<section class="docs-section" id="General-FAQs">
<h2 class="section-heading">General</h2>
<h5 class="pt-3"><i class="fas fa-question-circle mr-1"></i> What PHP framework Sngine is built on?</h5>
<p>
We don’t use any frameworks, Sngine is full pure PHP code.
</p>
<h5 class="pt-3"><i class="fas fa-question-circle mr-1"></i>What is best hosting for Sngine?</h5>
<p>
You can check our blog post to learn more:
<br>
<a target="_blank" href="https://blog.sngine.com/best-hosting-for-sngine/">https://blog.sngine.com/best-hosting-for-sngine/</a>
</p>
<h5 class="pt-3"><i class="fas fa-question-circle mr-1"></i>Can I run Sngine in more than one domain?</h5>
<p>
No, You can't run Sngine at 2+ end-products at the same time with same purchase code even for testing or development (domain.com, sub.domian.com, domain.com/dir are 3 differnt end-products), However you can install and run Sngine on your localhost along side with your live server with no probelm. For more info check the Envato license policy
<br>
<a target="_blank" href="https://codecanyon.net/licenses/standard">https://codecanyon.net/licenses/standard</a>
</p>
<h5 class="pt-3"><i class="fas fa-question-circle mr-1"></i>When is the next update coming up? what are the new features?</h5>
<p>
When we have something to announce we will announce about as usual also there is no specified date for every new update, We really encourage you to join Sngine group on Facebook to see more discussion about what's coming next:
<br>
<a target="_blank" href="https://www.facebook.com/groups/sngine">https://www.facebook.com/groups/sngine</a>
</p>
<h5 class="pt-3"><i class="fas fa-question-circle mr-1"></i>Can support team install/update Sngine or Build the apps for me?</h5>
<p>
No support not include any customization or installation service for building apps for your, Kindly check Envato item support policy:
<br>
<a target="_blank" href="https://codecanyon.net/page/item_support_policy">https://codecanyon.net/page/item_support_policy</a>
</p>
<h5 class="pt-3"><i class="fas fa-question-circle mr-1"></i>Can support team install/update Sngine as freelance work?</h5>
<p>
Yes we provide installation and update service as a freelance work, For any Freelance work you can contact our development team from the contact form:
<br>
<a target="_blank" href="https://codecanyon.net/user/zamblek#contact">https://codecanyon.net/user/zamblek#contact</a>
</p>
</section>
<section class="docs-section" id="Installations-FAQs">
<h2 class="section-heading">Installations</h2>
<h5 class="pt-3"><i class="fas fa-question-circle mr-1"></i>I have 404 error and links not working! Why?</h5>
<p>
Simply you forgot to upload the .htaccess file, Check this tutorail to learn more about this:
<br>
<a target="_blank" href="https://blog.sngine.com/links-not-working-in-sngine-why">https://blog.sngine.com/links-not-working-in-sngine-why</a>
</p>
<h5 class="pt-3"><i class="fas fa-question-circle mr-1"></i>I got this error during the installation "wizard cannot create the config file" How to fix it?</h5>
<p>
Just make sure that the includes folder is writable "777" then go and empty the database (remove any table from it) then try to run the installer wizard again and after installation change it back to its normal permissions.
</p>
</section>
<section class="docs-section" id="Running-FAQs">
<h2 class="section-heading">Running</h2>
<h5 class="pt-3"><i class="fas fa-question-circle mr-1"></i>How to run Sngine on HTTPS?</h5>
<p>
Simply you will edit the config file, Check this tutorail to learn how to do it:
<br>
<a target="_blank" href="https://blog.sngine.com/how-to-run-sngine-on-https">https://blog.sngine.com/how-to-run-sngine-on-https</a>
</p>
<h5 class="pt-3"><i class="fas fa-question-circle mr-1"></i>I can't find any sitemap with Sngine! Where is it?</h5>
<p>
There is no sitemap comes with Sngine as there is no need for it, Check this link to learn more about this:
<br>
<a target="_blank" href="https://blog.sngine.com/sngine-sitemap/">https://blog.sngine.com/sngine-sitemap/</a>
</p>
<h5 class="pt-3"><i class="fas fa-question-circle mr-1"></i>How to use SMTP for emails with Sngine?</h5>
<p>
You can use SMTP with Sngine and to learn how to do it check this tutorial:
<br>
<a target="_blank" href="https://blog.sngine.com/smtp-email-settings-in-sngine/">https://blog.sngine.com/smtp-email-settings-in-sngine/</a>
</p>
</section>
</article>
<!-- FAQs -->
<footer class="footer">
<div class="container text-center py-5">
<small class="copyright">Developed with <i class="fas fa-heart" style="color: #fb866a;"></i> by <a class="theme-link" href="https://www.zamblek.com" target="_blank">Zamblek</a> for developers</small>
<ul class="social-list list-unstyled pt-4 mb-0">
<li class="list-inline-item"><a target="_blank" href="https://twitter.com/ZamblekTech"><i class="fab fa-twitter fa-fw"></i></a></li>
<li class="list-inline-item"><a target="_blank" href="https://www.facebook.com/ZamblekTech"><i class="fab fa-facebook-f fa-fw"></i></a></li>
</ul>
</div>
</footer>
</div>
</div>
</div>
<!-- Javascript -->
<script src="assets/plugins/jquery-3.4.1.min.js"></script>
<script src="assets/plugins/popper.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- Page Specific JS -->
<script src="assets/plugins/jquery.scrollTo.min.js"></script>
<script src="assets/plugins/lightbox/dist/ekko-lightbox.min.js"></script>
<script src="assets/js/docs.js"></script>
</body>
</html>
?>