---
title: ツール連携  | MagentoとYOTPOの連携
description: MagentoとYOTPOの連携手順についてご紹介します。
image: https://www.yotpo.jp/hubfs/yotpo/yotpo_gdp_18.png
---

# Magento と YOTPO の連携ガイド

![yotpo_integrations_1](https://www.yotpo.jp/hubfs/yotpo/yotpo_integrations_1.png "yotpo_integrations_1")

 

本ページでは、Magento と YOTPO を連携する方法をご紹介いたします。

Magento のバージョン 2.2 以降での設定方法となります。

Magento のバージョン 2.3.3 からは自動でエクステンションがインストールされていますが、それ以前のバージョンをご利用の場合は、先にインストールを行ってください。  
YOTPO エクステンションのインストール

## YOTPO の設定

### YOTPO モジュールの有効化

[![yotpo_integrations_magento_1](https://www.yotpo.jp/hubfs/yotpo/yotpo_integrations_magento_1.gif "yotpo_integrations_magento_1")](https://apps.shopify.com/yotpo-social-reviews?locale=ja)

1. Stores をクリック
2. Configuration をクリック
3. Store View のセレクトタブから、YOTPO を利用するストアを選択
4. 画面左のメニューで YOTPO を選択
5.  Reviews and Visual Marketing をクリック
6. YOTPO の App Key と API Secret を入力 
     - YOTPO の App Key と API Secret は、YOTPO の管理画面の「Store Settings」からご確認ください。
7. Widget Settings のセクションで、サイトに表示したいウィジェットを選択 
     - 表示箇所を任意で指定（コードに記載）する場合は、セレクトタブで "No" を選択してください。
8. Save Config をクリック

Magento のバージョン 2.2 以降での設定方法となります。

Magento のバージョン 2.3.3 からは自動でエクステンションがインストールされていますが、それ以前のバージョンをご利用の場合は、先にインストールを行ってください。  
YOTPO エクステンションのインストール

### 注文データの連携の設定

[![yotpo_integrations_magento_6](https://www.yotpo.jp/hubfs/yotpo/yotpo_integrations_magento_6.png "yotpo_integrations_magento_6")](https://apps.shopify.com/yotpo-social-reviews?locale=ja)

### 任意の箇所にウィジェットを設置

#### 商品ページにレビューウィジェットを設置

テーマのレビューウィジェットの表示箇所に下記のコードを設置してください。

`<?= $this->helper('Yotpo\Yotpo\Helper\Data')->showWidget($block) ?>`

#### カテゴリーページにスターレーティングを設置

テーマのスターレーティングの表示箇所に下記のコードを設置してください。

`<?= $this->helper('Yotpo\Yotpo\Helper\Data')->showBottomline($block, $_product) ?>`

Magento バージョン 2.3.3 以降では、自動でインストールされているため、既にインストール済みの場合は、以下の対応は不要です。

Magento Marketplace からのインストールの方法になります。

バージョン対応等の詳細については、リリースノートよりご確認ください。  
[YOTPO エクステンション リリースノート](https://marketplace.magento.com/yotpo-module-yotpo.html#product.info.details.release_notes)（英語）

Composer でインストールを行う場合には、下記のページをご覧ください。  
[Magento 2 インストールガイド](https://support.yotpo.com/en/article/setting-up-yotpo-on-magento-v21-and-below#composer-installation)（英語）

1. [Magento Marketplace](https://marketplace.magento.com/) にログイン
2. [YOTPO モジュール](https://marketplace.magento.com/yotpo-module-yotpo.html)をカートに追加
3. チェックアウトを完了 
     - この段階では、支払いや支払いの詳細は必要ありません。
4. Magento Marketplace Profile にアクセスキーが生成されていることを確認  
   ![yotpo_integrations_magento_2](https://www.yotpo.jp/hs-fs/hubfs/yotpo/yotpo_integrations_magento_2.jpeg?width=600&name=yotpo_integrations_magento_2.jpeg)
5. Magento 管理画面にログイン
6. 下記のページへ遷移  
    System > Web Setup Wizard > Component Manager もしくは Extension Manager
7. Magento Marketplace Profile のアクセスキーで認証  
   ![yotpo_integrations_magento_3](https://www.yotpo.jp/hs-fs/hubfs/yotpo/yotpo_integrations_magento_3.jpeg?width=600&name=yotpo_integrations_magento_3.jpeg)
8.  New Purchases または Extensions Ready to Install で、Install をクリック  
   ![yotpo_integrations_magento_4](https://www.yotpo.jp/hs-fs/hubfs/yotpo/yotpo_integrations_magento_4.jpeg?width=599&name=yotpo_integrations_magento_4.jpeg)
9.  Extensions Gridで、yotpo/module-Yotpoを探し、右側のInstallをクリック  
   ![yotpo_integrations_magento_5](https://www.yotpo.jp/hs-fs/hubfs/yotpo/yotpo_integrations_magento_5.png?width=600&name=yotpo_integrations_magento_5.png) 
     - もし、特定のバージョンが必要な場合は、Latest Version の項目でバージョンを選択します。​​​​​
10. Magento のセルフチェックが実行され、バックアップの作成を提案し、インストールプロセスを開始します。 
      - もし、ステップ1（準備状況の確認）やステップ2（バックアップ）で問題が発生した場合には、Magento のサポートへご連絡ください。
11. インストールが完了したら、Web Setup Setup Wizard や Magento Admin に戻ります。

## お問い合わせ／資料ダウンロード

YOTPOやUGCマーケティングについて詳しく聞きたい方は  
お気軽にご相談ください。

[![お問い合わせ](https://no-cache.hubspot.com/cta/default/19917462/6d6ade31-1115-4b56-9ba2-1dd8abd2583e.png)](https://cta-redirect.hubspot.com/cta/redirect/19917462/6d6ade31-1115-4b56-9ba2-1dd8abd2583e)

[![資料ダウンロード](https://no-cache.hubspot.com/cta/default/19917462/48c3cc8e-ebd0-47e9-947c-995ded3cedbd.png)](https://cta-redirect.hubspot.com/cta/redirect/19917462/48c3cc8e-ebd0-47e9-947c-995ded3cedbd)