Geliştiriciler için

Vue yapay zeka chatbot bileşeni

Elfsight script'ini bir kez yükleyen küçük bir bileşenle Vue uygulamasına yapay zeka chatbotu ekleyin. Asistanı Elfsight editöründe eğitin ve biçimlendirin.
Kredi kartı gerekmez
Kodu gör ↓
Vue yapay zeka chatbot bileşeni
Vue
<!-- AiChatbot.vue -->
<script setup lang="ts">
import { onMounted } from "vue";
const props = defineProps<{ id: string }>();
const SRC = "https://elfsightcdn.com/platform.js";

onMounted(() => {
  if (document.querySelector(`script[src="${SRC}"]`)) return;
  const s = document.createElement("script");
  s.src = SRC;
  s.async = true;
  document.body.appendChild(s);
});
</script>

<template>
  <div :class="`elfsight-app-${props.id}`" data-elfsight-app-lazy />
</template>

Yapay zeka asistanınızı ücretsiz oluşturun

  1. 1. Web sitenizi girin
  2. 2. Asistanınızı şekillendirin
  3. 3. Web sitesine ekle
Geliştirin veya yerleştirin

Vue içinde yapay zeka chatbotunu kendiniz geliştirmek

Yapay zeka chatbotu, bir sohbet penceresi ve bir model API çağrısından fazlasıdır. İyi çalıştırmak için gerekenler — ve atlayabilecekleriniz burada.

Geliştirmeniz ve çalışır tutmanız gerekenler

Bir model ve faturası

Bir model seçin, hız sınırlarıyla uğraşın ve trafikle birlikte artan token maliyetlerini izleyin.

İçeriğiniz yanıt olarak

Siteyi tarayın, bölün ve gömün; sayfalar değiştiğinde dizini senkron tutun.

Sohbet arayüzü

Balonlar, akışlı yanıtlar, yazıyor noktaları, mobil yerleşim ve her sayfada erişilebilirlik.

Konuşma belleği

Her ziyaretçinin konuşmasını tutun ve doğru bağlamı token bütçesi içinde geri besleyin.

Güvenlik sınırları

Yanıtları konuda tutun, uydurma bilgiyi önleyin ve asla neyi söylememesi gerektiğine karar verin.

Potansiyel müşteri ve devir

Sohbette formlar, onay ve doğru konuşmaları bir kişiye aktarma.

Dökümler ve analizler

Sohbetleri saklayın, ekibe e-postayla gönderin ve ziyaretçilerin neyi sorduğunu görün.

Bakım

Model güncellemeleri, istem ayarları, güvenlik düzeltmeleri — ve bozulduğunda nöbetçi biri.

Elfsight ile: tek bileşen

Asistanı Elfsight editöründe oluşturup eğitin, ardından tek bir bileşen render edin. Yanıtlar, potansiyel müşteriler ve ayarlar panelinizde yaşar — değiştirmek için yeniden dağıtım gerekmez.
Vue
<AiChatbot id="YOUR-ID" />

  • Web sitenizden otomatik öğrenir

  • Potansiyel müşteri formları ve insana aktarma hazır gelir

  • Sohbet geçmişi, dökümler ve analizler

  • Yüzen veya gömülü, editörde biçimlendirilir

  • Ücretsiz plan, kredi kartı yok

Entegrasyon

Vue içine yapay zeka chatbotunu ekleyin

Bileşen

  • Script'i bir kez yükler. Bileşen platform.js'i ilk bağlamada ekler ve asla iki kez eklemez.

  • Vue 3 ve Nuxt. Aynı bileşen Nuxt'ta da çalışır — istemci tarafında render edin.

  • Yüzen veya gömülü. Yüzen bir sohbeti App.vue'ya bir kez koyun; gömülü olanı gösterilmesi gereken yere.

Vue
<!-- AiChatbot.vue -->
<script setup lang="ts">
import { onMounted } from "vue";
const props = defineProps<{ id: string }>();
const SRC = "https://elfsightcdn.com/platform.js";

onMounted(() => {
  if (document.querySelector(`script[src="${SRC}"]`)) return;
  const s = document.createElement("script");
  s.src = SRC;
  s.async = true;
  document.body.appendChild(s);
});
</script>

<template>
  <div :class="`elfsight-app-${props.id}`" data-elfsight-app-lazy />
</template>
Kutudan çıktığı gibi

Asistanın sizin kodunuz olmadan yaptıkları

Web sitenizden kurulur

İşletmenizi, ürünlerinizi, hizmetlerinizi ve içeriğinizi anlamak için web sitenizi tarar, ardından bunu otomatik olarak bir yapay zeka temsilcisine dönüştürür.

Bilgi tabanı oluşturur

Web sitenizin içeriğini otomatik olarak doğru yapay zeka yanıtlarına dönüştürür.

Bir kişilik şekillendirir

İşletmenize göre bir ad, simge, rol ve konuşma üslubu oluşturur.

İlk etkileşimi hazırlar

Ziyaretçileriniz ve işletme hedefleriniz için tasarlanmış karşılama mesajları ve hızlı yanıtlar üretir.

Doğru yeteneklerle donatır

İşletmenize göre müşteri adayı toplama, eylem düğmeleri ve diğer yetenekleri otomatik olarak ekler.

Konuşmalardan öğrenir

Eksik bilgiyi tespit eder ve zamanla gelecekteki konuşmaları iyileştirmeye yardımcı olur.
Karşılaştırma

Vue içinde Elfsight AI Chatbot ile model API üzerine kendi çözümünüzü kurmanın karşılaştırması

Özellik
Elfsight AI Chatbot
Kendi çözümünüz
Yayına alma süresi
Dakikalar: tek bir bileşen
Haftalarca mühendislik
Bilgi
Web sitenizden otomatik oluşturulur
Taramayı, gömmeyi ve senkronizasyonu kendiniz yaparsınız
Sohbet arayüzü
Hazır, editörde biçimlendirilir
Geliştirin, test edin ve bakımını yapın
Potansiyel müşteri ve devir
Potansiyel müşteri formları ve insana aktarma dahil
Formları, onayı ve yönlendirmeyi kendiniz geliştirirsiniz
Dökümler ve analizler
Panel, e-posta dökümleri ve raporlar
Depolamayı ve raporları kendiniz geliştirirsiniz
Maliyetler
Başlamak için ücretsiz bir plan dahil bir plan
Model token'ları, barındırma ve ekibinizin zamanı
Bakım
Elfsight çalışır halde tutar
Ekibiniz

Yayına alma süresi

AI Chatbot

Dakikalar: tek bir bileşen

Kendi çözümünüz

Haftalarca mühendislik

Bilgi

AI Chatbot

Web sitenizden otomatik oluşturulur

Kendi çözümünüz

Taramayı, gömmeyi ve senkronizasyonu kendiniz yaparsınız

Sohbet arayüzü

AI Chatbot

Hazır, editörde biçimlendirilir

Kendi çözümünüz

Geliştirin, test edin ve bakımını yapın

Potansiyel müşteri ve devir

AI Chatbot

Potansiyel müşteri formları ve insana aktarma dahil

Kendi çözümünüz

Formları, onayı ve yönlendirmeyi kendiniz geliştirirsiniz

Dökümler ve analizler

AI Chatbot

Panel, e-posta dökümleri ve raporlar

Kendi çözümünüz

Depolamayı ve raporları kendiniz geliştirirsiniz

Maliyetler

AI Chatbot

Başlamak için ücretsiz bir plan dahil bir plan

Kendi çözümünüz

Model token'ları, barındırma ve ekibinizin zamanı

Bakım

AI Chatbot

Elfsight çalışır halde tutar

Kendi çözümünüz

Ekibiniz

SSS