Use case: Integrating ChatGPT into Your Website via Cripsa

Goal:

Developer's Goal: Integrate ChatGPT into the website using Cripsa to provide an interactive chat experience for visitors.

Visitor's Goal: Interact with ChatGPT through the website for information, assistance, and engagement.

Main Flow:

For Developer:
  • Project Creation: The developer logs in to Cripsa using their account. They navigate to the developer dashboard and select the option to create a new project for ChatGPT integration.
  • Project Information: The developer enters the domain name of the website, a unique project name, callback URL, and sign-out URL.
  • Create Project: After verifying the provided information, the developer creates the project to initiate the integration process.
  • App Registration: The developer waits for a few minutes to proceed to the next step of registering the app.
  • App Registration Details: The developer enters the project name, selects the register type, and provides a unique provider name.
  • They choose to provide the metadata URL or upload the SAML XML file for configuration.
  • Complete Registration: After confirming the entered details, the developer completes the app registration process.
  • Save App Details: The developer saves the app details, finalizing the registration for ChatGPT integration

For Website Visitor:

  • Accessing the Website: The website visitor navigates to the website that has integrated ChatGPT through Cripsa.
  • Initiating ChatGPT: The visitor clicks on the chat icon/button displayed on the website.
  • ChatGPT Widget Display: Upon clicking, the ChatGPT widget is displayed on the website, ready for interaction.
  • Interacting with ChatGPT: The visitor interacts with ChatGPT by typing questions or messages in the widget.
  • Receiving Responses: ChatGPT responds with relevant information, answers, or engages in conversation based on the visitor's input.
  • Engaging with Features: The visitor can engage with different features of ChatGPT, such as asking questions, seeking assistance, or getting recommendations.
  • Ending Interaction: Once the visitor's interaction is complete, they can close the ChatGPT widget or click the sign-out option if available.

Benefits:

  • Developer achieves seamless integration of ChatGPT into the website.
  • Visitors enjoy interactive and dynamic communication through the ChatGPT widget.

Preconditions:

  • Developer has an active Cripsa account.
  • Developer has access to the website's frontend code.

Postconditions:

  • Developer successfully integrates ChatGPT into the website.
  • Visitors can use the ChatGPT widget for interactive communication.

Exceptions:

  • Website visitor experiences technical issues with the ChatGPT widget.
  • Developer encounters errors during project creation or app registration.

Trigger:

  • Developer initiates the integration process by creating a project on the Cripsa platform and registering the app for ChatGPT integration.
  • Website visitor triggers the ChatGPT widget by clicking on the chat icon/button on the website.
Shape Thumb
Shape Thumb
Shape Thumb