HubSpot'e Asyntai AI Chatbot Nasıl Eklenir

Platform:

HubSpot

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Craft CMS Contentful Docusaurus Strapi Joomla Kentico Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Hugo Statamic Umbraco Volusion 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: Site Ayarlarını Kullanma (Önerilen)

Chatbot'u HubSpot web sitenizdeki tüm sayfalara eklemenin en kolay yolu:

1. HubSpot hesabınıza giriş yapın
2. Ana gezinme çubuğundaki ayarlar simgesine (dişli) tıklayın
3. Sol kenar çubuğunda Website > Pages bölümüne gidin
4. "Site footer HTML" bölümüne kadar aşağı kaydırın
5. Asyntai gömme kodunuzu metin alanına yapıştırın
6. Sayfanın altındaki "Save" düğmesine tıklayın

Alternatif: Sayfaya Özel Kurulum

Chatbot'u yalnızca belirli sayfalarda istiyorsanız:

1. Marketing > Website > Website Pages (veya Landing Pages) bölümüne gidin
2. Düzenlemek istediğiniz sayfaya tıklayın
3. In the page editor, click Settings at the top
4. "Advanced options" bölümüne kadar aşağı kaydırın
5. "Footer HTML" bölümünü bulun
6. Asyntai yerleştirme kodunuzu yapıştırın
7. Click "Apply changes" and publish your page

Alternatif: Design Manager Kullanma

Daha fazla kontrol için Design Manager üzerinden bir JavaScript dosyası ekleyebilirsiniz:

1. Go to Marketing > Files and Templates > Design Tools
2. In the left sidebar, click File > New file
3. Açılır menüden "JavaScript" seçeneğini seçin
4. Dosyanızı adlandırın (ör. asyntai-chatbot.js)
5. Aşağıdaki kodu ekleyin:
   (function() {
  var script = document.createElement('script');
  script.async = true;
  script.src = 'https://asyntai.com/static/js/chat-widget.js';
  script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
  document.body.appendChild(script);
})();
6. Replace YOUR_WIDGET_ID with your actual widget ID
7. "Publish changes" düğmesine tıklayın
8. Bu dosyayı şablonunuza require_js kullanarak dahil edin veya site ayarlarınızda bağlayın

Alternatif: Özel Modüller Kullanma

Chatbot için yeniden kullanılabilir bir modül oluşturun:

1. Go to Marketing > Files and Templates > Design Tools
2. File > New file > Module seçeneğine tıklayın
3. "Asyntai Chatbot" olarak adlandırın
4. module.html dosyasına gömme kodunuzu yapıştırın
5. Modülü yayınlayın
6. Modülü şablonunuzun footer bölümüne ekleyin veya tek tek sayfalara sürükleyin

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi kaydettikten sonra, HubSpot web sitenizi yeni bir tarayıcı sekmesinde veya gizli pencerede ziyaret edin. Sağ alt köşede sohbet widget düğmesini görmelisiniz. Doğru şekilde açıldığından ve çalıştığından emin olmak için üzerine tıklayın.