Author: Sharon Hepzibah

This section explains how to configure and manage the localization settings for your store, including adding pincodes and viewing pincode details.

To configure, follow these steps:

• Navigate to the sidebar menu, click ‘Settings’.

• Select ‘Store Settings’.

• Next, choose ‘Localization’ from the submenu.

• Then, click on ‘Pincode’ from the navigation tabs at the top.

There are two action buttons at the top-right corner of this section. They are detailed below:

Bulk Importing Pincodes

Upload Your CSV File

• In the first step, you will see an option to ‘Drag and Drop or Upload CSV File’.
• Click on this area to upload your CSV file containing city data. Once uploaded, a toast notification saying ‘Bulk Upload Initiated Successfully’ will appear to confirm that the file has been uploaded.
• Alternatively, you can download a sample CSV file by clicking the ‘Sample CSV’ button for the required file format.
• If you want to return to ‘All Pincodes’, click ‘Cancel’. This button is available on all three pages of the bulk import process.

Map CSV Columns

After uploading the CSV file, you will proceed to the Column Mapping step. In this step, map each column from the CSV file to the corresponding fields in the system. For each column, you’ll use the dropdown options to select the correct field:

• Country Code: Select country_code from the dropdown.
• State Code: Select state_code from the dropdown.
• City Name: Select city_name from the dropdown.
• City Code: Select city_code from the dropdown.
• City Shipping Status: Select city_shipping_status from the dropdown.

Ensure all columns are correctly mapped to their respective fields. After confirming the correct mapping, click ‘Submit’ to continue.

Complete the Import

• Once the mapping is complete, the system will begin importing the country data. The process will show a green checkmark confirming that the import has been completed successfully.
• You can now proceed to view the pincodes by clicking the ‘View Pincodes’ button.

View the Imported Countries

• Clicking ‘View Pincodes’ will open the pincode list.
• The list will show all pincodes that have been successfully imported, including details like Pincodes and Status.
• You can manage these pincodes from this page, including editing or deleting them if needed.

Adding a New Pincode

• Click on the ‘Add Pincode’ button on the top-right of the page.
• You will be presented with a form to input the following details:

• Pincode: Enter the postal code for the specific delivery area.
• Pincode Status: Select whether the pincode is active or inactive.
• Country: Choose the country associated with the pincode.
• State: Select the state corresponding to the selected country.
• City: Choose the city linked to the pincode.
• Delivery Days: Specify the number of days required to deliver orders to this pincode.
• Pincode COD Status: Select whether Cash on Delivery (COD) is Active or Inactive for this pincode.

NOTE: You can also bulk import pincodes from this section using the ‘Upload’ button available in the top-right corner. If you want to go back to the ‘All Pincodes’ section, click on ‘Pincode’ button at the top-right corner of the page.

• Click ‘Submit’ to add the pincode to the list. A toast notification ‘Pincode Added Successfully’ will appear to confirm addition.

Now, you can see the newly added pincode in the ‘All Pincodes’ section and it displays the following information: 

• S.No: Serial number of the entry.
• Pincode: The postal code assigned to the specific area.
• Status: Whether the city is active or inactive.
• Actions: Manage cities using the options mentioned below.
  • Edit: The same fields in the ‘Add Pincode’ section can be found here. Modify them and click ‘Submit’ to save the update. A toast notification ‘Pincode updated successfully’ will appear to confirm the update. To return to ‘All Pincodes’ section, click ‘All Pincode’ button in the top-right corner.
  • Delete:  Deletes the city. A toast notification ‘Delete Pincode’ will appear to confirm deletion.

This section provides a quick and efficient way to manage pincode data, ensuring that all information is accurately imported, added and updated, making it easily accessible for future changes or modifications.

To configure ‘Countries’, ‘States’ and ‘Cities’, follow the guide links mentioned below:

Adding Countries

Adding States

Adding Cities

This section explains how to configure and manage the localization settings for your store, including adding cities and viewing city details.

To configure, follow these steps:

• Navigate to the sidebar menu, click ‘Settings’.

• Select ‘Store Settings’.

• Next, choose ‘Localization’ from the submenu.

• Then, click on ‘Cities’ from the navigation tabs at the top.

There are two action buttons at the top-right corner of this section. They are detailed below:

Bulk Importing Cities

Upload Your CSV File

• In the first step, you will see an option to ‘Drag and Drop or Upload CSV File’.
• Click on this area to upload your CSV file containing city data. Once uploaded, a toast notification saying ‘Bulk Upload Initiated Successfully’ will appear to confirm that the file has been uploaded.
• Alternatively, you can download a sample CSV file by clicking the ‘Sample CSV’ button for the required file format.
• If you want to return to ‘All Cities’, click ‘Cancel’. This button is available on all three pages of the bulk import process.

Map CSV Columns

After uploading the CSV file, you will proceed to the Column Mapping step. In this step, map each column from the CSV file to the corresponding fields in the system. For each column, you’ll use the dropdown options to select the correct field:

• Country Code: Select country_code from the dropdown.
• State Code: Select state_code from the dropdown.
• City Name: Select city_name from the dropdown.
• City Code: Select city_code from the dropdown.
• City Shipping Status: Select city_shipping_status from the dropdown.

Ensure all columns are correctly mapped to their respective fields. After confirming the correct mapping, click ‘Submit’ to continue.

Complete the Import

• Once the mapping is complete, the system will begin importing the country data. The process will show a green checkmark confirming that the import has been completed successfully.
• You can now proceed to view the cities by clicking the ‘View Cities’ button.

View the Imported Countries

• Clicking ‘View Cities’ will open the city list.
• The list will show all cities that have been successfully imported, including their details like Country Code, State Code, City Name, City Code and Status.
• You can manage these cities from this page, including editing or deleting them if needed.

Adding a New City

• Click on the ‘Add City’ button on the top-right of the page.
• You will be presented with a form to input the following details:
  • Country Code: Provide the unique code for the country.
  • State Code: Provide the unique code for the state.
  • City Name: Enter the name of the city.
  • City Code: Enter the code for the city.
  • City Shipping Status: Choose whether the city’s shipping is active or not.

NOTE: You can also bulk import city from this section using the ‘Upload’ button available in the top-right corner. If you want to go back to the ‘All Cities’ section, click on ‘All Cities’ button at the top-right corner of the page.

• Click ‘Submit’ to add the city to the list. A toast notification ‘City Added Successfully’ will appear to confirm addition.

Now, you can see the newly added city in the ‘All Cities’ section and it displays the following information: 

• S.No: Serial number of the entry.
• Country Code: The country’s code.
• State Code: The state’s code.
• City Name: Name of the city.
• City Code: The code used to uniquely identify the city.
• Status: Whether the city is active or inactive.
• Actions: Manage cities using the options mentioned below.
  • Edit: The same fields in the ‘Add City’ section can be found here. Modify them and click ‘Submit’ to save the update. A toast notification ‘City updated successfully’ will appear to confirm the update. To return to ‘All Cities’ section, click ‘All City’ button in the top-right corner.
  • Delete:  Deletes the city. A toast notification ‘Deleted City’ will appear to confirm deletion.

This section provides a quick and efficient way to manage city data, ensuring that all information is accurately imported, added and updated, making it easily accessible for future changes or modifications.

To configure ‘Countries’, ‘States’ and ‘Pincodes’, follow the guide links mentioned below:

Adding Countries

Adding States

Adding Pincodes

This section explains how to configure and manage the localization settings for your store, including adding states and viewing state details.

To configure, follow these steps:

• Navigate to the sidebar menu, click ‘Settings’.

• Select ‘Store Settings’.

• Next, choose ‘Localization’ from the submenu.

• Then, click on ‘States’ from the navigation tabs at the top.

There are two action buttons at the top-right corner of this section. They are detailed below:

Bulk Importing States

Upload Your CSV File

• In the first step, you will see an option to ‘Drag and Drop or Upload CSV File’.
• Click on this area to upload your CSV file containing state data. Once uploaded, a toast notification saying ‘Bulk Upload Initiated Successfully’ will appear to confirm that the file has been uploaded.
• Alternatively, you can download a sample CSV file by clicking the ‘Sample CSV’ button for the required file format.
• If you want to return to ‘All States’, click ‘Cancel’. This button is available on all three pages of the bulk import process.

Map CSV Columns

After uploading the CSV file, you will proceed to the Column Mapping step. In this step, map each column from the CSV file to the corresponding fields in the system. For each column, you’ll use the dropdown options to select the correct field:

• Country Code: From the dropdown, select country_code to map this column.
• State Name: From the dropdown, choose state_name to map this column.
• State Code: Select state_code from the dropdown to map this column.
• State Phone Code: Choose state_phone_code from the dropdown to map this column.
• State Shipping Status: From the dropdown, select state_shipping_status to map this column.

Ensure all columns are correctly mapped to their respective fields. After confirming the correct mapping, click ‘Submit’ to continue.

Complete the Import

• Once the mapping is complete, the system will begin importing the country data. The process will show a green checkmark confirming that the import has been completed successfully.
• You can now proceed to view the states by clicking the ‘View States’ button.

View the Imported Countries

• Clicking ‘View States’ will open the state list.
• The list will show all states that have been successfully imported, including their details like Country Code, State Name, State Code, State Phone Code and Status.
• You can manage these states from this page, including editing or deleting them if needed.

Adding a New State

• Click on the ‘Add State’ button on the top-right of the page.
• You will be presented with a form to input the following details:
  • Country Code: Provide the unique code for the country.
  • State Name: Enter the name of the state.
  • State Code: Provide the unique code for the state.
  • State Phone Code: Enter the phone code for the state.
  • State Shipping Status: Choose whether the state’s shipping is active or not.

NOTE: You can also bulk import state from this section using the button available in the top-right corner. If you want to go back to the ‘All States’ section, click on ‘All State’ button at the top-right corner of the page.

• Click ‘Submit’ to add the state to the list. A toast notification ‘State Added Successfully’ will appear to confirm addition.

Now, you can see the newly added state in the ‘All States’ section and it displays the following information: 

• S.No: Serial number of the entry.
• Country Code: The country’s code.
• State Name: Name of the state.
• State Code: The state’s code.
• State Phone Code: The phone code for the state.
• Status: Whether the state is active or inactive.
• Actions: Manage states using the options mentioned below:
  • Edit: The same fields in the ‘Add State’ section can be found here. Modify them and click ‘Submit’ to save the update. A toast notification ‘State updated successfully’ will appear to confirm the update. To return to ‘All States,’ click ‘All States’ in the top-right corner.
  • Delete:  Deletes the state. A toast notification ‘Deleted State’ will appear to confirm deletion.

This section provides a quick and efficient way to manage state data, ensuring that all information is accurately imported, added, and updated, making it easily accessible for future changes or modifications.

To configure ‘Countries’, ‘Cities’ and ‘Pincodes’, follow the guide links mentioned below:

Adding Countries

Adding Cities

Adding Pincodes

This section explains how to configure and manage the localization settings for your store, including adding countries and viewing country details.

To configure, follow these steps:

• Navigate to the sidebar menu, click ‘Settings’.

• Select ‘Store Settings’.

• Next, choose ‘Localization’ from the submenu.

• Then, click on ‘Countries’ from the navigation tabs at the top.

There are two action buttons at the top-right corner of this section. They are detailed below:

Bulk Importing Countries

Upload Your CSV File

• In the first step, you will see an option to ‘Drag and Drop or Upload CSV File’.
• Click on this area to upload your CSV file containing country data. Once uploaded, a toast notification saying ‘Bulk Upload Initiated Successfully’ will appear to confirm that the file has been uploaded.
• Alternatively, you can download a sample CSV file by clicking the ‘Sample CSV’ button for the required file format.
• If you want to return to ‘All Countries’, click ‘Cancel’. This button is available on all three pages of the bulk import process.

Map CSV Columns

After uploading the CSV file, you will proceed to the Column Mapping step. In this step, map each column from the CSV file to the corresponding fields in the system. For each column, you’ll use the dropdown options to select the correct field:

• Country Name: From the dropdown, select country_name.
• Country Code: From the dropdown, select country_code.
• Country Phone Code: From the dropdown, choose country_phone_code.
• Country Shipping Status: From the dropdown, select country_shipping_status.

Ensure all columns are correctly mapped to their respective fields. After confirming the correct mapping, click ‘Submit’ to continue.

Complete the Import

• Once the mapping is complete, the system will begin importing the country data. The process will show a green checkmark confirming that the import has been completed successfully.
• You can now proceed to view the countries by clicking the ‘View Countries’ button.

View the Imported Countries

• Clicking ‘View Countries’ will open the country list.
• The list will show all countries that have been successfully imported, including their details like country name, code, phone code and status.
• You can manage these countries from this page, including editing or deleting them if needed.

Adding a New Country

• Click on the ‘Add Country’ button on the top-right of the page.
• You will be presented with a form to input the following details:
  • Country Name: Enter the name of the country.
  • Country Code: Provide the unique code for the country.
  • Country Phone Code: Enter the phone code for the country.
  • Country Shipping Status: Choose whether the country’s shipping is active or not.

NOTE: You can also bulk import countries from this section using the button available in the top-right corner. If you want to go back to the ‘All Countries’ section, click on ‘All Countries‘ button at the top-right corner of the page.

• Click ‘Submit’ to add the country to the list. A toast notification ‘Country Added Successfully’ will appear to confirm addition.

Now, you can see the newly added country in the ‘All Countries’ section and it displays the following information: 

• S.No: Serial number of the entry.
• Country Name: Name of the country.
• Country Code: The country’s code.
• Phone Code: The phone code for the country.
• Status: Whether the country is active or inactive.
• Actions: Manage countries using the options mentioned below:
  • Edit: The same fields in the ‘Add Country’ section can be found here. Modify them and click ‘Submit’ to save the update. A toast notification ‘Country updated successfully’ will appear to confirm the update. To return to ‘All Countries,’ click ‘All Countries’ in the top-right corner.
  • Delete:  Deletes the country. A toast notification ‘Deleted Country’’ will appear to confirm deletion.

This section provides a quick and efficient way to manage country data, ensuring that all information is accurately imported and easily accessible for future updates or changes.

To configure ‘States’, ‘Cities’ and ‘Pincodes’, follow the guide links mentioned below:

Adding States

Adding Cities

Adding Pincodes

This section allows administrators to manage and customize the layout and content displayed on the mobile application’s home screen by creating and organizing multiple sections.

To configure, follow these steps:

• Navigate to the sidebar menu, click ‘Plugins’.

• Select ‘Web & App Settings’.

• Then, select ‘Email Templates’ from the submenu.

All Sections

The All Sections page displays a list of all configured home screen sections in a tabular format.

Section List Details:

• S.No: Displays the serial number of the section.
• Section Title: Shows the name of the home screen section.
• Layout: Indicates the type of content displayed in the section:
  • Products
  • Categories
  • Brands
  • Tags
  • Banner
• Status: Shows whether the section is visible on the mobile app:
  • Show
  • Hide
• Action:
  • Edit: Allows modifying the section details.
    • Section Title: Enter a name for the section.
    • Select Layout: Choose the layout type for the section. The available options include:
      • Product: Displays products in this section.
      • Brands: Displays brands in this section.
      • Tags: Displays tags in this section.
      • Categories: Displays categories in this section.
      • Banner: Displays a banner in this section.
    • Redirection Type: Choose how users are redirected when they interact with the section. The available options are:
      • No Redirection: No redirection occurs when users interact with this section.
      • App Screen: Redirects the user to a specific screen within the app.
      • External Link: Redirects the user to an external URL.
    • Button Text: If a button is included in the section, enter the text that will appear on the button.
    • Layout Status: Choose the visibility of the section:
      • Yes: The section will be visible to users on the mobile app.
      • No: The section will remain hidden from users.
    • Layout Mode: Select the mode for the layout. The available options are:
      • Grid: Displays the content in a grid layout.
      • Slider: Displays the content in a slider format.
      • Delete: Removes the section from the home screen.
    • Include Products: Select the products you wish to include in this section.
    • Exclude Products: Select the products you wish to exclude from this section.
    • Close: Click the button to exit the current section editing without saving any changes made.
    • Submit: Click the button to save the changes and apply them to the section. A toast notification ‘Mobile Screen Settings page Updated Successfully’ will appear to confirm the update.
  • Delete: Deletes the section. A dialog box ‘Remove Settings’ will appear with the text ‘Are you sure you want to delete this?’ along with ‘Close’ and ‘Delete’ options. Closing will remove the dialog box and clicking on ‘Delete’ will display this toast notification ‘Deleted Mobile Home screen Settings’ to confirm deletion.

Add a New Section

Click the ‘+ Section’ button at the top-right corner to add a new home screen section.

Section Configuration Fields

• Section Title: Enter a name for the section as it will appear on the mobile app home screen.
• Select Layout: Choose the type of content to display in the section. Available options include:
  • Product
  • Brands
  • Tags
  • Categories
  • Banner
• Layout Status: Choose the visibility of the section:
  • Show: Displays the section on the mobile app.
  • Hide: Keeps the section hidden from users.

Click ‘Submit’ to add the section or ‘Cancel’ to discard changes.

Add Banner

Click the ‘Banners’ button at the top-right corner next to ‘+ Section’ button.

Banner Layout Configuration

• Banner Image: Upload the banner image for the web version.
• Banner Link: Enter the URL to which users will be redirected when the banner is clicked.
• Banner Image for Mobile Version: Upload a banner image optimized for mobile devices.
• Banner Link for Mobile Version: Enter the redirection URL specific to the mobile banner.
• Banner Place: Select the position where the banner should appear. Available options include:
  • Place 1
  • Place 2
  • Place 3
  • Place 4
  • Place 5
• Banner Status: Define whether the banner should be active:
  • Enable: Displays the banner on the mobile app.
  • Disable: Keeps the banner inactive.

Click ‘Add Banner’ to save the banner configuration.

Manage Banners

The section displays all added banners in a list format.

Banner List Details:

• Image: Preview of the banner image.
• Link: Displays the redirection URL.
• Status: Indicates whether the banner is ‘Active’ or ‘Inactive’.
• Place: Shows the selected banner placement.
• Action:
  • Edit: Already added banners are listed under the Manage Banners section. Clicking the Edit icon for any banner opens the same form used for Add New Banner, with all existing banner details pre-filled for easy modification.
  • Delete: Removes the banner. A dialog box will appear with the text ‘Do you really delete the banner?’ along with ‘Ok’ and ‘Close’ options. Closing will remove the dialog box and clicking on ‘Ok’ will display this toast notification ‘Deleted Home Banner Successfully’ to confirm deletion.

This section enables administrators to efficiently manage and customize the mobile app’s home screen layout and banners.

This section allows administrators to view, manage, and customize system-generated email templates used for various user and system notifications.

To configure, follow these steps:

• Navigate to the sidebar menu and select ‘Settings’.

• Select ‘Web & App Settings’.

• Then, select ‘Email Templates’ from the submenu.

All Email Templates

This page displays a list of all available email templates in a tabular format, along with their current configuration details.

Template List Details

• S.No: Displays the serial number of the email template.
• Title: Indicates the purpose of the email template.
• Subject: Shows the email subject line that will be sent to recipients.
• Recipient: Displays the email address(es) configured to receive this notification.
• Status: Indicates whether the email template is currently enabled or disabled.
• Action: Click the edit icon to modify the selected email template. This page appears when clicking the ‘Action (Edit’ button for a specific email template.
  • Basic Details
    • Title: Displays the name of the email template. This field is view-only.
    • Subject: Edit the subject line of the email as it will appear in the recipient’s inbox.
    • Recipient: Shows the configured recipient email address(es), if applicable.
    • Content: Allows administrators to customize the body of the email using the rich text editor.
    • Short Tags: Predefined placeholders that dynamically insert data into the email content:
      • {{username}} – Inserts the recipient’s username
      • {{verification_link}} – Inserts the verification link
      • {{website_name}} – Inserts the website name
    • Email Template Status
      • Status: Enable or disable the email template based on whether the notification should be sent.
    • Save Changes:
      • Click ‘Update’ to save the changes made to the email template. A toast notification ‘Email Template Updated Successfully’ will appear to confirm the update.
      • Click ‘Cancel’ to discard changes and return to the email templates list.

This section enables administrators to manage and customize email notifications to ensure accurate, timely, and consistent communication with users.

This section allows administrators to configure the core information, branding, and visibility settings of the website. These settings control how the website appears to users and how it is represented across platforms.

To configure, follow these steps:

• Navigate to the sidebar menu and select ‘Settings’.

• Select ‘Web & App Settings’.

• Then, select ‘General’ from the submenu.

General Settings

• Site Title: Enter the name of the website as it should appear in the browser title and other system references.
• Website Description (Optional): Provide a brief description of the website. This content may be used for display purposes and search engine previews.
• Website Address: Enter the official website address or any relevant address details.

Contact Information

• Support Email Specify the email address users can contact for support-related queries.
• Support Contact: Enter the primary support phone number, including the country code.
• WhatsApp Contact: Provide the WhatsApp number users can use to reach support.

Branding & Logo Settings

• Primary Logo: Upload the website’s main logo in the following formats:
  • Original Version: The default logo used across the website where no specific background styling is applied.
  • Light Version: A logo optimized for display on dark or colored backgrounds to ensure clear visibility.
  • Dark Version: A logo designed for light or white backgrounds, providing proper contrast and readability.

• Favicon: Upload the favicon icon that appears in the browser tab.

• Logo Width: Specify the horizontal size of the logo to ensure consistent alignment across the website.
• Logo Height: Specify the vertical size of the logo to maintain proper proportions and visual balance.

App Store Links

• Google Play URL: Enter the Google Play Store link for the mobile application.

• App Store URL: Enter the Apple App Store link for the mobile application.

• Search Engine Visibility: Choose whether the website should be visible to search engines:
  • Yes: Allows indexing by search engines
  • No: Prevents search engines from indexing the website

Save Settings

After completing all required fields, click ‘Submit’ to save the changes. To discard any modifications, click ‘Cancel’. A toast notification ‘Updated General Settings’ will appear to confirm the update.

These settings allow administrators to manage essential website information, branding, and visibility, ensuring a consistent appearance, accurate contact details, and proper discoverability across platforms.

This section allows administrators to configure the visual appearance and branding of the mobile application. This includes uploading logos, setting the splash screen, and defining the app’s color scheme.

To configure, follow these steps:

• Navigate to the sidebar menu and select ‘Settings’.

• Select ‘Web & App Settings’.

• Then, select ‘Mobile App Settings’ from the submenu.

General Settings

App Logos & Splash Screen

Administrators can upload the following assets to customize the mobile app’s branding:

• App White Logo: Upload the logo to be displayed on light backgrounds.
• App Dark Logo: Upload the logo to be displayed on dark backgrounds.
• Splash Screen: Upload the image that appears while the mobile application is loading.

Click ‘Choose File’ to select and upload the respective image files.

Color Configuration

This section allows administrators to define the color scheme used across the mobile application.

• Global Color: Sets the overall theme color applied throughout the app.
• Base Color: Defines the foundational UI color used for primary layouts and elements.
• Primary Color: Used for primary buttons, highlights, and key UI components.
• Secondary Color: Used for secondary buttons and supporting UI elements.
• Info Color: Applied to informational messages and indicators.
• Alert Color: Used for error messages and critical alerts.
• Success Color: Applied to success messages and confirmation indicators.
• Warning Color: Used for warning messages and caution indicators.

Each color can be selected using the color picker or by entering a hex color code.

Save Settings

After configuring the logos and colors, click the ‘Submit’ button to save and apply the changes to the mobile application. A toast notification ‘Mobile APP Settings Updated Successfully’ will appear to confirm the update.

These settings help ensure consistent branding and an improved visual experience across the mobile application.