【Shopify】Air Product Reviews App & UGCの導入・設定方法 完全ガイド

目次

はじめに

オンラインストアにおいて、商品レビューは購入の決め手となる重要な要素です。

以前無料で利用できていたHulk Product Reviewsがサービスを終了したため、代替となるレビューアプリをお探しの方も多いのではないでしょうか。

Shopifyストア向けの「Air Product Reviews App & UGC」は、商品レビュー機能を簡単に実装でき、基本機能が無料で利用できるアプリです。

本記事では、アプリのインストールから基本設定、ストアへの実装、日本語への翻訳まで、段階的な導入手順を解説しますので、ぜひ参考にしてみてください。

Air Product Reviews App & UGCの料金プラン

Air Product Reviews App & UGCのアプリ画面
Air Product Reviews App & UGCのアプリ画面

各プランの特徴と機能は以下の通りです。

スクロールできます
プラン料金主な機能
Free(無料)無料• 注文数無制限
• レビュー数無制限
• AliexpressとAmazonからのインポート
• レビューボックスと星評価
• レビューポップアップ、カルーセル、サイドバー
Pro$12.90/月• 無料プランの全機能
• レビューへの返信
• 削除レビューのゴミ箱機能
• カスタムCSS
• Shopify Flow連携
• 基本的な連携機能
Advanced$29.90/月• Proプランの全機能
• Q&A機能
• サイトレビュー
• レビュー割引機能
• 商品グループ機能
• インタラクティブなリクエストメール
• レビュー翻訳機能
Enterprise$199/月• Advancedプランの全機能
• 拡張統合機能
• Headless commerce: Hydrogen対応
• API & Webhook アクセス
• 優先GCPアクセス
• 優先サポート

Air Product Reviews App & UGCの導入方法

インストール

まずはアプリのインストールをしていきます。

Shopifyアプリストアで「Air Product Reviews App & UGC」と検索してインストールをしてください。

アプリをインストールする参考画像
アプリをインストール

「インストールボタン」を押下し、インストールをしてください。

「インストールボタン」を押下し、インストールする参考画像
「インストールボタン」を押下し、インストール

これでインストールは完了です。

アプリの基本設定

次にアプリの基本設定をしていきます。

最初にでてくるポップアップはデフォルトでいいので、「次のステップ」を押下してください。

「次のステップ」を押下する参考画像
「次のステップ」を押下

次のポップアップでは、3箇所をチェックして「次のステップ」を押下してください。

3箇所をチェックして「次のステップ」を押下する参考画像
3箇所をチェックして「次のステップ」を押下

次はテーマの選択になりますので、任意のテーマを選択し、「次のステップ」を押下してください。

任意のテーマを選択し、「次のステップ」を押下する参考画像
任意のテーマを選択し、「次のステップ」を押下

次はレビュー以来のメールを送る設定になります。

デフォルトでは商品を購入したユーザーに7日後にレビュー依頼メールを送信するようになっています。

こちらは任意の設定して「次のステップ」を押下してください。

任意の設定して「次のステップ」を押下する参考画像
任意の設定して「次のステップ」を押下

次にプランの設定をします。

基本的な機能は無料で使えますので、「無料で続行」を押下してください。

「無料で続行」を押下する参考画像
「無料で続行」を押下

ストアに実装

次にストアにレビュー機能を実装していきます。

アプリホーム画面から「クイックスタート」を参考に設定をしていきます。

「クイックスタート」を参考に設定する参考画像
「クイックスタート」を参考に設定

まずは、「アプリを有効にする」を選択し、「アプリを有効化」ボタンを押下してください。

「アプリを有効化」ボタンを押下する
「アプリを有効化」ボタンを押下

カスタマイズ画面に移動するので、「Air Product Reviews」を有効化してください。
不具合でストアの管理画面に変移しない場合は、「オンラインストア」→「カスタマイズ」から手動で設定してください。

「Air Product Reviews」を有効化する参考画像
「Air Product Reviews」を有効化

次に、「レビューを表示」を押下し、メニューを開き、「設定に移動」を押下して、設定画面に移動してください。

「設定に移動」を押下して、設定画面に移動する参考画像
「設定に移動」を押下して、設定画面に移動

アプリの「ブロックを追加」から「All Reviews block」を追加してください。

ブロックを追加」から「All Reviews block」を追加する参考画像
ブロックを追加」から「All Reviews block」を追加する

追加できたら保存をして、アプリ画面に戻ります。

※アプリの「ブロックを追加」から「All Reviews block」が表示されない方はこちら

次に「星評価スニペットの設定」を押下し、「今すぐセットアップ」を選択してください。

「今すぐセットアップ」を選択する参考画像
「今すぐセットアップ」を選択

ここでは商品カードのレビュー表示にの設定を行うことができますので、任意の項目を設定し、保存をしてください。

任意の項目を設定し、保存する参考画像
任意の項目を設定し、保存する

保存ができたら、ストアに反映できているか確認してください。

ストアに反映できているか確認する参考画像
ストアに反映できているか確認

次に「ホームやランディングページにレビューカルーセルを表示する」を選択し、「今すぐセットアップ」を押下してください。

「今すぐセットアップ」を押下する参考画像
「今すぐセットアップ」を押下

レビューカルーセルを有効化し、任意のカラーと見出しを設定してください。

レビューカルーセルを有効化し、任意のカラーと見出しを設定する参考画像
レビューカルーセルを有効化し、任意のカラーと見出しを設定

次に「テーマ設定へ移動」から、テーマの設定に移動してください。

「テーマ設定へ移動」から、テーマの設定に移動する参考画像
「テーマ設定へ移動」から、テーマの設定に移動

レビューカルーセルを追加したいページに移動し、「セクションを追加」から「Review Carousel Widget」を追加してください。

「Review Carousel Widget」を追加する参考画像
「Review Carousel Widget」を追加

翻訳

「Air Product Reviews App & UGC」はデフォルトで英語の表示になっているので、手動で翻訳をしていきます。

アプリの管理画面から、「Settings」→「翻訳」を選択してください。

「Settings」→「翻訳」を選択する参考画像
「Settings」→「翻訳」を選択

「レビューボックス」にチェックが入っている状態で任意の翻訳を入力してください。

「レビューボックス」にチェックが入っている状態で任意の翻訳を入力する参考画像
「レビューボックス」にチェックが入っている状態で任意の翻訳を入力

完了したら、同じ手順で「レビューフォームを送信」「認証バッジ」「編集レビューをリクエスト」「メール」も翻訳してください。

これですべての設定が完了です!

お疲れさまでした!

 トラブルシューティング

アプリの「ブロックを追加」から「All Reviews block」が表示されない

アプリの「Display reviews」から「レビューボックス」の設定を選択し、「テーマへ移動」を押下してください。そうするとアプリブロックが追加されるようになります。

まとめ

本記事では、Hulk Product Reviews終了後の代替アプリとして、Air Product Reviews App & UGCの導入手順を解説しました。

基本的な機能は無料プランで利用できるため、Hulk Product Reviewsからの移行先として最適なアプリの一つと言えます。

ぜひ、この手順に従って、お客様の声を効果的に活用できるレビュー機能を実装してみてください。

関連記事

あわせて読みたい
【保存版】Shopifyで作る追従LINEバナー!初心者でも3分で実装できる方法 Shopifyでの追従LINEバナー実装について Shopifyでストアを運営していると、LINEでの顧客対応を強化したいと考える方は多いのではないでしょうか?特にスマートフォンか...
あわせて読みたい
【Shopify】簡単3STEPでパンくずリストを実装する方法 はじめに Shopifyストアにパンくずリストを追加したい… 顧客の現在位置をわかりやすく表示したい… 複雑なコード編集は避けたい… そんなお悩みを解消し、スムーズなサイ...
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次