algopipe - User Admin

New Agent

Agent Name *

URL of your website * Enter the URL of your website where the widget will be used.

Filter by Agent

Selected: -

📊

Agent Statistics

Select an agent from the filter above to view statistics

My Agents

Selected agent: Choose an agent above

Quick training overview Upload PDFs with product documentation, catalogs, or user manuals. The system automatically extracts text and creates vector embeddings. Tables are extracted using Tabula/Camelot and pdfplumber, then chunked row by row for accurate data retrieval. Each table row becomes a separate knowledge chunk with metadata.

📄

Document training

Select an agent above to get started

Overview

Quick tip: Upload product PDFs to train your AI. The system extracts text content and creates vector embeddings. Tables are extracted using Tabula/Camelot (for table structure) and pdfplumber (for metadata), then chunked row by row. Each table row becomes a separate knowledge chunk, ensuring accurate data retrieval without LLM calculation errors. Link documents to specific products for more targeted responses.

Total documents

Active documents

Documents

📄

No documents yet

Upload a PDF to train your AI assistant.

Selected agent: Choose an agent above

Spreadsheets overview Upload Excel files to automatically extract tables. Each table will be converted to JSON format and added to the RAG system. Tables will be searchable in the chat widget.

📊

Spreadsheets

Select an agent above to get started

Selected agent: Choose an agent above

Tables overview Manually add tables to your RAG system. Upload table images to extract tables automatically using GPT-4 Vision, or create tables manually. Tables will be used for semantic search in RAG queries.

📊

Tables

Select an agent above to get started

Selected agent: Choose an agent above

Manual training overview Manually add question-answer pairs to your RAG system. When LLM provides an answer that's not in your documents, you can add it here to improve future responses. Edit existing pairs to update them in the RAG system.

✍️

Manual training

Select an agent above to get started

Overview

Quick tip: Manually add question-answer pairs when LLM provides answers not found in your documents. Edit existing pairs to update them in the RAG system. Inactive items won't be used in responses.

Total items

Active items

With embeddings

Manual Q&A pairs

✍️

No Q&A pairs yet

Add your first manual Q&A pair to get started.

Selected agent: Choose an agent above

From your website overview Crawl your website to automatically extract content and train your AI agent. The system will crawl pages, extract text content, create chunks, and generate embeddings.

🕷️

Website crawl

Select an agent above to get started

💬 Widget Test - Live Preview

🎯 What is Widget Test?

✅ Test your real chat widget

✅ All settings saved from the Embed Chat tab are visible here

✅ You'll see exactly how the widget will appear on your site

✅ Colors, fonts, logo, CTA buttons - all with real settings!

🔗 Share test link with anyone - no login required!

📱 Selected Agent:

Selected agent: Choose an agent above

Prompt templates overview Create and manage prompt templates that define how your AI assistant responds. Switch between different personalities and behavior patterns instantly using the toggle switch.

Analytics

Analytics component will be added soon...

Selected agent: Choose an agent above

🎯

Call-to-Action management

Select an agent above to manage call-to-action forms.

Selected agent: Choose an agent above

📝

Form management

Select an agent above to get started

Overview

Quick tip: Create custom forms with different field types (text, email, phone, dropdown, product selection). Configure email notifications and track all submissions in one place.

Total forms

Active forms

Total submissions

Form records

📝

No forms yet

Create your first form to get started.

Selected agent: Choose an agent above

Checklist overview Track how much structured content each product has. Keep documents, Q&A, tables and links up to date. Links you add here appear to customers when they choose a product from the @ autocomplete list.

API Keys

📌 API Key Usage:

You can use your API keys to chat from external systems. You can also use these keys in the Test Chat tab.

⚠️ Security: API keys are shown only once. Please store them in a secure place.

Selected agent: Choose an agent above

📋

Embed code

Select an agent above to get started

Widget type

Quick tip: Select your widget display type. The embed code will be automatically generated based on your selection.

💬

Live Preview

The chat widget is now active in the bottom-right corner. Test it in real-time!

View type Widget will appear as a bubble chat in the bottom right corner.

Embed code

💡 How to embed this code on your website:

Copy the embed code above by clicking the 📋 Copy button
Open your website's HTML file (e.g., index.html, home.html, or your main page template)
Find the closing </body> tag at the end of your HTML file
Paste the embed code just before the </body> tag
Save the file and refresh your website to see the chat widget

📝 Example:

<!-- Your website content -->
<div>Your content here</div>

<!-- Paste the embed code here, just before </body> -->
<script>
window.BVNChatConfig = {
    appCode: 'your-app-code',
    apiUrl: 'https://your-backend-url',
    viewType: 'bubble'
};
</script>
<link rel="stylesheet" href="https://your-backend-url/static/chat-widget.css">
<script src="https://your-backend-url/static/chat-widget.js" defer></script>

</body>
</html>

⚠️ Important: Make sure to paste the code on every page where you want the chat widget to appear, or add it to your main template/header file if your website uses templates.

Filter by Agent

Selected: -

Reports overview View and export chat conversations and CTA form submissions. Filter by agent, product, or search within questions and answers.

Reports

Select an agent from the filter above to view reports

Filter by Product

Chat Conversations

Loading conversations...

Selected agent: Choose an agent above

🎯

Extraction Jobs

Select an agent above to get started

Current Plan

Loading...

Loading plan details...

per month

Current Usage

Agents

-- / --

Forms

-- / --

Users

-- / --

Messages (Monthly)

-- / --

Upgrade Your Plan

Add-ons

Enhance your plan with additional features

Payment Methods

Loading payment methods...

Billing Addresses

Loading billing addresses...

Transaction History

Loading transactions...

Invoices

Loading invoices...

Selected agent: Choose an agent above

🎨

Widget Design

Select an agent above to customize your chat widget

Widget Type

Chat widget will appear as a bubble in the bottom right corner of your website.

💬

Bubble (Balon)

Chat bubble in bottom right corner

Basic Settings

Chat Title

Subtitle

Greeting Messages

Primary Language (EN) English greeting message (default)

Secondary Language (Local) Local language greeting (TR/ES/GR - optional)

Input Placeholder Settings

💡 What is this?

Customize the placeholder text shown in the chat input field. This text appears when the input is empty to guide users.

Placeholder Text (English) English placeholder text shown in input field

Placeholder Text (Local Language) Local language placeholder text (TR/ES/GR - optional)

@ Mention Hint Settings

💡 What is this?

When your system has products available, users can type @ to search and select products. This hint guides users to discover this feature. The hint only appears when products are available in your system.

Enable @ Mention Hint Show hint to users when products are available (hint automatically hides after user types @ or selects a product)

Hint Text (English) English hint text shown to users

Hint Text (Local Language) Local language hint text (TR/ES/GR - optional)

🎨 Color Settings

Customize widget colors (header, messages, buttons)

✍️ Font Settings

Font Family

Font Size

Font Weight

🎯 Call-to-Action & Attachment

💡 Info:

• CTA Buttons: Displayed above the chat input. Manage them in the Forms tab. Colors are set via Color Settings modal.

• Attachment Button (📎): Appears when users select products. Shows product links, images, and videos.

Show CTA Buttons in Chat Enable to display CTA buttons in widget (Attachment button appears automatically with products)

🖼️ Logo Settings

Tip: Logo will be used as agent avatar in chat widget. (JPEG, PNG, GIF, WebP, SVG - max 5MB)

Current Logo

No logo uploaded yet

Logo Size

Upload New Logo Select logo then click "Save Widget Settings" button to upload

Logo Width (px) Logo width (20-200px, dynamic container)

Logo Height (px) Logo height (20-200px, dynamic container)

✨ AI Icon Animation

💡 Info: Should AI animation (video) be shown on the chat widget open button? 3 different animation options are available.

AI Animation Select the AI animation to be displayed on the chat widget open button in the bottom right corner

Speech Bubble Text Enter the speech bubble text to be displayed on the AI animation. If left empty, the speech bubble will not be shown.

🌍 Language Settings

💡 Info: Primary Language = EN (English), Secondary Language = Local (TR/ES/GR). Users can switch languages via the EN button in widget.

Language Mode Starting language for widget. "Auto" detects browser language.

Default Language Fallback language when detection fails (usually EN)

📋 Consent Settings

💡 Info: Collect GDPR/KVKK compliant consent from users before chat starts.

Enable Consent Feature Users must accept consent terms before starting chat

📐 Widget Size

Width (px) Chat window width (320-800px)

Height (px) Chat window height (400-800px)

📍 Position

Bottom Right Bottom Left

📋 To Get Embed Code

Need embed code to add your widget to your website? Go to the "Export → Embed Code" tab from the sidebar menu. There you can select your widget type and copy the embed code.

Selected agent: Choose an agent above

📦

Product catalog

Select an agent above to get started

🕷️ Web Crawl

🌐 What is Web Crawl?

✅ Automatically crawls all pages in the URL you entered

✅ Extracts and saves the content of each page

✅ Collects page titles, texts and links

✅ Results are displayed in popup

✅ Advanced Crawl Features:

Gzip/Brotli Support: Compressed content is automatically decompressed
Anti-Agent Protection: Agent detection is prevented with Playwright Stealth
User-Agent Rotation: Different browser identity on each request
Smart JS Rendering: Dynamic pages are automatically detected

⚠️ Agent Protection & Anti-Scraping Warning:

Some sites may use strong security measures:

403 Forbidden: Site is blocking automated access
Cloudflare/WAF: Firewall is active
JavaScript Challenge: Advanced agent detection
Rate Limiting: Too many requests detected

💡 Tip: Our system is compatible with most sites, but for heavily protected sites, get permission from the site owner.

🔗 Enter URL

Starting URL * URL of the website to crawl (https:// will be added automatically if not provided) - example.com is ready for testing!

Maximum Page Count Maximum number of pages to crawl (1-100) - ⚠️ Nginx timeout: 60s, 10-20 pages recommended

Maximum Depth How many levels deep to go (1-10) - ⚠️ 2-3 levels recommended (for timeout)

Only crawl pages on the same domain If active, only links in the starting domain are followed

algopipe User Admin

Agent Statistics

Daily Message Count

Daily Session Count

Daily Form Submissions

My Agents

Document training

Overview

Documents

Spreadsheets

Overview

Uploaded Spreadsheets

Tables

Overview

Tables

Manual training

Overview

Manual Q&A pairs

Website crawl

Start New Crawl

Crawl History

💬 Widget Test - Live Preview

🎯 What is Widget Test?

Widget Test Area

Prompt Templates

Analytics

Call-to-Action management

Overview

Call-to-Action records

Form management

Overview

Form records

API Keys

Embed code

Widget type

Embed code

Reports

Chat Conversations

CTA Form Submissions

Conversation Preview

Form Submission

Extraction Jobs

Overview

Job records

Create AI Job

What do you want to do?

Select Form

What information do you want to collect?

Basic Information

Account Settings

Current Plan

Loading...

Current Usage

Upgrade Your Plan

Add-ons

Billing

Payment Methods

Billing Addresses

Transaction History

Invoices

Widget Design

Widget Type

Basic Settings

Greeting Messages

Input Placeholder Settings

@ Mention Hint Settings

🎨 Color Settings

✍️ Font Settings

🎯 Call-to-Action & Attachment

🖼️ Logo Settings

Logo Size

✨ AI Icon Animation

🌍 Language Settings

📋 Consent Settings

📐 Widget Size

📍 Position

Product catalog

Overview

📋 Uploaded Product Lists

🕷️ Web Crawl