1. Scayle Resource Center
  2. Developer Guides
  3. Add-Ons
  4. General

General

A Panel Add-On enables developer teams to integrate with the Panel and extend its functionality. Add-ons are developed and deployed independently and can be managed in the Panel interface (see the Add-Ons section of the User Manual).

This guide:

  • Provides a demo add-on
  • Outlines configuration and authentication in the Panel
  • Covers usage of the Add-On API

This current section first explains how add-ons fit into SCAYLE, the infrastructure and tech stack available to developers, and the different types of apps you can build.

How Add-Ons Fit into SCAYLE

Add-ons allow you to expand the SCAYLE Panel beyond the core system. You can build on existing processes (e.g., user handling, report engines, APIs) and integrate your own tools and systems into the look and feel of the Panel. This enables users/employees, for instance, to no longer have to switch between different systems.

Add-ons are written as micro frontends utilizing the single-spa framework. You can find out more about the concept of micro frontends at single-spa.js.org. They can be written in the Javascript framework of your choice. However, Vue 3 will allow you to utilize the Panel style component library.

Example Uses Cases

Some possible ways to extend the Panel through add-ons include:

Customized Reporting and Analytics

  • Case: a shop wants to track and analyze different data points that are not included in the standard reporting functionality of the Panel.
  • Add-on: by extending the Panel with an add-on that allows for customized reporting and analytics, the shop can generate more detailed reports on sales performance, customer behavior, and inventory management, and other metrics.

Enhanced Customer Service Features

  • Case: a shop wants to improve customer service capabilities by adding features like chatbots, automated responses, and personalization tools.
  • Add-on: an add-on could integrate with a customer service platform (e.g., Zendesk), providing more efficient and effective customer support.

Social Media Integration

  • Case: a shop wants to leverage social media to increase brand awareness and drive traffic to their site.
  • Add-on: an add-on could integrate with social media platforms, allowing the shop to automate processes such as posting updates, promoting products, and engaging with customers on social media.