ボイスフローを使用して高度なShopify EコマースAIチャットボットを構築しよう！

ビデオ内のステップバイステップの説明

• このビデオでは、Voiceflowを使用してShopify eコマースチャットボットを作成する手順を詳しく説明します。

• このチャットボットは、AIによる商品推薦を提供し、顧客が注文の追跡を行ったり、ボットに質問したりしてAIによる回答を受け取ることができます。

• eコマースストアにとって重要なのは、顧客が常に自分が欲しいものを知っているわけではないことです。そのため、このようなシステムを活用することで、顧客のニーズに基づいて商品を推薦することができる点です。

• このビデオで構築する商品推薦システムの例を以下に示します。単にビーチ用のバッグを尋ねると、関連するトートバッグが複数推薦される様子です。

• このビデオを最後までご覧いただくことで、独自のAAAクライアントや自分自身のeコマースストアのためにこれを構築するための専門知識を得ることができます。

ビデオ内のステップバイステップの説明

AIによるエアテーブルクエリとJavaScriptの利用

• 今回は、AIを利用してエアテーブルクエリとJavaScriptを組み合わせて使用する方法について説明します。

• まず、エアテーブルのクエリを利用して特定の条件に合致する製品情報を取得します。その後、JavaScriptを使用して、取得した製品情報を個々の変数に設定し、お客様に製品を表示するための変数を使用します。

• エアテーブルクエリとJavaScriptを組み合わせることで、柔軟な製品情報の取得と効果的な表示が可能となります。

AIによるエアテーブルクエリとJavaScriptの利用

JavaScriptステップのデータ設定

• Airtableのカラム名とVoiceflowで使用する変数を一致させる必要がある

• 各製品の変数を設定するために複数のJavaScriptステップを追加する

• 製品ごとに個別の変数を設定し、それらを使用できるようにする

• 製品データが取得できたかどうかを確認するために条件分岐を追加する

• 製品数に応じて異なるCarouselを送信するための条件分岐を追加する

• 最初の製品に関するAIプロンプトを追加し、顧客に製品の推薦と理由を伝える

• AIのプロンプトが短く簡潔であることを指示し、製品リストが表示されることを伝える

JavaScriptステップのデータ設定

更新されたシステムの構築

• ShopifyのAPIキーを取得するために、まずはShopifyストアにアクセスし、設定エリアからアプリと販売チャネルをクリックします

• APIキーを取得したら、make.comに戻り、URLを自分のストアに合わせて更新し、250個の商品の制限を忘れずに設定します

• システムを構築するためにHTTPリクエストから始める必要があります。このリクエストにはShopifyからのいくつかのキーが必要です。

• APIキーを取得するためには、Shopifyの設定エリアに移動し、アプリと販売チャネルをクリックし、開発アプリを作成します。

• 作成したアプリから、APIキーをコピーして保存し、そのキーを取得できるようにしておきます。そして、make.comに戻り、URLを自分のストアに合わせて更新します。

• システムの構築のために、デートや商品情報をアップデートし、取得した商品をAirtableに追加することができます。

更新されたシステムの構築

Shopify APIの活用

• 最初に、異なるAPIリクエストを行い、それぞれを少し異なる方法で行うことで問題を解決できます。

• 次に、getリクエストを作成し、データを取得するためのcontent typeとしてapplication Jsonの値を持つヘッダーを作成します。

• また、x-Shopifyアクセストークンを追加し、それから先程コピーしたキーを貼り付けます。

• その後、繰返し処理を行い、HTTPリクエストから配列を取得し、1つずつ処理を行います。

• 次に、Airtableレコードの検索を行い、Shopify IDに関連するレコードを特定し、レコードのアップサートを行います。

• アップサートでは、新しいレコードを作成するだけでなく、更新が必要な古いレコードを変更します。

• さらに、配列の集約処理を行い、更新されていない製品の日付を確認し、それらの製品を削除します。

• 最後に、エラーの無視を設定し、Shopify製品の完全自動化および更新を完了します。

Shopify APIの活用

Chatbotの設定とShopifyストアへの統合

• 最初に、Voiceflowのデフォルトの注文IDを特定の変数に更新する必要があります。

• 次に、AirtableへのAPI呼び出しを行い、顧客の注文IDと関連する情報をJSONレスポンスから取得します。

• その後、JavaScriptブロックを使用してJSONレスポンスから注文IDを抽出し、注文ステータスを取得します。

• そして、Shopify HTTPリクエストを設定し、Shopifyストアにチャットボットを統合します。

• 最後に、コードスニペットをShopifyストアのテーマに追加して、チャットボットをプレビューし、顧客が注文追跡や製品推薦を簡単に利用できるようにします。

Chatbotの設定とShopifyストアへの統合

Conclusion:

このビデオを最後までご覧いただくことで、独自のAAAクライアントや自分自身のeコマースストアのためにこれを構築するための専門知識を得ることができます。