Web App

User Manual

Getting Started

• Logging In: Access the Feedloop AI platform using your registered credentials.

• Project Selection: Choose the desired project from the project management section.

App Listing

• View Apps: In the project dashboard, navigate to the "Apps" tab to view the list of deployed apps associated with the selected project.

Creating a New App

• Selecting Deployment Type: Click on the "Add App" button to create a new app. Choose the deployment type (e.g., Chatbot App, Qore Integration, WA App).

Info Apps

• Info Apps

  • Rename Apps Name : modify the name of the app to give it a personalized title.

  • Description Apps: description or summary of the app, providing additional information about its purpose or functionality.

Apps Appreance

• Certainly, here's a more detailed description of the "App Appearance Configuration" for Page 1 (Landing Page) and Page 2 (Conversational Interface), along with examples:

• Page 1 - Landing Page

  

• Landing Page Logo Customization : option to upload and set a logo for the app's landing page.can upload an image file (e.g., PNG or JPEG) of their company logo and position it.

• Landing Page Color : customize the color scheme of the landing page.

• Page 2 - Conversational Interface

• Logo Customization: customize the logo for the conversational interface. This logo is often displayed within top sidebar.

• Greeting: Users can customize the chatbot greeting by entering a custom text that will be displayed to users when they interact with the app.

• Greeting Text Input:

  • should be able to customize the chatbot greeting by entering a custom text.

  • The system should allow users to input a greeting text of up to 200 characters in length.

Identity Manager

Integrate Google SSO into Your Web App:

• Configuration: Configure the Google API client with

  • Client ID. : should look something like this: 1234567890-abcd1234efgh5678ijklmnopqrstuv.apps.googleusercontent.com.

  • Obtain Email : input domain mail example @feedloop.ai

    • After the user logs in with their Google account, you can obtain their email address from the authentication response.

    • Implement logic to check if the user's email address ends with the specified domain, in this case, "@feedloop.ai." If it does not match the allowed domain, deny access or show an error message.

CLIENT SIDE1. Configure OAuth 2.

• Go to the Google Developer Console.
• Create a new project or select an existing project where you want to configure the OAuth 2.0 Client ID.

• In the left sidebar, click on "APIs & Services" and then "Credentials."

• Click the "Create credentials" button and select "OAuth client ID."

• Choose "Web application" as the application type for your OAuth client ID.

• Configure the OAuth Client ID by specifying the following details:

  • Name: Give your OAuth 2.0 Client ID a descriptive name for your reference.

  • Authorized JavaScript Origins: This should be the domain where your web app is hosted, such as https://flai-webapp.com.

  • Authorized Redirect URIs: This should be the URL where Google will redirect the user after successful authentication. Typically, it's something like https://flai-webapp.com/login/google/callback. Make sure this matches the callback URL you handle on your server.

Apps Integration

webapp will be accessible via a subdomain under the domain structure yournameapp.webapp.feedloop.ai. allows you to create a subdomain that dynamically maps to your app within the Feedloop AI platform.

• Each app deployed under project can have its unique subdomain

• easy to access without configuring individual DNS records for each app.

• For example, if you have multiple apps like "app1," "app2," and "app3," they can be accessed as app1.yournameapp.webapp.feedloop.ai, app2.yournameapp.webapp.feedloop.ai, and app3.yournameapp.webapp.feedloop.ai respectively.

Version History

• List of Previous Versions: Displays a chronological list of previous versions of the app. contain

  • App Title: The title or name of the app for the specific version.

  • Version Number: The unique identifier or number assigned to the version.

  • Components: Details of the app's components, such as chat interface, integrations, or other relevant features.

  • Greeting: The customized chatbot greeting specific to the version.

  • Colors and Styling: Information about the color scheme and visual styling applied to the app.

  • Additional Details: Any other relevant information specific to the version, such as feature updates or bug fixes.

If you have any further questions or need assistance, feel free to reach out to our support team.