You can see the live demo of the Fitze AI chatbot by clicking the button below. It will open the chatbot in an iframe directly on this page:
.png){kind=link}
.png){kind=link}
Fitze AI is a sophisticated AI chatbot designed to enhance user interactions on your website. Built with advanced AI technologies, Fitze AI provides intelligent responses and a seamless user experience.
- AI-Powered Responses: Utilizes cutting-edge AI to deliver accurate and relevant answers.
- Customizable Integration: Easily embed Fitze AI into your website with flexible configuration options.
- Responsive Design: Ensures optimal user experience across various devices and screen sizes.
- Real-Time Interaction: Offers immediate responses to user inquiries, improving engagement.
- Interactive Elements: Supports a range of interactive features to enhance user interaction.
To get started with Fitze AI, follow these steps:
- Clone the Repository Locally:
git clone https://github.com/Tejas-Sawant-iffort/Fitze-AI.git
- Navigate to the Repository Directory:
cd Fitze-AI
-
Add Fitze AI to Your HTML File:
- Use the following template to integrate Fitze AI into your HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Fitze AI Integration</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <style> /* Add custom styles here */ body { margin: 0; padding: 0; font-family: Arial, sans-serif; overflow: hidden; } #VG_OVERLAY_CONTAINER { width: 300px; height: 400px; position: fixed; bottom: 20px; right: 20px; z-index: 1000; } </style> </head> <body> <h1>Welcome to Fitze AI</h1> <p>Enhancing customer support with AI-powered assistance.</p> <div id="VG_OVERLAY_CONTAINER"> <!-- Fitze AI widget will be rendered here --> </div> <!-- Fitze AI Widget Script --> <script> (function() { window.VG_CONFIG = { ID: "your_agent_id", // Replace with your Fitze AI agent ID region: 'your_region', // Replace with your Fitze AI account region render: 'bottom-right', // Can be 'full-width', 'bottom-left', or 'bottom-right' stylesheets: [ "https://vg-bunny-cdn.b-cdn.net/vg_live_build/styles.css", // Add your custom stylesheets if needed ], user: { name: 'John Doe', // Optional user data email: '[email protected]', phone: '+1234567890' } }; var VG_SCRIPT = document.createElement("script"); VG_SCRIPT.src = "https://vg-bunny-cdn.b-cdn.net/vg_live_build/vg_bundle.js"; VG_SCRIPT.defer = true; document.body.appendChild(VG_SCRIPT); })(); </script> </body> </html>
- Use the following template to integrate Fitze AI into your HTML:
-
Customize the Fitze AI Widget:
- Adjust the styles and configuration in the
window.VG_CONFIGobject to fit your needs.
- Adjust the styles and configuration in the
-
Push Changes to GitHub:
- Commit and push your changes to the repository:
git add . git commit -m "Add Fitze AI integration" git push origin main
- Commit and push your changes to the repository:
-
Set Up GitHub Pages (Optional):
- Follow the GitHub Pages setup instructions in the GitHub documentation.
After integrating Fitze AI into your website, it will provide real-time assistance and enhance user interaction. Ensure that the widget is properly configured to match your branding and user interaction needs.
We welcome contributions to improve Fitze AI! To contribute:
- Fork the Repository: Click the Fork button on GitHub.
- Create a Branch: Create a new branch for your changes.
- Make Changes: Implement your changes and test them locally.
- Submit a Pull Request: Open a pull request with a description of your changes.
This project is licensed under the MIT License. See the LICENSE file for more details.
For questions or support, please reach out to us at [email protected].
Thank you for using Fitze AI! We hope it enhances your website's user experience.
### How to Use:
1. **Copy and Paste:** Copy the above Markdown code into a `README.md` file in your GitHub repository.
2. **Customize:** Replace placeholders such as `your_agent_id`, `your_region`, and contact information with your actual details.
3. **Update Details:** Modify the content as needed to fit any additional requirements or features of your Fitze AI integration.
This README provides a comprehensive guide to setting up and using Fitze AI, along with instructions for contributing to the project.