Table of Contents

Addon Installation

It is presumed that you already have SalePro installed on your server. If you login to SalePro, you should see ‘Addons’ menu item on your admin panel/dashboard sidebar. Click ‘Addons’ and on the following page you should see ‘SalePro API’ listed along with other Add-ons. Unless already installed, it should show ‘Buy Now’ and ‘Install’ button. When installed, it will show ‘Update’ button.

To purchase this addon click the ‘Buy Now’ button.

Note: You can install the app from Google Play by scanning the QR Code below.

If you have already purchased, click the ‘Install’ button

 

Type your purchase key which you will get from the envato during the purchase. Then click on the submit button. If your purchase key is correct then the addon will be installed automatically.

 

Activate Mobile App

If you don’t want to set up your custom app or don’t want to take the hassle, then just use our SalePro POS app from Google Play. You can see the video below about setting up the mobile app with your server.

Custom Salepro App Setup

To setup a custom version of the Salepro app, you will need several steps to follow. 

Disclaimer

You might face a lot of issues if you make mistakes while configuring the app. We recommend you either hire a Flutter developer or create a support ticket on our Lion-Coders website. We offer full installation and configuration assistance via AnyDesk or Google Meet for a one-time fee of US$100. 

1. Flutter Environment Setup

Before you start, ensure you have Flutter set up on your machine. Follow these steps:

    1. Install Flutter from the official website: Flutter Install Guide
    2. Ensure you have all necessary dependencies like Android Studio, Xcode (for macOS), and other tools required for your platform.
    3. Run the following command to check for any missing dependencies:
    4. Make sure your IDE (VS Code/Android Studio) is set up with Flutter and Dart plugins.
    5. Verify your setup by running:



2. OneSignal Setup (Android & iOS)

To enable push notifications, follow these steps:

  1. Create a OneSignal account and set up an app for both Android and iOS. For setup details, visit the official
    OneSignal documentation:
    OneSignal Docs
  2. Integrate Firebase for Android and upload the APNs key for iOS
  3. Initialize OneSignal in main.dart:
  4. ⚠️ Important: To change the OneSignal App ID, update the onesignalAppID directly
    in
    your config.dart under AppConfig.
  5. Android: Add App ID to AndroidManifest.xml, add required permissions, and
    integrate
    Firebase config.
  6. iOS: Enable push capabilities in Xcode and upload your APNs authentication key.

💡 Stuck or facing issues with setup? We offer full installation and configuration assistance
via AnyDesk or Google Meet for a one-time fee of USD $100. Reach out to our team to schedule
support.

3. Platform Setup

  • Android
    • Change package name manually or using rename tools
    • Replace icons in android/app/src/main/res/ or use flutter_launcher_icons
  • iOS
    • Update app icon in ios/Runner/Assets.xcassets
    • Update bundle identifier in Xcode (General tab)
  • Web
    • Update web/index.html: meta tags, icons, manifest
    • Use flutter build web --release to generate assets with custom icons
    • Make sure you change permissions to 755 for all image & animation files located in /assets/assets directory.
  • Desktop
    • Update app name and icons for Windows/macOS/Linux in respective runner folders
    • Use assets or platform-specific launchers to define icon

4. App Icon + Splash Screen Setup

Configure your app icon for all platforms with the following flutter_launcher_icons section in your flutter_launcher_icons.yaml:

Then run:

dart run flutter_launcher_icons

5. Content and Configuration

lib/api/client.dart

Core configuration file for connecting api.

  • serverUrl and defaultApiURL for connecting with the server.
  • appKey for validating your api key. You can get it from General Settings of your Salepro Web App.

6. Theme & Appearance Customization

Files:

  • assets.dart – Image and icon paths
  • colors.dart – App color palette
  • config.dart – CMS and logic-level configuration
  • hero_tags.dart – Hero animations
  • spacing.dart – 16pt spacing system
  • theme_appearance.dart, theme_colors.dart, theme_fonts.dart – Theme customizer settings.

Remember to update logos for each themes in this piece of code:

Material Theme

To modify the Flutter ThemeData like primarySwatch, navigate to the themes directory.

Support

We are happy to provide support for any issues within our software. We also provide customization. So if you have any features in mind or suggestions, please feel free to contact us at Support. Please note that we don’t provide support though any other means (example- WhatsApp, comments etc.). So, please refrain from commenting your queries on CodeCanyon or knocking us elsewhere.

Also, in case of any errors/bugs/issues on your installation, please contact us with your hosting details (url, username, password), software admin access (url, username, password) and purchase code.

My support has expired

If your support period has expired, please renew support on CodeCanyon before contacting us for support.

Thank you and best wishes from LionCoders.