メインコンテンツにスキップ

SquarespaceサイトにIntercomをインストールする

SquarespaceのウェブサイトにMessengerを素早くインストールする方法。

対応者:Beth-Ann Sher

数回クリックするだけでSquarespaceのウェブサイトにIntercomをインストールし、個人的で親しみやすいライブチャットを使って訪問者のサポートとコンバージョンを開始できます。

SquarespaceサイトにMessengerをインストールするには、Intercomのトライアルまたはサブスクリプションが必要です。


Messengerのユーザートラフィックを有効にする

「ログインしていないウェブサイト訪問者向け」を選択し、「Messengerのユーザートラフィックを有効にする」がオンになっていることを確認してください。

これが無効になっていると、Intercomへのすべてのリクエストが失敗します。

基本的なJavaScriptコードスニペットをインストールする

次に、基本的なJavaScriptテンプレートを選択します。

または、以下のJavaScriptコードをコピーしてください。

<script>
var APP_ID = "INSERT YOUR APP ID HERE"

window.intercomSettings = {
app_id: APP_ID
};
</script>
<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/' + APP_ID;var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>

ここからコードをコピーする場合は、workspace ID(コード内ではAPP_IDと呼ばれます)を手動で変更することを忘れないでください。👆

次に、Squarespaceのコードインジェクションパネルに移動し、Intercomからコピーしたコードをヘッダーセクションに貼り付けます。次に保存をクリックします。

ここに追加したコードは、サイトのすべてのページの<head>タグに挿入されます。Messengerを特定のページだけに読み込ませるために、そのページにコードを挿入することもできます。詳細はこちら

保存後、MessengerはSquarespaceサイトのすべてのページに表示され、ログインしていないウェブサイト訪問者(usersではなく)とチャットできます。

注意:

  • SquarespaceはチェックアウトページでのMessengerのインストールをサポートしていません。

  • Squarespaceはユーザーデータの追跡をサポートしていないため、すべての人がleadとしてリストされます。

Messengerをカスタマイズして、お客様にブランドに沿った体験を提供しましょう。

こちらの回答で解決しましたか?