Episerver CMS にチャット (Tidio) 機能を統合する

今日の世界では、顧客がリアルタイムで質問したり、懸念事項をすぐに受けとめたりできるため、すべてのウェブサイト所有者にとって、サイトにライブ チャット オプションを配置することは非常に重要です。

ティディオライブ チャット システムである Tidio は、操作が簡単で、さまざまな機能を備え、簡単に組み込めるという点で際立っています。このブログ投稿では、Tidio チャットを Episerver CMS Web サイトに統合します。

ステップ1: Tidioでアカウントを作成する

Tidio を Espreserver CMS に組み込むのは非常に簡単ですが、その前にユーザーはアカウントにサインアップする必要があります。

• Tidioのウェブページにアクセスします。https://www.tidio.com/に移動し、右上の「Get Started」をクリックします。

• アカウントを作成する: アカウントを作成するには、画面の指示に従ってください。より迅速に設定するには、ソーシャルログインを使用することもできます。開発者で、公開されたウェブサイトがない場合は、ダミーのウェブサイトURLを指定してアカウントを作成してください。

• Tidio ウィジェットをカスタマイズする: アカウントを設定したら、Web サイトのチャット ウィジェットをカスタマイズする必要があります。サイトのブログやレイアウトに合わせて調整します。

ステップ2: TidioのJavaScriptコードをコピーする

Tidio アカウントが設定され、チャット ウィジェットのインストールが完了したら、次に行うことは、Episerver CMS に挿入する JavaScript コード スニペットを取得することです。

インストールコードにアクセスするには、「設定” タブをクリックします。次に、”ライブチャット” オプションを選択し、次に “インストール」。そこには「手動インストール” タブをクリックします。これをクリックすると、JavaScript コード スニペットが表示されます。このコードをコピーして、後で Episerver CMS サイトのフッター セクションに使用します。

ステップ3: TidioをEpiserver CMSと統合する

Tidio JavaScript コードが手に入ったので、次はそれを Episerver CMS Web サイトに統合します。

ウェブサイトのメインレイアウトファイルを見つけます。通常、ここにサードパーティのスクリプトを追加します。これにより、スクリプトがすべてのページに読み込まれるようになります。簡単にするために、私はAlloyテーマを使用して、 ルート.cshtml ファイル。スクリプトが他のすべてのコンテンツの後に読み込まれるようにし、ページのレンダリングがブロックされるリスクを軽減するために、この配置が推奨されることに注意してください。

ステップ4: 統合をテストする

変更を更新した後、Tidioチャットウィジェットが正しく動作しているかどうかをテストすることが重要です。

ステップ 5: チャット ウィジェットをカスタマイズする (オプション)

ウェブサイトのデザインやブランドに合わせて、Tidio チャット ウィジェットをさらにカスタマイズできます。

結論

Tidio を Episerver CMS サイトに統合するのは簡単なプロセスですが、ユーザー インタラクションとカスタマー サービス機能を大幅に強化できます。わずか数ステップで、訪問者とリアルタイムでやり取りできる、完全に機能するライブ チャット ウィジェットを作成できます。

Tidio の機能を活用することで、迅速なサポートを提供し、顧客満足度を向上させ、最終的にはより多くのコンバージョンを促進することができます。楽しいチャットを！

2024年8月27日