Asyntai AI Chatbot'u Backdrop CMS'e Nasıl Eklersiniz

Platform:

Backdrop CMS

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Docusaurus Hugo Kentico Volusion Craft CMS Contentful Strapi Joomla Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Statamic Umbraco Moodle SilverStripe Grav October CMS ProcessWire Sanity ExpressionEngine Sylius Backdrop CMS MODX Bagisto PayloadCMS e107 CrafterCMS Kirby MedusaCMS DatoCMS GoDaddy Framer Bubble Carrd Jimdo Strikingly Kajabi Teachable Thinkific ClickFunnels Hostinger Unbounce Leadpages Systeme.io Instapage

Adım 1: Yerleştirme Kodunuzu Alın

Önce Asyntai Dashboard'unuza gidin ve "Yerleştirme Kodu" bölümüne inin. Şuna benzeyen benzersiz yerleştirme kodunuzu kopyalayın:

Adım 2: Tema Şablonuna Ekleyin (Önerilen)

Backdrop CMS, temalarında .tpl.php şablon dosyaları kullanır. Önerilen yaklaşım, yerleştirme kodunu doğrudan aktif temanızın sayfa şablonuna eklemektir:

1. Backdrop CMS kurulumunuza FTP veya Dosya Yöneticisi aracılığıyla erişin
2. Aktif temanızın dizinine gidin: themes/yourtheme/
3. page.tpl.php dosyasını açın (veya temanıza bağlı olarak layout.tpl.php)
4. Kapanış </body> etiketini veya <?php print $page_bottom; ?> satırını bulun
5. Asyntai yerleştirme kodunuzu bu satırın hemen öncesine yapıştırın
6. Dosyayı kaydedin

Alternatif Yöntem 1: Özel Modül Kullanma

backdrop_add_js() kullanarak chatbot komut dosyasını enjekte eden basit bir Backdrop CMS modülü oluşturabilirsiniz:

1. Modül dizinini oluşturun: modules/custom/asyntai_widget/
2. Aşağıdaki kodla asyntai_widget.module modül dosyasını oluşturun:
   // modules/custom/asyntai_widget/asyntai_widget.module
function asyntai_widget_init() {
  backdrop_add_js('https://asyntai.com/static/js/chat-widget.js', array(
    'type' => 'external',
    'scope' => 'footer',
    'attributes' => array('async' => 'async', 'data-asyntai-id' => 'YOUR_WIDGET_ID'),
  ));
}
3. asyntai_widget.info dosyasını oluşturun:
   name = Asyntai AI Chatbot Widget
description = Adds the Asyntai AI chatbot widget to all pages.
backdrop = 1.x
package = Custom
type = module
4. Backdrop yönetici panelinizde İşlevsellik (admin/modules) bölümüne gidin
5. Custom paketi altında "Asyntai AI Chatbot Widget"'ı bulun ve etkinleştirin
6. "Yapılandırmayı kaydet"'e tıklayın

Alternatif Yöntem 2: Backdrop'ın "Add to Head" Modülünü Kullanma

Topluluk tarafından sağlanan "Add to Head" modülü, kod düzenlemeden komut dosyası enjekte etmenin kolay bir yolunu sunar:

1. Backdrop CMS web sitesinden "Add to Head" topluluk modülünü indirin ve yükleyin
2. Configuration > Development > Add to Head bölümüne gidin
3. Asyntai yerleştirme kodunuzu footer section kısmına ekleyin
4. "Yapılandırmayı kaydet"'e tıklayın

Alternatif Yöntem 3: Blok Sistemini Kullanma

Backdrop CMS'nin düzen ve blok sistemi de chatbot eklemek için kullanılabilir:

1. Backdrop CMS yönetici panelinize giriş yapın
2. Yapı > Düzenler bölümüne gidin
3. Düzenlemek istediğiniz düzeni seçin (örneğin, varsayılan düzen)
4. Altbilgi bölgesinde "Blok ekle"'ye tıklayın
5. "Özel blok"'u seçin
6. Blok biçimini "Tam HTML" veya "Ham HTML" olarak ayarlayın
7. Asyntai yerleştirme kodunuzu blok gövdesine yapıştırın
8. Bloğa bir başlık verin (örneğin, "Asyntai Chatbot") ve isteğe bağlı olarak "Başlığı gizle"'yi işaretleyin
9. "Bloğu kaydet"'e ve ardından "Düzeni kaydet"'e tıklayın

Adım 3: Önbelleği Temizleyin ve Doğrulayın

Değişikliklerinizi yaptıktan sonra Backdrop CMS önbelleğini temizleyin ve kurulumu doğrulayın:

1. Yönetici panelinizde Yapılandırma > Performans bölümüne gidin
2. "Tüm önbellekleri temizle"'ye tıklayın
3. Web sitenizi yeni bir tarayıcı sekmesinde veya gizli pencerede açın
4. Sağ alt köşede sohbet widget'ı düğmesini görmeniz gerekir
5. Düzgün açıldığından ve çalıştığından emin olmak için tıklayın