Kurulum

Üç adımda sitenizde.

Sitenizin alt bilgisine bir satır ekleyebiliyorsanız kurulumu da yapabilirsiniz. Her adımda yapılanlar aşağıda.

Web sitenizi ekleyin
Kaydolun ve sitenizin adresini girin; asistan sayfalarınızı hemen okumaya başlar. İnternette olmayan bilgiler için tek sayfa, metin ya da dosya ekleyin (PDF, Word, metin, Markdown, HTML, EPUB; en fazla 20 MB).
Deneme sürümü en fazla 100 sayfa okur. Her plan daha fazlasını okur.
Kendinize göre ayarlayın
Asistana bir ad, karşılama mesajı ve konuşma tonu verin, sesini seçin, sohbet penceresini renklerinize ve logonuza uydurun. İlk ekran için birkaç hazır soru ekleyin, sonra deneme alanında deneyin: her yanıt hangi sayfadan geldiğini gösterir.
Kodu yapıştırana kadar hiçbir şey yayında değildir.
Kodu yapıştırın
Panelinizdeki tek satırı kopyalayıp her sayfaya, kapanış body etiketinin hemen önüne ekleyin. Asistan yalnızca sitenizin alan adında ve alt alan adlarında yüklenir.
Sohbet penceresi sitenizde yüklendiği anda panelinizde yeşil bir onay işareti belirir.

Kendi anahtarınızla kod satırınız

<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>

Yükleyici yaklaşık 13 KB’tır ve sayfanızı bekletmeden yüklenir.

Nereye yapıştırılır

Panelinizin gösterdiği adımların aynısı, platform platform.

Herhangi bir site

1.Sitenizin tüm sayfalarının ortak kullandığı şablon ya da düzen dosyasını açın (ör. alt bilgi).
2.Kodu kapanış </body> etiketinin hemen önüne yapıştırın.
3.Değişikliği kaydedip yayınlayın.

<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>

WordPress

1.WordPress’te Eklentiler → Yeni ekle’ye gidin, WPCode’u aratın, kurup etkinleştirin.
2.Code Snippets → Header & Footer sayfasını açın.
3.Kodu Footer kutusuna yapıştırıp Save Changes’e tıklayın.

Temanızın alt bilgi betikleri için kendi alanı varsa orası da olur. Tema dosyalarını doğrudan düzenlemeyin: tema güncellemesi değişikliği siler.

<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>

Shopify

1.Shopify’da Online Mağaza → Temalar’a gidin.
2.Kullandığınız temanın yanındaki … menüsünden Kodu düzenle’yi seçin.
3.layout/theme.liquid dosyasını açın, kodu </body> etiketinin hemen önüne yapıştırıp Kaydet’e tıklayın.

<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>

Webflow

1.Site settings → Custom code sayfasını açın.
2.Kodu Footer code alanına yapıştırıp Save changes’e tıklayın.
3.Sitenizi Publish ile yayınlayın.

Webflow özel koda ücretli site planlarında izin verir.

<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>

Wix

1.Sitenizin panelinde Ayarlar → Özel kod’a gidip + Özel Kod Ekle’ye tıklayın.
2.Kodu yapıştırın, Tüm sayfalar’ı seçin ve yerini Gövde - son yapın.
3.Uygula’ya tıklayın.

Wix özel koda, alan adı bağlı Premium planlarda izin verir.

<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>

Google Tag Manager

1.Kapsayıcınızda Etiketler → Yeni’ye gidip Özel HTML’yi seçin.
2.Kodu yapıştırın.
3.Tetikleyiciyi Tüm Sayfalar yapıp etiketi kaydedin.
4.Gönder’e, ardından Yayınla’ya tıklayın.

Tag Manager ile eklenen kod sayfa kaynağında görünmez, bu yüzden sayfa kontrolü onu göremez. Sitenizi açın; canlı kontrol doğrular.

<script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" async></script>

React

1.Bu bileşeni projenize ekleyin.
2.ChatAssistant’ı uygulamanızın kök bileşeninde bir kez çizin.

import { useEffect } from "react";

export function ChatAssistant() {
    useEffect(() => {
        if (document.querySelector('script[src="https://lovaai-app.lovasoftware.com/widget.js"]')) return;
        const script = document.createElement("script");
        script.src = "https://lovaai-app.lovasoftware.com/widget.js";
        script.async = true;
        script.dataset.key = "wk_9fK2mQx7Lp4vRt8N";
        document.body.appendChild(script);
    }, []);

    return null;
}

Next.js

1.app/layout.tsx dosyasını açın (Pages Router’da pages/_app.tsx).
2.Aşağıdaki Script bileşenini body içine ekleyin.

import Script from "next/script";

// app/layout.tsx, inside <body>
<Script src="https://lovaai-app.lovasoftware.com/widget.js" data-key="wk_9fK2mQx7Lp4vRt8N" strategy="afterInteractive" />

Web sitenizin zaten ziyaretçileri var. Artık onlarla konuşabilir.

7 gün ücretsiz: 100 yanıt ve 10 sesli dakika dahil. Kart gerekmez, yani iptal edeceğiniz bir şey de yok.

Ücretsiz deneyin

Web sitenizi ekleyin

Kendinize göre ayarlayın

Kodu yapıştırın

Nereye yapıştırılır

Web sitenizin zaten ziyaretçileri var. Artık onlarla konuşabilir.