The admin can log into the admin portal by entering their credentials on the Login form. The login credentials will be provided to the authorized admin by the Tribe team.

Fig. 1: Admin Login Form 

Activating the ‘Remember Me’ option will allow the browser to have access to the admin’s profile until they have logged themselves out. 

In case the admin forgets the password, they can reset it by clicking on ‘Forgot Password?’ button which will redirect them to the ‘Reset Password’ page. 

Fig. 2: ‘Forgot Password’ Form

Admin can reset the password through: 

1. Registered Email Address: The admin will receive an email with a link to reset the password (figure 2). Clicking on the ‘Reset Your Password’ button will redirect the admin to ‘Reset Password’ form. Fig. 3: Reset Password Link
2. Registered Phone Number: The admin will receive an OTP (One-Time-Password) on their registered mobile number. Entering the OTP will redirect the admin to the ‘Reset Password’ form. Fig. 4: Reset Password via Registered Phone Number

Submitting the form after filling in the necessary details will reset the password.  

Clicking on the ‘Add Products’ button provided on the top-right corner of the dashboard page, will redirect the admin to ‘Add a New Product’ form. Besides this button, a ‘Getting Started’  button is provided clicking on which will open a quick setup guide. These steps can help admin complete those important configurations and settings which are necessary to get started before adding products to their website.

Fig. 5: Getting Started

A ‘Skip’ button is provided to close this guide. A pop-up window will appear that will ask to either skip the steps for this session or forever. 

Each of these important settings is explained ahead. 

I. Add Localization Settings

a. Business Information 

The admin needs to fill in their business related information in the following input fields - 

• Business Name: Enter the business name to be used. 
• Business Email: Enter the business email to be used. 
• Address 1 & Address 2: Enter the complete address of your business store. 
• Country: Select the country in which the business store is located. 
• State: Select the state in which the business store is located. 
• City: Enter the name of the city. 
• Pincode: Enter the pin code of the location. 

Click on the ‘Update’ button to save the changes. 

Fig. 1.1: Business Information 

b. Date, Time and Units 

Admin can update the standard settings of the system related to units, time and date formats from this page. The settings provided are - 

• Weight System: Select the preferable weight measurement system to be used for the website. 
• Dimension System: Select the preferable dimension measurement system to be used for the website. 
• Timezone: Select the timezone based on which the time will be displayed. 
• Date Format: Select the format in which date is to be displayed.
• Time Format: Select the format in which time is to be displayed.Fig. 1.2: Date, Time & Units
  Click on the ‘Update’ button to save the changes. 

c. Currencies

Admin can add and manage settings related to currencies from this page.

Fig. 1.3: Currencies 

Please make sure that before adding a new currency, the ‘Currency API’ has been enabled and configured (API Key) from the Third Party Integrations > Currency tab. 

Important points to be noted- 

• The currency that is setup at the beginning during the time of installation is known as the Default System Currency. The system default currency cannot be changed. 
• The value of default system currency will always be 1.00 and the exchange rate for all the other currencies will be calculated based on this currency. For example, if the default system currency setup is USD, its value will be defined as 1.00. Now, a new currency Indian Rupee is added. The value of Indian rupee will automatically be updated as per the current exchange rate (1 USD = ___ rupees). 
• Admin can change the default currency to be used on the website at the front-end. This can be done to display a different currency for users visiting the website. So, the prices of all the products will be displayed in this default currency. The users can later switch to a different option, if the admin has activated any. 

To add a new currency within the system, the admin needs to click on the ‘Add’ button provided on the top-right corner of this page (figure 1.3) which will redirect them to the ‘Add Currency’ form shown in figure 1.4 below. The admin must- 

• Currency: Enter the name of currency. Please note that this is an auto-complete input field and the right option can be selected from the drop-down list that is created based on the words entered. 
• Symbol: Enter the symbol with which it is represented. The symbol will automatically be added through the configured API. 
• Position: Select ‘Left’ if the currency symbol is to be placed to the left of the value and ‘Right’ otherwise.Fig. 1.4: Add Currency 

Click on the ‘Create’ button to save the changes. The publishing status of a newly added currency will be active by default. The admin can change the status of a currency from the toggle switch provided under the ‘Publish’ column.

To set a particular currency as default for users visiting the website at front-end, the admin can click on the ‘Mark as Default’ button provided in its row.

A previously added currency can be removed from the system by clicking on the ‘Delete’ icon provided to its right. Please note that the default system currency cannot be removed from the list. 

d. Languages 

Tribe is multilingual which means that it supports multiple languages. The users can switch to a more preferred language from the homepage of the website. 

Fig. 1.5: Languages 

Before adding a language into the system, please enable the ‘MSN Translator’ and configure it by entering the MS Translator API Key from the Third Party Integrations > Language tab. 

Important points to be noted- 

• The language that is setup at the beginning during the time of installation is known as the Default System Language. The default system language cannot be changed or deleted from the system. 
• Admin can change the default language to be used on the website at the front-end. The users can later switch to a different option, if the admin has activated any. 

To add a language click on the ‘Add’ button provided on the top-right corner of this page. A pop-up ‘Add Language’ form will appear as shown in the figure 1.6 in which the admin must start typing the name of the language. Based on the entered keywords, a drop-down list will appear (from the MSN Translator). The admin must select the language they wish to add and then click on the ‘Create’ button. 

Fig. 1.6: Add Language 

The newly added language will be displayed in the list with its name, language code, direction (LTR or RTL) and the publishing status (active by default). These language details will be redirected from the MSN Translator API key configured within the system. The admin can change the status of a particular language from the toggle switch provided under the ‘Publish’ column. Admin can choose a default language for their website. The guest users will view the website content in the language currently marked as default. All the other active (Published) languages will be displayed to the users in the ‘Change Language and Currency’ drop-down list at the homepage and they can switch to a preferable option. 

A previously added language can be removed from the system by clicking on the ‘Delete’ icon provided to its right. Please note that the default system language cannot be removed from the list. 

The languages currently enabled will be displayed in the side-navigation bar as shown in figure 1.7 below. 

Fig. 1.7: Displaying Currently Active Languages (Example)

II. Configure General Settings

a. Logo

Fig. 2.1: Logo Settings 

As shown in the figure 2.1 above, the admin can update following settings from this tab - 

• Admin Logo Settings: The admin can define the aspect ratio for images to be used as logos in the admin panel. 
  • Admin Logo: This logo is displayed in the top-header section of the admin panel.
  • Admin Dark Mode Logo: This logo will be displayed in the top-header section of the admin panel when the ‘Dark Mode’ is enabled. 
• Frontend Logo Settings:The admin can define the aspect ratio for images to be used as logos at the front-end. 
  • Frontend Logo: This logo is displayed in the top-header section of the website at front-end.
  • Front-end Dark Mode Logo: This logo will be displayed in the top-header section of the website at the front-end when the ‘Dark Mode’ is enabled. 
• Favicon: This logo to be displayed besides the website names on browser tabs. 

b. CMS

The admin can manage following settings from this tab - 

• Skill Level: The skill set defined by the admin will reflect when managing homepage collections through CMS Pagesmodule.
  • Beginner: Selecting this mode, the admin can make settings in Theme Elements for homepage collections such as Header, Footer, Banners. 
  • Intermediate: Selecting this mode, the admin can make settings in Theme elements and also perform CSS Style Changes example- font color, size, etc. 
  • Expert: Selecting this mode, the admin can make settings in Theme elements, perform CSS Style Changes and also add General Elements such as new columns, tables, custom codes, etc.  
• Instagram Feed: The admin can configure Instagram Collections by linking their Instagram Account. Clicking on the ‘Link Your Account’ button will redirect the admin to Instagram Login/Signup page. Once the admin has logged in, the Instagram Collections of admin’s account will be linked with this website. These collections can be displayed at the front-end by adding any Instagram Collection Layout from ‘Theme Elements’ in the CMS Pages module.Fig. 2.2: CMS Settings 
• Enable Dark Mode: Enabling this toggle button will display the ‘Activate/Deactivate Dark Mode’ button in the top-header section of the homepage (front-end). It will also display the Mode Switch short-cut button on the admin panel.  
• Font Family: Switch to any of the provided fonts. 
• Front-end Theme Color: Select the theme color to be used for the website at front-end. 
• Front-end Theme Color Inverse: Select the inverse theme color to be used for the website at front-end. Please note that this inverse color should be in contrast to the theme color selected in the previous field.
  A preview section is provided at the bottom of this page in which the admin can see the outlook as per the changes made in theme and font settings. Click on the ‘Update’ button to save changes. 

c. Email (SMTP)

The admin can manage following settings from this tab - 

• Enable Email Verification for Users: Select ‘Yes’ to make it mandatory for users to verify their email addresses at the time of registration. 
• From Email*: Enter the email address from which emails will be forwarded to users. 
• Reply to Email Address*: The email address through which the users can contact the admin. 
• SMTP Email: Select ‘Yes’ to configure the SMTP email transmission protocol and ‘No’ otherwise. The admin needs to enter the details of following input fields if SMTP configuration is enabled.
• SMTP Host*: Enter the SMTP host.
• SMTP Port*: Enter the SMTP port. 
• SMTP Username*: Enter the SMTP username. 
• SMTP Password*: Enter the SMTP password. 
• SMTP Secure: Select the type of SMTP secure port to be used. 
• Additional Alert Emails: Enter any additional alert emails on which the admin wants to receive alert emails.
• Send Test Email: The admin can send a test email to check if the SMTP configurations are successfully configured or not.Fig. 2.3: Email (SMTP) Settings
  Click on the ‘Update’ button to save changes.

d. System Notifications

Fig. 2.4: System Notifications Settings 

The admin can manage following settings from this tab - 

• Auto Close System Messages: Select ‘Yes’ to auto-close the system alert messages. If ‘No’ is selected, the alert messages will continue being displayed on the screen until closed manually. 
• Time For Auto Closing Messages (in Seconds): Enter the time (in seconds)  for which the alert messages will be displayed. 
• Display Position: Select the position at which the messages will be displayed on the screen. The output can be checked out by clicking on the ‘Update’ button. 
• Todo Reminder: Select the mode (Email, SMS or both) through which the admin would like to receive the Todo reminder notification. 

Click on the ‘Update’ button to save changes. 

e. Email Templates

The admin can manage following settings from this tab - 

• Aspect Ratio: Select the aspect ratio to be set for the image to be uploaded as an email logo. 
• Email Logo: Upload the email logo. 
• Social Links: Enter social links for the provided social networking sites. These social links will be displayed just above the footer of the email template. 
• Footer HTML 1 & 2: Enter the text to be displayed at the footer of the email template. Two text editors are provided in this section so that the admin can enter/edit the text to be displayed . Fig. 2.5: Email Template Settings 

Click on the ‘Update’ button to save changes. An example of the above created email template is shown below.

Fig. 2.6: Email Template (Example)

f. Social Networks 

The admin can manage social networks that are to be displayed on the website for users to share products and blogs displayed on the shop. 

Fig. 2.7: Social Networks Settings

The enabled social networks will be displayed on - 

• Product Detail Page: Users can click on the ‘Share’ button to share a product’s details among each other (shown in figure 2.8 below). Fig. 2.8: Product Detail Page- Front-end (Example)
  A pop-up window will open as shown in figure 2.9 below, displaying all the enabled social networking platforms.Fig. 2.9: Social Networking Platforms- Front-end (Example)
• Blog Details Page: As shown in the figure 2.10 below, the enabled social networks are displayed on the blog details page. The user can click on any of these icons to share the details of this product.Fig. 2.10: Blog Detail Page- Front-end (Example)
  Click on the social network’s name to enable or disable it. The enabled social platforms will be displayed in bright color and the disabled will be displayed in grey colors. 

g. Cookies 

The admin can manage following settings from this tab - 

• Enable Cookies: Select ‘Yes’ to enable cookies or else, select ‘No’.
• Cookie Text: Enter the text to be in the ‘Your Cookie Preferences’ pop-up box.Fig. 2.11: Cookies Preferences Pop-up Window (Front-end)
• Enable Advanced Cookie Preferences: Select ‘Yes’ to allow users to set cookie preferences and ‘No’ otherwise. The ‘Set Cookie Preferences’ button will be displayed only when this setting is enabled (as shown in figure 2.11).
  All the below provided fields will be displayed when the user clicks on this button. 
• Advanced Cookie Preferences Text: Enter the text to be displayed when the use clicks on the ‘Set Cookie Preferences’ button.
• Functional Cookies Text: Enter the text to be displayed under the ‘Functional Cookies’ section.
• Statistical Analysis Cookies Text: Enter the text to be displayed under the ‘Statistical Analysis Cookies’ section. 
• Personalise Cookies Text: Enter the text to be displayed under the ‘Personalise Cookies’ section. 
• Advertising and Social Media Cookies Text: Enter the text to be displayed under the ‘Advertising and Social Media Cookies’ section. 
• Enable Double Opt-in for Newsletter: Select ‘Yes’ to enable email verification for availing Newsletter Subscription and ‘No’ otherwise. In other words, the users will have to verify their email address (a link will be sent to the entered email address) to activate newsletter subscriptions.
  Click on the ‘Update’ button to save changes.

h. Maintenance Mode

The admin can enable/disable ‘Maintenance Mode’ from the toggle switch button provided at the bottom of the left-side navigation bar on the System Settings page.

Fig. 2.12: System Settings 

On enabling this setting, the front-end of the website will go from ‘Live’ to ‘Under Maintenance’ mode. The customers will be able to see the message notifying them to return back later. 

Fig. 2.13: Maintenance Mode (Front-end)

The text displayed on this page can be edited from Language Labels > Front-end > Maintenance Mode settings. 

III. Configure Homepage

Admin can manage their front-end website display related settings from this module. 

Fig. 3.1: Pages

Each of these sections are explained below. Tribe uses a custom drag and drop editor that lets you create webpages as per your preferences. Before looking at the settings, please have a look at the following sections to have a basic understanding about how the drag and drop CMS editor works. 

a. Editor 

Fig. 3.2: Editor

1. Switch Mode: The admin can switch to a different user mode based on their skill set and technical knowledge of HTML/CSS. The three modes available are - Beginner, Intermediate and Expert. The differences in these modes are explained below. 
2. Display Screen: The admin can view the output of the pages being designed for different display screen sizes. The three screen sizes provided are - Desktop, Tablet and Mobile.. 
3. Action Buttons:The action buttons provided are - 
   • View Components: Use this button to view placed components with a dotted border. 
   • Undo: Use this button to remove the last performed action. 
   • Redo: Use this button to redo the last deleted action. 
   • Reset Page: Use this button to replace the current page with the system’s default template. The header and footer width will also reset when this action is performed. 
   • Save Template: Use this button to save the changes currently made on the page. 
   • Preview Page: Use this button to preview the outlook of how the changes will be displayed at the front-end. 
4. Theme Templates: These are custom created sections/collections by the Tribe team. These collections can pass dynamic data through them by linking of elements by the admin.  
5. General: These are default HTML components present in the system. These components cannot pass dynamic data and are more used for styling of the page. 

b. Modes 

The admin can switch between three modes depending on their skill set. To switch among modes, please click on the ‘Change Skill Level’ button provided on the top-right corner of the editor page (marked above in figure 3.2). Features provided in the editor depend upon the mode selected. 

1. Beginner: A user with limited or no skill/knowledge of HTML/CSS can use this mode. In this mode, the admin will have access to -
   • Theme Templates: Select and drag a theme template to add it on the page. Please refer to the ‘Add a Template’ section to understand the steps to be followed when adding a template.Fig. 3.3: Theme & General Elements
     From the ‘General’ section, the admin can add a Custom Code. Custom codes can be added if the admin wants to insert HTML & CSS. 
2. Intermediate: A user with moderate skill set and knowledge about HTML/CSS can use this mode. In this mode, the admin will have access to -
   • Theme Templates: Select and drag a theme template to add it on the page. Please refer to the ‘Add a Template’ section to understand the steps to be followed when adding a template.Fig. 3.4: Theme & General Elements
     From the ‘General’ section, the admin can add a Custom Code. The custom codes can be added if the admin has a HTML, CSS or any third-party integration script code
   • StyleManager: You need to select an element to make changes in its styling, alignment, dimensions or typography (font style, size, etc.).Fig. 3.5: Style Manager
   • Expert: A user with advanced skill set and knowledge about styling and html can use this mode. In this mode, the admin will have access to -
   • Theme Templates: Select and drag a theme template to add it on the page. Please refer to the ‘Add a Template’ section to understand the steps to be followed when adding a template.Fig. 3.6: Theme & General Elements
     From the ‘General’ section, the admin can add Custom Codes, Containers, Columns, </Div>, Social Platforms, Videos and so much more. The steps to be followed for adding these elements are the same as that of adding a template.
   • Style Manager: Select an element to make changes in its styling, alignment, dimensions or typography (font style, size, etc.), decoration (borders and background), Extra (transitions), and Flexi (flexibility of content). Please note that to apply flex-styling select Flex from the drop-down list provided in General > Display.Fig. 3.7: Style Manager
   • Component Settings/Trait Manager: Select a component to update its HTML components. As shown in figure 3.8 below, the component’s Id and Title can be changed.Fig. 3.8: Component Settings/Trait Manager
   • Layer Manager: The structure of the entire page can be viewed in a layered format.Fig. 3.9: Layer Manager
     Click on the section-name to view it on the page in the editor. For example, clicking on ‘Footer’ will select the footer component of the page. The admin can view components and subcomponents added in each section by clicking on the right-arrow. The number of sub-components directly linked with a component is mentioned to the right of each section-name. For example, the number of sub-components directly linked with the component ‘Body’ are 3. The components can be managed using following -
   • Enable/Disable : Click on the button to enable or disable a component. If a component is disabled, it will not be displayed on the page. 
   • Drag & Drop: Use this icon to move/reposition the components. Click on the icon and drag it to a new location. Please note that when moving the component, its subcomponents will also move along with it.

c. Structure of a Page 

An ecommerce website’s page generally includes three important sections - 

• Header: The topmost section of the webpage is referred to as a header. In the ecommerce platforms, it mainly includes the logo of the website along with search bars and important redirecting web pages such as login/signup buttons, contact/about us  or product categories. 
• Body: The body of a webpage includes different sections and banners. The banners are used for promotional purposes and the sections/collections help customers view different brands, popular products, categories and so on. 
• Footer: The section displayed at the bottom of a webpage is known as a footer. It mostly includes redirection pages like privacy policies, terms and conditions, contact details page and so on. 

Please make sure to follow the structure when creating/editing a webpage. 

d. Add a Template 

To add a template please follow the below steps - 

• Choose a Theme: Choose a template from the ‘Theme Elements’ section provided on the right. Separate templates are provided for headers and footers and for the body of the webpage. 
• Drag and Drop the Theme Template: Once the template is chosen please drag it and drop it into any of the sections of the page provided on the left. The admin can choose to place templates anywhere on the page as per their choice. 
• Enter Necessary Details: A pop-up window will appear when a template is dragged to the page. Please enter the necessary details like entering title names, uploading media files and so on. Once the details have been added, click on the ‘Embed’ button. Click on ‘Cross’ to close the pop-up window without saving the details. Please note that clicking on ‘Cross’ will not delete the theme template from the page. 

Once a theme is added on the page, three different action buttons are provided on the top-right corner - 

• Upwards Arrow: Use this to select the parent section of the current section. 
• Drag: Use this to select and drag the theme template up and down. 
• Delete: Use this button to delete the particular template.
  Setup Homepage

The admin can change the outlook of their homepage. There are three action buttons provided to its right that are -

1. Edit: Clicking on this button will redirect the admin to the Editor. Admin can make necessary changes to change the outlook of the homepage. 
2. Preview: Clicking on this button will redirect the admin to the front-end of the page for having a preview of the currently saved template. 
3. Copy Link: Clicking on this button will copy the link of the homepage on clipboard.
   Please note that the status (Publish/Unpublish) of this page cannot be changed.

IV. Setup Payment Gateway

The admin needs to configure the keys for enabling any of the inbuilt payment gateways provided on this page. 

Fig. 4.1: Payment Methods 

The admin can - 

• Publish/Unpublish: Click on the toggle button provided under the ‘Publish’ column to change the status of a payment gateway method. Please note that only the published (active) payment methods will be displayed at the front-end. 
• Environment:Disabling the toggle will run the payment method in ‘Production’ mode (i.e. live mode). Enabling the toggle will run the payment method in ‘Sandbox’ mode (i.e. testing mode). 
• Edit/Configure: Clicking on this icon will open the Editing form for the payment method in the right section. The admin can make necessary changes in the provided input fields and click on the ‘Update’ button to save changes. 

The currently integrated payment gateways are - 

• Blue Snap
• Two Checkout
• Paypal Express Payment
• Authorize.Net
• Paypal Payment 
• Stripe

V. Setup Shipping Charges

Tribe supports both order and item level shipping. By default all the products are linked with order level shipping profile. The admin can add new profiles to define item level shipping for products. 

Fig. 5.1: Shipping Profiles, Zones & Rates

In Tribe, shipping can be defined at two levels: 

1. Order Level Shipping(Default Profile): All the products created in the system are linked by default with order level shipping (Default Profile). When a customer places an order which includes products linked with this profile, the system will apply one shipping rate for the complete set of products. (Default profile cannot be deleted or created). 
2. Item Level Shipping(Custom Profiles): Admin can create multiple shipping profiles and link products to them. When a customer places an order that includes products linked with this profile, the shipping rates defined will be applied on each product (item) separately. (Unique items are counted and not on individual product quantity) 

Important Points: 

• By default, all products added in the system will be linked with an order level shipping profile that is already created within the system. The admin cannot delete this profile or change its name. 
• The admin must make sure to define rates/charges to be applied in the default order level shipping profile. If the charges are not mentioned, the orders will be placed for products linked with this profile but with zero ‘0’ shipping charges. 
• A product will be linked to only one shipping profile at a time. 
• If the admin defines an item level shipping profile and links it with a particular product/item, that product will automatically be removed from the order level shipping profile. 

Define Rates for Order Level Shipping Profile 

The first step of the admin should be to define zones and charges to be applied for products linked with order level shipping profile (named as ‘General’). The name of this profile cannot be edited to avoid any confusions. By default, all the products (catalog) will be linked to order level shipping profile. Click on the ‘Edit’ icon provided to the right of this profile. The admin will be redirected to the shipping profile form as shown in figure below. 

Fig. 5.2: Managing- General (Order Level) Shipping Profile (Example)

The address details added by admin in the ‘Business Information’ tab are displayed at the top-most section of this page. The steps to be followed to define zones and shipping charges to be applied for delivering products to those zones are as follows - 

Step 1- Create Zone: Click on the ‘Create Zone’ button which will open the ‘Create Zone’ form as shown in figure 3.3.5 below. 

Fig. 5.3: Create Zone

In the ‘Create Zone’ form:

• Zone Name: Enter the zone name in the provided text box. This name won’t be displayed at the front-end. 
• Select Zones/Countries/States: Select check-boxes to enlist regions to be included within this zone. Please note that the regions cannot be selected until the zone name has been defined in the previous field. 

Once the regions are selected, please click on the ‘Add Zone’ button. Clicking on the  will provide two action buttons: Edit and Delete.

Fig. 5.4: Edit and Delete Zones

The details of a zone can be edited by clicking on the ‘Edit’ button. A pop-up window will appear as shown in figure 5.5 below. 

Fig. 5.5: Zone Editing Form 

The admin can make changes like adding or removing regions/countries/states from the existing zone. Click on the ‘Add’ button to add a new region/country/state and ‘Cross’ to remove regions/countries/states.

Similarly, use ‘Delete’ button provided on clicking  to remove an entire zone.

Step 2- Create Rates: Click on the button provided in the table which will open a pop-up window that displays the ‘Create Rate’ form as shown in the figure 5.6 below. Here, the admin can define shipping charges to be applied for the created zone. 

Fig. 5.6: Create Rate 

• Rate Name: Enter the rate name in the provided text box. This name won’t be displayed at the front-end. 
• Cost: Enter the cost to be charged for products being shipped to this defined zone. 
• Add Conditions: Admin can also apply a condition as to when this shipping cost will be applicable.
  The possible conditions are - 
  • Based on Order Item(s) Weight: The range within which the weight of products must lie. Fig. 5.7: Create Rates- With Weight Based Conditions
    Define the weight rage by entering the minimum and maximum values in the provided fields. The shipping cost defined in the ‘Cost’ field will be applied if the total weight of products falls within the defined range.
  • Based on Order Item(s) Price: The range within which the price/cost of products must lie.Fig. 5.8: Create Rates- With Price Based Conditions
    Define the price rage by entering the minimum and maximum values in the provided fields. This shipping cost defined in the ‘Cost’ field will be applied if the total cost of products falls within the defined range. 

Clicking on the ‘Add Rates’ button will display the defined rate under its Zone as shown in figure 5.9 below. Clicking on the  will provide two action buttons: Edit and Delete.

Fig. 5.9: Edit and Delete Rates

The details of a rate can be edited by clicking on the ‘Edit’ button. The ‘Delete’ button can be used to remove the defined rate. 

To add another rate, please click on the  button provided besides the previously added rate. Multiple zones can be added in the similar manner.

To add a new zone, please click on the ‘Create Zone’ button provided on the top-right corner of the page and follow the same steps that are mentioned above. Click on the button to go back to the list of profiles.

Create an Item Level Shipping Profile 

To add an ‘Item Level Shipping’ profile, please follow the steps mentioned below - 

Step 1: Create Profile: Click on the ‘Add’ button provided on the Shipping Profiles management page which will open the ‘New Shipping Setup’ page as shown in figure 5.10 below. 

Fig. 5.10: New Shipping Profile (Item-Level)

The admin must - 

1. Add Shipping Profile Name: Enter the name of shipping profile to proceed further. 
2. Link Products: Click on the ‘Add Products’ button which will open a pop-up menu listing all the products as shown in the figure 5.11 below. The admin can select which products to be linked with this profile and click on the ‘Add Products’ button provided below to save changes. Fig. 5.11: Link Products with a Shipping Profile
   Step 2: Create Zone
   Step 3: Create Rate

VI. Setup Tax Rates

Every country has defined their own tax structures. The two commonly adopted tax structures are:

1. Single Tax Structure: In this structure, the tax is imposed as a whole or one value. There are no further bifurcations on this value and is treated as one tax. A common example of such a structure is VAT (Value added tax).  
2. Combined Tax Structure: The combined sales tax rate will specify the component rates and agencies that make up the total tax rate. A common example of such a structure is GST (Goods & Services Tax). 

The admin needs to create tax groups and define rules applicable within each group based on the variations in prices across different regions (countries or states). To add a group, click on the ‘Add’ button provided on the top-right corner of this page which will open the ‘New Tax Group Setup’ form as shown in the figure 6.1 below. 

Fig. 6.1: New Tax Group Setup 

Please follow the below given steps to create a tax group: 

• Add Tax Group Name*: Define the name of the tax group being added. 
• Define Tax Rule:Define a tax rule to be followed under this tax rule. To add a tax rule, enter the following details- 
  • Name: Enter the name of the tax rule being created. 
  • Tax Rate(%): Enter the tax rate to be charged (in percentage) as per this tax rule. 
  • Country*: Select the country for which this tax rule is applicable, from the drop-down list. 
  • State*: Select any one option from the drop-down list to define whether the rule is applicable for - 
    1. All States,
    2. Specific States or
    3. Excluding States. 
  • Select State: Select states to be included/excluded as per the previously selected option. The selected states will be displayed in the provided text box. The admin can deselect one or all states by clicking on the ‘Cross’ provided besides their names.
  • Combined Tax Check-box: If the rule being defined includes component rates, the admin can define them within the fields provided when selecting this checkbox (refer to figure 6.2 shown below). The components rates are defined in case of a Combined Tax Structure. Please note that this step is not required if the rule being defined follows a Single Tax Structure.Fig. 6.2: Combined Tax Structure
    For Combined Tax, define the ‘Name’ and ‘Tax Rate’ (in %) in the table under respective columns. To add another component rate, please click on the icon provided to the right of the row. The admin can enter any number of component rates in the similar manner. Please note that the names of these component rates and the tax rate being charged will be displayed at the front-end. To remove a component rate, please click on the ‘Delete’icon provided to its right
• Clicking on the ‘Add Tax Rule’ button will display a similar form as the previous one. The admin can add any number of Tax Rules in the similar manner. A tax rule can be removed from a group by clicking on the ‘Delete Tax Rule’ button provided above that rule. 

Once the rules are added, click on the ‘Create’ button to finish the process. The added tax groups will be displayed on the Tax Management page. The admin can edit the details of a group by clicking on the ‘Edit’ button or remove it by clicking on the ‘Delete’ button provided to the right of each group. 

VII. Add Brands

The admin can manage product brands from this section. Linking products with brands will be optional if the admin has enabled ‘Brands are Optional for my Products’ from the Product Settings module. 

Fig. 7.1: Brands

To add a brand, please click on the ‘Add’ button provided on the top-right corner which will open the ‘New Brand Setup’ form in the right section of the page. 

Fig. 7.2: New Brand Setup Form

The admin needs to fill in following details - 

• Name*: Enter the name of the brand. 
• Image: Upload the image to be displayed as a logo for this brand. 

Click on the ‘Create’ button to finish adding the brand. All the brands added till date will be displayed on the left section of this page. The admin can perform following actions -

• Change Status: Change the active status of brands using the toggle switch button provided under ‘Publish’ column. Only the published brands will be displayed at the front-end on the website. Please note that if an existing brand is unpublished, the products linked with the brands will continue being displayed at the front-end. However, the brand name will not be displayed on the product details page. 
• View Brand Page: View the brand page at the front-end.
• View Products for This Brand : View the list of products that are linked with this brand. 
• Edit : The details of a brand can be edited. Clicking on this button will open the Editing form in the right section. Admin can make necessary changes and click on the ‘Update’ button to save changes. 
• Delete : Clicking on this button will delete the brand from the system.
  If a previously added brand is deleted from the system, the products linked with the brands will continue being displayed at the front-end. However, the brand name will not be displayed on the product details page. 

VIII. Add Categories

The admin can add and manage product categories from this module. The products are linked with appropriate categories when being added in the system (in General tab).

Fig. 8.1: Categories

To add a new category, click on the ‘Add’ button provided on the top-right corner of this page. The ‘New Category Setup’ form will open in the right section of the page. 

Fig. 8.2: New Category Setup Form

The admin needs to fill in the following details - 

• Name*: Enter the name of the category. 
• Parent Category*: Define if it is a ‘Root’ or a sub-category. When adding a sub-category, the admin must select its parent category from the drop-down list. 
• Category Tax Code: Enter the tax code of the category.
  NB: This input field will only be displayed if the ‘I want to enter Tax code for categories and display on the invoice?’ setting is enabled from the ‘Invoice Management’ page provided in the Tax Settings module. 
• Banner Image: Upload the image to be displayed as a banner on the category page at the front-end. 

Click on the ‘Create’ button to finish adding the category. 

All the categories added in the system will be displayed on the left section of this page. The admin can perform following actions - 

• Change Status: Change the active status of the categories using the toggle switch button provided besides each category. Only the published categories will be displayed at the front-end on the website. Please note that if an existing category is unpublished, the products linked with that category will continue being displayed at the front-end. However, an alert will be displayed for this product on the ‘Products’ page notifying the admin to correct this error. 
• View Category Page: View the category page at the front-end.
• View Products for This Category : View the list of products that are linked with this category.
• Edit : The details of a previously added category can be edited. Clicking on this button will open the Editing form in the right section. Admin can make necessary changes and click on the ‘Update’ button to save changes.
• Delete : Clicking on this button will delete the category from the system.

Please note that a tree structured hierarchy is used to display categories and sub-categories. The sub-categories are displayed below the root categories and the extendable arrows  can be used to view the complete list.

Categories are displayed as filters at the front-end on Products listing page in the order in which they are listed on this page. Admin can use the drag and drop feature to change the order of display. The categories can be dragged by clicking on the  button and moved up or down to change the arrangement orders. Similarly, they can be moved in or out of root and sub categories as well. A badge number is displayed beside each category name to show the count of number of products linked with that category.

If a previously added category is deleted from the system, the products linked with that category will continue being displayed at the front-end. However, the category name will not be displayed on the product details page.

IX. Add Products

To add a new product, click on the ‘Add’ button provided on the top-right corner of this page which will open the Product Setup form that includes five tabs. Each of the tabs are explained below-

1. General Information - Add Basic Product Details
   Fig. 9.1: General Information tab 
   The admin needs to enter following details in this tab:
   • Product Type*: Select ‘Physical’ if the product being added is tangible or ‘Digital’ if the product being added is intangible such as a video game or an ebook. From the ‘Product Settings’ page, the admin can manage what type of products can be added in the system. The options provided in this section might vary depending on the ‘My platform has product types’ setting. 
   • Product Title*: Enter the product name to be displayed at the front-end. 
   • Brand*: Enter the brand name. The brands are added in the system from the ‘Brands’ module. From the ‘Product Settings’ page, the admin can manage if adding brands for products should be mandatory or not.
   • Category*: Select the category in which the product falls. The categories can be added and managed from the ‘Categories’ module. An ‘Add Category’ button is provided above this input field. The admin can create a category directly using this button. A pop-up form will appear as shown in figure below.Fig. 9.2: Add Category
     Please enter the ‘Name’ of category and its Parent Category from the drop-down list. Clicking on ‘Create’ will add the category and link the currently being added product with it. Please visit the ‘Categories’ module to make any changes to the created category. 
   • Description: Add product description in the provided text field. This description will be displayed to the customers on the product’s detail page at the front-end. 
   • Model No.: Enter the model number of the product being added. 
   • Tax Category*: Select tax category to define tax rates to be applied for the product. The Tax Categories can be added and managed from the ‘Tax Management’ module. 
   • Product Condition*: Select ‘New’ if the product being added will directly go from the manufacturer to the customer and has its complete warranty. Select ‘Old’ if the product being added has been used for a certain time period and is available for resale. Select ‘Refurbished’ if the product was returned by a customer shortly after the sale due to certain reasons (mostly due to the presence of any kinds of defects) and is now available for sale with a new warranty and better quality.
     NB: This field will not be displayed when adding a Digital product. 
   • Warranty (Days)*: Enter the time period for which the product’s warranty is valid.
     NB: This field will not be displayed when adding a Digital product. 
   • Return (Days)*: Enter the time period (in days) within which the customer can place an order return request.
     NB: This field will not be displayed when adding a Digital product.
     Click on the ‘Next’ button to proceed further or ‘Discard’ button to return back to the products listing page. 
2. Inventory & Price Details - Inventory, Stock & Pricing OptionsFig. 9.3: Inventory & Price Details tab
   The admin needs to enter following details in this tab: 
   • Do You Want to Track Inventory For This Product: Selecting ‘Yes’ will enable the system to generate an alert notifying the admin about the number of products left in the inventory. Selecting ‘No’ will restrict the system from keeping track of remaining stock. A new tab will be displayed on the Products page named as ‘Stock Quantity Alert’ which will enlist products with stock quantity alert. 
   • You Want to Sell This Product as?: Select any one of the options - 
     • Shipping Only: Selecting this option will mark this product to be available only for shipping. 
     • Pickup Only: Selecting this option will mark this product to be available only for pickup. 
     • Both: Selecting this option will display the customers both, pickup and shipping options for this product.
       NB: This field will not be displayed when adding a Digital product. 
   • Continue Selling When Out of Stock: Selecting ‘Yes’ will continue to display the product at the front-end even after it is out of stock. Selecting ‘No’ will restrict the product from being displayed at the front-end once it is out of stock.
     NB: This field will not be displayed when adding a Digital product. 
   • Available for Cash on Delivery: Selecting ‘Yes’ will enable COD for this product.
     NB: This field will not be displayed when adding a Digital product. 
   • Available for Gift Wrap: Selecting ‘Yes’ will enable gift wrapping option for customers when placing an order for this product. Please note that this check-box will not be displayed if ‘I want to enable gift wrapping for my products’ is enabled from the Product Settings page.
     NB: This field will not be displayed when adding a Digital product.
   • Minimum Purchase Quantity*: Enter the minimum quantity that needs to be purchased to place an order for this product.
   • Maximum Purchase Quantity: Enter the maximum quantity that can be purchased when placing an order for this product. 
   • Cost Price: Enter the cost price for this product. 
   • Stock Alert Quantity*: Enter the quantity reaching which the system will generate a stock alert for this product. Please note that this field will only be displayed if ‘Do You Want to Track Inventory For This Product’ is enabled. 

Click on the ‘Next’ button to save details and proceed onto the next tab, ‘Previous’ button to go back to the previous tab without saving any changes or ‘Save & Exit’ button to save changes and return back to the products listing page. 

c. Options & Variants - Add Option Details  

Fig. 9.4: Options & Variants tab- Without Variants

The admin can add product variants in this tab by linking multiple option groups with the product. Select ‘No’ if there are no product variants to be added. In this case, the admin needs to enter following details - 

• Selling Price (Incl./Excl. Tax): Enter the selling price of this product. Please note that the price to be added should be inclusive or exclusive tax can be managed from the ‘Product Settings’ module. 
• Available Stock*: Enter the quantity available in stock. 
• Stock Keeping Unit (SKU): Enter the product’s SKU number.
  On selecting ‘Yes’ a new section will be displayed as shown in figure 9.5 below.Fig. 9.5: Options & Variants tab- With Variants
  To add an option and its values (tags), the admin must follow the below steps-
• Option 1: Enter the option group. The option groups are created and managed in the Option Groups module. The selected option group is linked with the product. 
• Add Tag: Enter an option tag relevant to the option group and press enter to save it. For example, if an option group Color is entered in the previous field, the tags such as Red, Blue, Orange, etc. can be added here. The admin can add any number of tags in an option group. The tags can be deleted by clicking on the cross button provided besides their name. If the tag is a color, a color will be chosen and displayed by default as per the name entered. However, an appropriate color can be chosen by clicking on the tag name which will open the color chart as shown in figure 9.6 below. Admin can select the required color and click on ‘Apply’ to save changes.Fig. 9.6: Color Selection Chart

To link another option group, click on the  ‘Add’ button provided to the extreme right of the option group row which will provide a new row to add another option group. Please follow the similar steps to link option groups. Only 3 option groups can be linked with one product at a time. To remove a previously added option group, click on the ‘Delete’ button provided in its row.

A list of variants will be displayed in the tabular form in the section below depending on the option groups and tags added. 

Total Number of Variants = Number of Tags in Option 1 x Number of Tags in Option 2 x Number of Tags in Option 3

For example, 3 option groups added in the system where Option1 includes 3 tags, Option2 includes 2 tags and Option3 includes 2 tags. The number of variants created will be 3x2x2 = 12. 

The following details need to be filled for each variant - 

• Price (Incl./Excl. Tax): Enter the price at which this product variant is to be sold. Please note that the price to be added should be inclusive or exclusive tax can be managed from the ‘Product Settings’ module. 
• Quantity: Enter the quantity available in stock. 
• SKU: Enter the Stock-keeping Unit (SKU) number. 

The admin can use the following action buttons to add/delete values in this table - 

• Publish/Unpublish: Change the status of variants. The admin can mark selective variants as currently available by using the toggle switch button provided in each variant’s row. Only the published (active) variants will be displayed at the front-end. 
• Copy-Paste Values: A copy-paste button  is provided in each row. The admin can use this button to copy and paste (ctrl+v) values in other rows.
• Undo: This button is provided above the list of variants and it can be used to undo the last performed action in this table. 

Fig. 9.7: Adding Variants (Example)

The admin can choose a default product variant from the drop-down list provided against ‘Select Default Product Variant’. The selling price and images linked with the default product variant will be displayed as default view for this product at the front-end. 

Click on the ‘Next’ button to save details and proceed onto the next tab, ‘Previous’ button to go back to the previous tab without saving any changes or ‘Save & Exit’ button to save changes and return back to the products listing page. 

d. Product Attributes - Add Product Related Specifications  

Fig. 9.8: Product Attributes tab

In this tab, the admin can enter following details of the product - 

• Country of Origin*: Enter the product’s country of origin.
  NB: This field will not be displayed when adding a Digital product. 
• Weight Unit*: Select the weight unit.
  NB: This field will not be displayed when adding a Digital product. 
• Weight Value: Enter the product’s weight (numeric value).
  NB: This field will not be displayed when adding a Digital product. 
• ISBN/HSN/SAC/UPC: Enter the product codes (if any) in the provided input boxes. 
• File (Title and Upload): Enter the title of file and upload the file. This field is provided for uploading size charts that can be displayed to users at the front-end.
  NB: This field will only be displayed if an option that includes size chart has been linked with the product in the previous tab. 
• Additional Information: Enter any additional information related to the product. Clicking on the ‘Add’ button will display a row in which the admin needs to enter following details - 
  • Name: The name of specification/attribute. Please note that this name will be displayed at the front-end. 
  • Value: The value of the specification or the attribute property. Please note that this entry will also be displayed at the front-end. 
  • Category: The specifications can be grouped. Since this is the first category, the admin must specify the name of the category. Please note that this entry will not be displayed at the front-end. Fig. 9.9: Additional Information
    To add another attribute or specification, please click on the ‘Add’ button provided below which will display an additional row below. The admin can add multiple specifications and these specifications can be grouped together as a ‘Category’. When adding more than one specification, the category name entered previously will be auto-suggested in the ‘Category’ field to be linked with each other. 

Click on the ‘Next’ button to save details and proceed onto the next tab, ‘Previous’ button to go back to the previous tab without saving any changes or ‘Save & Exit’ button to save changes and return back to the products listing page. 

e. Product Media - Add Option Based Product Media

The admin can add/update product media files from this tab. Depending on whether a product has variants (options) or not, the fields provided in this tab might vary.
For products without any options-

Fig. 9.10: Product Media tab - Without Variants

As shown in the figure 9.10 above, the admin will need to enter following details: 

• Images: Upload media files for the product to be displayed at the front-end. 
• Video: Enter the youtube video URL to be displayed at the front-end for users to gather additional information related to the product. 
• Product Published: Select ‘Yes’ to mark this product’s current status as Published or else select ‘No’. 
• Product Published From: Enter the date from which the product should be marked as published. Please note that the product will only be displayed at the front-end after it meets this date. 

For products linked with options - 

Fig. 9.11: Product Media tab - With Variants

As shown in the figure 9.11 above, the admin will need to enter following details: 

• Upload Separate Images for each color: Select this checkbox to upload different images for each variant. Fig. 9.12: Upload Separate Images for Each Option
  If the checkbox is selected, all the variants of the product will be displayed based on the option groups linked in the Options & Variants tab. The admin can upload a different image for each variant. To upload common images, please deselect this checkbox.
  NB: The media uploaded without selecting this checkbox will be displayed as default in cases when no media is uploaded for any particular variant. To edit those images, please deselect the check-box and then make changes. To return back and view images for different options, please select the checkbox again.
• Images: Upload media files to be displayed at the front-end for the variants of the product. 
• Video: Enter the youtube video URL to be displayed at the front-end for users to gather additional information related to the product. 
• Product Published: Select ‘Yes’ to mark this product’s current status as Published or else select ‘No’. 
• Product Published From: Enter the date from which the product should be marked as published. Please note that the product will only be displayed at the front-end after it meets this date. 

If adding a physical product, click on the ‘Finish’ button to save details or the ‘Previous’ button to go back to the previous tab without saving any changes.

If adding a digital product, click on the ‘Next’ button to save details and proceed onto the next tab, ‘Previous’ button to go back to the previous tab without saving any changes or ‘Save & Exit’ button to save changes and return back to the products listing page. 

f. Product Files - Add Files to be Delivered

This tab will only be displayed when adding a digital product.

Fig. 9.13: Product Files tab

The admin needs to enter following details - 

• Max Download Times*: Enter the number of times a customer can download the media file. 
• Validity (Days)*: Enter the number of days for which the media file will be valid for the customer after the date of purchase. 
• I want to add additional files for this Product at the Time of Delivery?: Selecting ‘Yes’ will display a file uploading option when about to mark an order for a digital product as ‘Delivered/Ready for Download’. This functionality is provided for digital products so that the admin can add unique keys or files that cannot be displayed at the front-end to all customers. Fig. 9.14: Add Additional Files at the Time of Delivery
• Adding Media Files (For Products without Variants): The details to be entered are -
  • Type: Select if the media to be added is a ‘File’ or a ‘URL’. 
  • File Type: Select if the file that will be downloaded is an Image, Video, Audio or a Software. 
  • Name: Enter the name of the file being added. Please note that this name will be displayed to the customers when they download this file.
  • Link: If ‘File’ is selected in the first field (Type), upload the file. If ‘URL’ is selected, then please enter the link.Fig. 9.15: Adding Media Files- For Products without Variants
    To add additional files, please click on the ‘Add’ button provided below and enter the details in the same manner. 
• Adding Media Files (For Products with Variants): The details to be entered are -
  • Select Variant: Select a particular variant for which the file is to be added.
  • Type: Select if the media to be added is a ‘File’ or a ‘URL’. 
  • File Type: Select if the file that will be downloaded is an Image, Video, Audio or a Software. 
  • Name: Enter the name of the file being added. Please note that this name will be displayed to the customers when they download this file.
  • Link: If ‘File’ is selected in the first field (Type), upload the file. If ‘URL’ is selected, then please enter the link.Fig. 9.16: Adding Media Files- For Products with Variants
    To add additional files, please click on the ‘Add’ button provided below and enter the details in the same manner. 

X. Configure Content Pages

a. Home

The admin can change the outlook of their homepage. There are three action buttons provided to its right that are -

1. Edit: Clicking on this button will redirect the admin to the Editor. Admin can make necessary changes to change the outlook of the homepage. 
2. Preview: Clicking on this button will redirect the admin to the front-end of the page for having a preview of the currently saved template. 
3. Copy Link: Clicking on this button will copy the link of the homepage on clipboard.
   Please note that the status (Publish/Unpublish) of this page cannot be changed.

b. Product Listing

 Fig. 10.1: Product Listing

Clicking on the Edit icon provided besides Product Listing will redirect the admin to a settings page which includes following - 

• Default Listing on Grid Pages: Select among any of the two options - 
  • 4 Column: Selecting this option will display products on the listing page in the grid of four columns. 
  • 5 Column: Selecting this option will display products on the listing page in the grid of five columns. 
• Default Records Per page: Select the number of records to be displayed on a page by default. The options provided are -
  • 12
  • 24
  • 48
  • 96
• System Should Add Background Color To Images: Select ‘Yes’ to add background color to the images displayed at the front-end or else, select ‘No’. An example is shown in figure 10.2 below to show the difference between an image with background color and an image without any background color.Fig. 10.2: Dummy Images
  Click on ‘Update’ to save the changes or click on ‘Back’ to return back to the previous page without saving any changes. Please note that the status (Publish/Unpublish) of this page cannot be changed.

c. Product Detail

Fig. 10.3: Product Detail 

Clicking on the Edit icon will redirect the admin to a settings page from where the admin can manage following changes related to Product Detail page- 

1. Display Return details on the product detail page: Enable the toggle button to display the return time limit to customers for a product. 
2. Display product SKU on the detail page: Enable the toggle button to display the SKU number of a product to the customers. 
3. Display product Model number on the product detail page: Enable the toggle button to display the model number of a product to the customers. 
4. Display Warranty on the product detail page: Enable the toggle button to display the warranty time period of a product to the customers. 
5. Display Brand on the product detail page: Enable the toggle button to display the product’s brand name to the customers. 

The below figure 10.4 highlights the sections where these details are displayed at a product detail page at the front-end.

Fig. 10.4: Style Manager

Click on ‘Update’ to save the changes or click on ‘Back’ to return back to the previous page without saving any changes. Please note that the status (Publish/Unpublish) of this page cannot be changed. 

d. Terms

The admin can change the outlook of the terms and conditions page. There are three action buttons provided to its right that are -

1. Edit: Clicking on this button will redirect the admin to the Editor. Admin can make necessary changes to change the outlook of their terms and conditions page. 
2. Preview: Clicking on this button will redirect the admin to the front-end of the page for having a preview of the currently saved template. 
3. Copy Link: Clicking on this button will copy the link of the terms and conditions page on clipboard. 

Please note that the status (Publish/Unpublish) of this page cannot be changed. 

e. Privacy Policy

The admin can change the outlook of the privacy policy page. There are three action buttons provided to its right that are -

1. Edit: Clicking on this button will redirect the admin to the Editor. Admin can make necessary changes to change the outlook of their privacy policy page. 
2. Preview: Clicking on this button will redirect the admin to the front-end of the page for having a preview of the currently saved template. 
3. Copy Link: Clicking on this button will copy the link of the privacy policy page on clipboard. 

Please note that the status (Publish/Unpublish) of this page cannot be changed. 

f. About

The admin can change the outlook of the ‘About’ page. There are four action buttons provided to its right that are -

1. Edit: Clicking on this button will redirect the admin to the Editor. Admin can make necessary changes to change the outlook of their ‘About’ page. 
2. Preview: Clicking on this button will redirect the admin to the front-end of the page for having a preview of the currently saved template. 
3. Copy Link: Clicking on this button will copy the link of the ‘About’ page on clipboard. 
4. Clone: Use this button to create a new page. Clicking on this button will open a pop-up box. Please enter the page name and click on the ‘Clone’ button to create a page. Fig. 10.5: Clone Page
   The page will be added to the list at the bottom. There are four action buttons provided to its right that are
   • Edit: Clicking on this button will redirect the admin to the Editor. Admin can make necessary changes to change the outlook of the page. 
   • Preview: Clicking on this button will redirect the admin to the front-end of the page for having a preview of the currently saved template.
   • Copy Link: Clicking on this button will copy the link of this page on the clipboard. 
   • Delete: Use this button to delete the page. 

Please note that the status (publish/unpublish) of the newly created page can be changed using the toggle button provided in its row. 

Please note that the status (Publish/Unpublish) of ‘About’ page cannot be changed. 

g. Contact Us

The admin can change the outlook of the Contact Us page. There are three action buttons provided to its right that are -

1. Edit: Clicking on this button will redirect the admin to the Editor. Admin can make necessary changes to change the outlook of their Contact Us page. 
2. Preview: Clicking on this button will redirect the admin to the front-end of the page for having a preview of the currently saved template. 
3. Copy Link: Clicking on this button will copy the link of the Contact Us page on clipboard. 

Please note that the status (Publish/Unpublish) of this page cannot be changed.