Ecommerce How To
Ecommerce How To
Documentation
Author : Active IT zone
Software Framework : Laravel
Provided by : codecanyon
2020 © All Rights Reserved @ ACTIVE IT ZONE
Documentation
For online details documentation Click Here
1. How to install the script?
2. How to activate the script?
3. How to purchase a product?
4. How to setup Homepage?
5. How to set business settings?
6. How to upload products by admin?
7. How to upload products by the seller?
8. How to create a flash deal?
9. How to manage Order?
10. How to manage sellers?
11. How to see customers info?
12. How to send a newsletter?
13. How to configure payment methods?
14. How to configure the SMTP system?
15. How to Configure Facebook login API?
16. How to configure google plus login API?
17. How to configure twitter login API?
18. How to setup currency?
19. How to setup language?
20. How to manage policy pages?
21. How to manage general settings?
22. How to manage Staff panel?
23. How to update to the latest version?
24. How to manage shipping for products?
25. How to manage wallet
26. How to configure Facebook Chat?
27. How to create a coupon?
28. How to use coupons?
29. How to request money withdraw as a seller?
30. How to pay for seller withdrawal requests as a seller?
31. How to add a new currency?
32. How to enable maintenance mode?
33. How to create a pickup point?
34. How to configure Facebook pixel?
35. How does customer chat with a seller work?
36. How to add Attribute for the system?
37. How does attribute work?
38. What is the new advanced filter option?
39. How to Upload Bulk Product From the admin panel?
40. How to upload bulk products from the seller panel?
41. How to translate using Google translate?
42. How to use Classified Products?
43. How to download the latest version?
44. How to Upgrade the latest version?
How to in Details
1. How to install the script?
Ans : To install the script follow the steps below.
○ Extract downloaded from codecanyon on your PC.
○ Upload the Install.zip file to your server p
ublic_html or any other d
irectory you intend to run the
script.
○ Extract the zip file in that directory.
○ Create a new database from your server MySQL database.
○ Create a db user to the database and link that d
atabase to the db user.
○ First hit your s
ite url and it will automatically take you to the installation.
○ Click on Start Installation Process.
○ You will get the Checking File Permission page. If everything is ok then click on Go to next step.
○ Now you need to set Database Host, Database Name, Database Username, Database Password
and click Continue.
○ Now you need to i mport sql file.
○ Now f ill up the information of the shop and click C
ontinue.
○ Click on Go to Home/ Login to the admin panel.
○
2. How to activate the script?
Ans : Following the given procedure below will make the license activated for your domain and you’ll be
able to use the script smoothly:
○ Open the link in the browser.
○ In the respective fields, put your Name, E-mail, C
odeCanyon Username, P
urchase Key and your
intended domain name for the script and verify the captcha.
○ The form will be submitted to check the purchase key and then activate the licence for that
domain.
○ You can change the activation later from this same form. Activating a Regular License again
with another domain name will remove the activation of the previous domain.
3. How to purchase products?
Ans : There are 2 ways to purchase any products. You can purchase any product by clicking on the
“cart” icon on the product box or you can open the product in a new tab.
○ Direct purchase without entering product details page
○ Select “cart” icon.
○ A pop-up will appear with a quick view of the products.
○ Select options(if available) & quantity.
○ Click on “add to cart”.
○ A pop-up will appear with 2 buttons “Back to shopping” & “proceed to checkout ” and select
“proceed to checkout”.
○ Your cart page will be available with summary. Click “Continue to shipping”
○ If you are a registered user then name & email address will be available there.Insert a
ddress,
address, c
ity, postal code & phone number and click “continue to payment”.
○ Select of the given payment gateway paypal, stripe, sslcommerz, cash on delivery & click on
“complete order”
○ Insert necessary credentials & Pay.
○ If the selected payment gateway is “cash on delivery” then after click on “complete order” the
page will reload & show you order placing a successfully done message.
○ Purchase from product details page
○ Click on the product title and you will be redirected to the product details page.
○ From here you can check & select the product’s all info and add it to the cart.
○ You can also add this product to wishlist or c
ompare list.
○ To proceed the purchase follow the steps (3-10) above.
4. How to setup Homepage?
Ans : From admin panel navigation, Frontend settings > Home admin will get options to c
hange/edit
the home page contents in 4 tabs.
○ Top sliders - S
elect multiple i mages for top slider section. Also publish/unpublish and delete
options are available there.
○ Banners - Select multiple images for banner section(below slider & top slider part).Also
publish/unpublish and delete options are available there.
○ Category wise products - By clicking on the “add new” button admin can create this section.
■ Select category.
■ Select sub-sub category(max 4) for this category. Selected sub-sub category
products(max 4) will be shown on the homepage.
■ If the admin wants to edit/unpublish/delete any existing category, the options are
available there.
○ Best selling - To activate the best selling products section, here is the switch. Admin can o
n/off
this section from here.
5. How to set business settings?
Ans : Business settings have different sections to maintain the site. Below are they,
○ Activation - Here are two types of activation available.
■ Business related - Admin can activate/deactivate product activation, vendor system,
show vendors.
■ Payment related - 5 types payment options can be managed from here.Admin can
continue all of these or deactivate any one.
○ Payment method - This page is for configuring the payment method. Admin will have to input
necessary information of these methods to configure his site for running the transaction.
○ SMTP settings - From here admin will have to input necessary information for SMTP
configuration and then click on Save.
○ Google Analytics - Switch on the feature. Insert t racking ID. and s
ave.
○ Social Media login - G
oogle, facebook & twitter login configuration settings are available here.
○ Currency -
■ Select c
urrency from the currency list.
■ Configure system currency, home default currency.
■ Set the f ormat.
■ Also admin can insert his own currency except from the list.
○ Languages - Admin will get a language list from here.He/she can add a new language or edit the
language details. Also admin can translate the existing words from here A
ctions > View
○ Seller Verification form - verification form for seller registration.If any user wants to be a seller
then he/she has to fill up the form in frontend. Admin can take any input from the right side like
text, select, multiple select, radio button,file input option. And name the field and make options
to choose for the seller.
○ Seller commission - Admin can set the amount of percentage as seller commision.
○ Seo Settings - To set SEO for your site insert the following info in this page like keywords,
author name, r evisit time, s
itemap link, description. And click on s
ave.
6. How to upload products from admin?
Ans : There are several steps to upload a product. Follow the instructions below,
○ Click on the “add new” button.
○ Product information - Need to fulfill the required field with proper data one by one.
■ General
● Insert a product name.
● Select a category from the dropdown list
● Select a sub category.
● Select a sub sub category.
● Select a brand.
● Insert the product u
nit like p
c, kg, ltr etc.
● Input single/multiple words for product tag and press e
nter.
● Click on s
ave.
■ Images
● Main images - Preferable size 6
00 x 500.
● Thumbnail images - Preferable size 3
00 x 290
● Featured - If the product will be selected as featured then it will appear on the
featured product list.
● Flash deal - If the product will select for the deal then it will appear there.
■ Video
● Select one option from y
outube, v
imeo, dailymotion.
● Insert video l ink.
● Click on s
ave.
■ Meta tags - This section for social media sharing.
● Meta title - Write a title which will appear on a shared link.
● Description - Write a short description which will appear on a shared link.
● Meta image - Upload a single image for shared link.
■ Customer choice
● Default option is c
olor. You can select multiple colors.
● Click on a
dd more options. Add different choice options for the product and their
values.
● You can add more options by a
dding more options.
● Then click on s
ave.
■ Price
● Insert base price of the product.
● Insert the purchase price of the product.
● Add product tax. Select “%” or “$” from the right option and insert the value in the
left box.
● Discount - Add product discount(if available). Select “%” or “$” from the right
option and insert the v
alue in the left box.
● Variant wise price - If the options are added at “customer choice” tab then this
section will appear. Input the variant wise price.
● Click on s
ave.
■ Description - Write the description of the product. You can add any image or video in this
description box.
■ Shipping info - Add shipping cost on the field.
■ PDF specs - Pdf upload option(if available).
7. How to upload products from sellers?
Ans : Registered sellers will get product uploading options from their profile. The steps are
below,
○ Log in to the seller profile.
○ Go to the left navigation bar and click PRODUCTS.
○ Click A
dd New.
○ Fill the text fields named Product Name, Product Category (First choose the category, then
choose subcategory and sub-subcategory accordingly from the popup and confirm), Product
Brand (It will automatically appear), Product Unit, Product Tag, Image (Main
Images,Thumbnail Image, Featured, Flash Deal), Video (Video From, Video URL), Meta Tags.
○ Then fill up the Customer Choiceoptions. Color options can be enabled or disabled. Sellers
can also add more customer choice options by giving choice title and choice values (ex. Title:
Size; Values: Small, large;) To add choice values write the value and press enter.
○ Then fill up the Price (if multiple customer choices available, seller could add variant price on
the basis of customer choices and also could set stock keeping unit and quantity).
○ Fill up the Description field.
○ Click on Save.
8. How to create a flash deal?
Ans : To create a flash deal admin will have to follow the steps,
○ Go to Flash deal f rom admin panel navigation
○ Click a
dd new flash deal products button
○ Insert a T
itle, Background Color, Text color, Banner Image
○ Insert starting date, e
nding date.
○ Select p
roducts.
○ Input product wise discount type & amount.
○ Then click save button
○ The publish the flash deal.
○ You can also make any flash deal featured & it will appear in home page after main banner
section
○ Admin can edit/delete the existing deal or can p
ublish/unpublish the deal anytime from the list.
○ You also get a link of all created flash deals. You can use those links in banners.
9. How to manage Order?
○ Ans : In order list page admin will get the information of o
rder code, number of products,
customer name, amount, delivery status, payment method & p
ayment status.
○ From the “Actions” button admin will get the options like v
iew, invoice download, d
elete.
○ From the “view” option, the admin can see details of the order and can change the status of
payment & delivery.
10. How to manage sellers?
○ Ans : In this page admin can see the l ist of the sellers and can e
dit the customer’s information.
Also he/she can d
elete any seller too. By clicking on “Add new” button admin can create a new
seller by putting seller n
ame, email & password.
11. How to see customers info?
Ans : From admin panel navigation, customers > customer list.
○ Admin will get a list of registered customer of his/her site. In this list admin will see the
customer’s n
ame & email address.
12. How to send newsletter?
Ans : To send a newsletter follow the steps below,
■ Select u
ser’s email or s
ubscribers email or both.
■ Insert s
ender email address.
■ Insert newsletter subject.
■ Write the content. In this text area admin can add an image, l ink, video, table or any text
formatting if needed.
■ Click on “send”.
13. How to configure payment methods?
Ans : S
even types payment gateway configuration available there.To configure them follow the steps,
○ Log in to the admin panel.
○ From the navigation, go to B
usiness settings -> Activation.
○ Scroll down to the P
ayment Related section.
○ Switch on by clicking the switchery of the methods which you want to activate.
○ Then again from navigation, Business settings -> Payment method.
○ Insert necessary Information of the methods.
■ Paypal - Insert the paypal c
lient ID, C
lient secret and s
witched off the sandbox
mode(which for demo transactions). Then click on save.
■ Stripe - Insert the stripe key, s
tripe secret which you will get from your stripe account
and switch off the sandbox mode(which for demo transactions).Then click on save.
■ Instamojo - Insert the instamojo api key, instamojo auth token which you will get from
your instamojo account and switch off the sandbox mode(which for demo
transactions).Then click on save.
■ RazorPay - Insert the razor key, r azor secret which you will get from your razorpay
account. Then click on save.
■ Paystack - Insert the p
ublic key, secret key, merchant email which you will get from
your paystack account. Then click on save.
■ Voguepay- Insert the merchant id a
nd s
witch off the sandbox mode(which for demo
transactions) which you will get from your voguepay account. Then click on save.
■ SSlCommerz - Insert the SSLCZ store ID, SSLCZ store password and switch off the
sandbox mode. Then click on save.
● ***Please note that, for SSLCommerz you have to set your site default currency is
BDT. This method is only for Bangladesh.
14. How to configure the SMTP system?
Ans : To configure the SMTP system follow the steps below.
○ Log in to your gmail account and go to 'My Account' by clicking on the image in the top right
corner.
○ Click the Sign-in & Security t ab.
○ Turn off the 2-step verification feature from S ign in to Google section.
○ Turn on Allow less secure apps from Connected Apps & Sites section.
○ After making these changes from your gmail account, go to Active Super Shop admin
Dashboard -> Business Settings -> SMTP settings.
○ Fill up the form as below:
● MAIL DRIVER : smtp
● MAIL HOST : smtp.gmail.com
● AIL PORT : 587
M
● MAIL USERNAME : Y our gmail id
● MAIL PASSWORD : Y our password
● MAIL ENCRYPTION : tls
● MAIL FROM ADDRESS : Your mail address
● MAIL FROM NAME : Your shop name
○ Click on Save.
15. How to configure facebook login Api?
Ans : To configure facebook login api follow the steps below.
○ Log into h
ttps://developers.facebook.com using facebook email and password.
○ Click on My App and then click the Add New App.
○ Give the name of the app and then click on C
reate App ID. It will automatically redirect to App
dashboard.
○ Then go to Settings -> Basic.
○ Set the A
pp Domains and click on S
ave Changes.
○ Get the A
pp ID and App Secret.
○ Now click on Products a
nd select F
acebook login.
○ It will redirect you to Q
uick Settings.
○ Select W
eb a
nd give your site url and click S
ave.
○ Go to Facebook login -> Settings.
○ Set the V
alid OAuth Redirect URIs (example:https://example.com/social-login/facebook/callback)
and click on S
ave.
○ Now go to Active Super Shop admin D
ashboard -> Business Settings -> Social media login a
nd
set the A
pp ID and App Secret in Facebook Login Credential.
○ Click on Save.
16. How to configure google plus login Api?
Ans : To configure google plus login api follow the steps below.
○ Go to https://developers.google.com/identity/sign-in/web/sign-in.
○ Click on Configure A Project.
○ Give your project name and click next.
○ Give your product name and click next.
○ Configure 0auth client by selecting the web server and give your A
uthorized redirect URIs
(example:https://example.com/social-login/google/callback) and click on Create.
○ Then you will get the Client ID and Client Secret.
○ Now go to Active Super Shop admin D
ashboard -> Business Settings -> Social media login a
nd
set the C
lient ID and C
lient Secret in Google Login Credential.
○ Click on Save.
17. How to configure twitter login Api?
○ Ans : To configure twitter login api follow the steps below.
○ Go to https://developer.twitter.com/en/apps.
○ Click on Create An App.
○ Fill in your application details.
○ After creating the app follow their steps to get client Id & client secret.
○ Now go to Active Super Shop admin D
ashboard -> Business Settings -> Social media login a
nd
set the C
lient ID and C
lient Secret in Twitter Login Credential.
○ Click on Save.
18. How to setup currency?
Ans : To configure currency from the existing list, follow the steps below.
■ Switch on the required currency and save from all currency lists.
■ Select h
ome default currency and save.
■ Select s
ystem default currency and save.
■ Select s
ymbol format & no of decimals and save.
○ To add new currency - Insert currency name, c
urrency symbol, currency code, exchange rate
with 1 dollar, publish s
tatus on and then save. Then follow the configuration instructions.
19. How to setup language?
Ans : To set language go to admin navigation > business settings > languages.
○ Add new language
■ click on the “add new” button.
■ Insert l anguage name & code(short form of language name).
■ Click s
ave. Page will redirect to the listing page.
■ Select “view” from “actions” button on required language from the list.
■ Input the v
alue of the k
ey words according to the language. These words will appear on
the site.
■ Then click on s
ave.
20. How to manage policy pages?
Ans : To upload content of policy pages such as seller policy, return policy, support policy,
terms & conditions and privacy policy , follow the steps a
dmin navigation > frontend settings >
policy pages.
21. How to manage general settings?
Ans : To set the site's general information here are some fields. Insert this information.
■ Insert s
ystem/site name.
■ Insert C
ompany address.
■ Write a description. Which will appear on the footer.
■ Add p
hone number.
■ Add system e
mail address.
■ Add a l ogo for the site.
■ Add links to social media(facebook, instagram, twitter, youtube, google plus).
■ Click on save.
22. How to manage Staff panel?
○ Ans : Go to admin panel navigation > staffs.
○ All Staffs - In this list staff’s name, email & r ole are available. Admin can edit these information
and can change their role. Also can delete any staff from here. Role need to be created from
staff permissions tab first.
○ Staff Permissions - First admin will create a role for the staff. According to role admin will select
the accessible section for the staffs.
23. How to update to the latest version?
Ans :
○ Extract the downloaded file from codecanyon.
○ There you will get a zipped folder named ‘updates.zip’. Unzip that updates folder by selecticting
“Extract here” and upload that to the root directory on your server where your previous version
is running.
○ Now reload the home page and click on ‘Update Now’.
○ It’s Done! The full system has been updated with a single click.
○ Let’s Browse Active eCommerce cms Latest Version
24. How to manage shipping for product?
● On product upload form admin and seller both will get the options for Local Pickup cost, Flat
Rate and Free shipping option.
● From switch you can enable or disable
● Inserted amount will be added as shipping cost for the products on cart.
25. How to manage wallet
● Log in to C
ustomer/ Seller panel
● From c
ustomer/seller l eft side Navigation, go to M
y Wallet.
● From the “Recharge Wallet” option, the customer and seller will get the option to recharge
money from PayPal, Stripe and other payment gateways (if the payment gateways have
permission).
● After that customer/seller can p
urchase by their wallet balance.
26. How to config Facebook Chat?
● Login admin panel and go Business settings > Facebook chat
● Enable Facebook chat and insert page ID.
● Now reload homepage.That’s it.
27. How to create coupon?
● Login admin panel and go E-commerce setup > Coupon
● Click on “Add New Coupon”
● Select Coupon type - (i) Product base and (ii) Cart base
○ Product Base :-
■ Type the coupon code
■ Select C
ategory, Sub-category, Sub-sub-category
■ Select the P
roduct.
■ If you want to multiple products then just click on “Add More”
■ Fill the S
tart date and End date
■ Enter the “Discount” and Select “Discount Type”
■ Click on S
ave.
○ Cart Base :-
■ Type the coupon code
■ Enter the minimum shopping price in “Minimum Shopping” f ield
■ Enter the “Discount” and Select “Discount Type”
■ Enter the “ Maximum Discount Amount”
■ Enter the “Discount” and Select “Discount Type”
■ Click on S
ave.
31. How to add a new currency?
Ans :
● Go to left navigation bar and click Business setting > Currency
● Click add new currency
● Fill the form with Name(eg US Dollar), Symbol(eg $), Code(eg USD), exchange rate(1USD = ? eg
100)
● And then click save.
● You can also edit a currency and make a currency as default.
32. How to enable maintenance mode?
Ans :
● Go to left navigation bar and click Business setting > Activation
● Then turn on the switch for maintenance mode.
● And the frontend user will get an under construction page.
33. How to create a pickup point?
Ans :
● You need to enable pickup point to use this feature from B
usiness setting > Activation - pickup
point activation switch
● Then go to left navigation bar and click ecommerce setup > Pickup point
● Click a
dd new pickup point
● Then fill the form with N
ame, Location, Phone, Status, Manager a
nd hit s
ave b
utton.
● Now customers can select a pickup point from enabled pickup point when he/she will purchase
products.
● And the pickup point manager will get the order in his/her dashboard.
34. How to configure Facebook pixel?
Ans :
● Login to your admin panel
● Then go to left navigation bar and click Business setting > Facebook Chat & Pixel
● Click t urn on the switch of facebook pixel
● Then fill the field with Pixel ID.
● For getting your pixel id please follow the steps
● Log in to Facebook and go to your Ads Manager account.
● Open the Navigation Bar and select Events Manager.
● Here you’ll find your pixel id.
●
42. How to use Classified Products?
Ans: T
o use classified products:
● Hover over your username and click 'Downloads' from the drop-down menu.
● The downloads section displays a list of all the items purchased using your account.
● Click the 'Download' button next to the item and select ‘ Main File(s)’ which contains all files, or
‘Licence Certificate and Purchase Code’ f or the item licence information only.
44. How to upgrade the latest version?
Ans:
● Extract the downloaded file from codecanyon.
● There you will get a zipped folder named ‘updates.zip’. Unzip that updates folder by selecting
“Extract here”. Upload that to the root directory on your server in where your previous version is
running.
● Now reload t he home page and click on ‘Update Now’.
● It’s Done!
● The full system has been updated with a single click.
● Let’s Browse Active eCommerce cms Latest V
ersion.