> ## Documentation Index
> Fetch the complete documentation index at: https://docs.paymentoptions.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Magento 2

> Magento 2の統合ガイド

<Card title="Magento 2">
  <img src="https://mintcdn.com/dasdoc/NIfdTDr2rgRx_fiM/images/magento2.svg?fit=max&auto=format&n=NIfdTDr2rgRx_fiM&q=85&s=ca85a40776a80d1277aedb997085facf" alt="Magento 2" width="299" height="87" data-path="images/magento2.svg" />

  * **説明**: ゲートウェイをMagento 2とシームレスに接続します。
</Card>

## **拡張機能のインストール**

<Steps>
  <Step>
    最新のソースコードzipファイルをPayment OptionsのGitHubからダウンロードします
    （ダウンロードリンクを使用してください: [https://github.com/paymentoptions/magento2-extension](https://github.com/paymentoptions/magento2-extension)）。
  </Step>

  <Step>
    magento2-extension.zipを解凍します。
  </Step>

  <Step>
    解凍したファイルをMagentoのルートパス下の `app/code/Agtech/Paymentoptions/` フォルダに配置します。
  </Step>

  <Step>
    Magentoモードを確認します:
    `php bin/magento deploy:mode:show` を実行してモードを確認します。
    Magentoモードが「production」の場合は、以下のコマンドを実行してください:

    * `php bin/magento cache:clean`

    * `php bin/magento cache:flush`

    * `php bin/magento setup:upgrade`

    * `php bin/magento setup:di:compile`

    * `php bin/magento setup:static-content:deploy`

    Magentoモードが「default」または「developer」の場合は、以下のコマンドを実行してください:

    * `php bin/magento setup:upgrade`

    * `php bin/magento setup:di:compile`

    * `php bin/magento setup:static-content:deploy -f`
  </Step>
</Steps>

## **拡張機能の設定**

<Steps>
  <Step>
    Magentoストアのバックエンドにログインします。
  </Step>

  <Step>
    管理者サイドバーの「Stores」を選択し、「設定」>「構成」に進みます。
  </Step>

  <Step>
    設定ページで、左側の「Sales」をクリックし、「Payment Methods」を選択します。
  </Step>

  <Step>
    決済方法ページで、「Payment Options」の支払いセクションに移動します。

    * 有効化 - 「Payment Options」決済方法を有効にするには「はい」を選択します。

    * モード - サンドボックスモードまたはライブモードを選択します。

    * タイトル - このタイトルはMagentoのチェックアウトページの支払い方法セクションに表示されます。

    * アクセストークン - Payment Optionsから受け取った`Secret Key`を入力します。

    * 加盟店ID - Payment Optionsから受け取った`Merchant ID`を入力します。

    * デバッグ - 「はい」を選択してデバッグを有効にします。これにより、Payment Options APIの呼び出しが`var/log/debug.log`ファイルに記録されます。

    * 国 - すべての国を許可するか、特定の国を選択してこの支払い方法を利用できるようにします。
  </Step>

  <Step>
    「設定を保存」ボタンをクリックします。
  </Step>

  <Step>
    Magentoキャッシュをリフレッシュします。

    <img src="https://mintcdn.com/dasdoc/eYMIZ22pI5J0va_6/images/plugins/plugins-magento-01.png?fit=max&auto=format&n=eYMIZ22pI5J0va_6&q=85&s=a87c1e210182c147a1249180cd145ad1" alt="Refresh image" width="960" height="783" data-path="images/plugins/plugins-magento-01.png" />
  </Step>
</Steps>

## **フロントビュー**

<Steps>
  <Step>
    チェックアウトページの決済方法セクションに表示されます。
  </Step>

  <Step>
    「Payment Options」決済オプションを選択すると、以下のように表示されます。

    <img src="https://mintcdn.com/dasdoc/eYMIZ22pI5J0va_6/images/plugins/plugins-magento-02.png?fit=max&auto=format&n=eYMIZ22pI5J0va_6&q=85&s=b48090f48555a18f236d12366dc78819" alt="Front View" width="874" height="662" data-path="images/plugins/plugins-magento-02.png" />
  </Step>

  <Step>
    「注文を確定」ボタンをクリックすると、決済ページにリダイレクトされます。

    <img src="https://mintcdn.com/dasdoc/PKusZIka-vF5rY79/images/plugins/plugins-magento-03.png?fit=max&auto=format&n=PKusZIka-vF5rY79&q=85&s=897c47e701e620b53f1bf078390aa26a" alt="Front View" width="629" height="785" data-path="images/plugins/plugins-magento-03.png" />
  </Step>

  <Step>
    上記のオプションのいずれかを使用して支払いを行います。
  </Step>

  <Step>
    決済が成功した後、成功ページにリダイレクトされます。

    <img src="https://mintcdn.com/dasdoc/PKusZIka-vF5rY79/images/plugins/plugins-magento-04.png?fit=max&auto=format&n=PKusZIka-vF5rY79&q=85&s=428e145565ab58621d1c210fb4bc4ef3" alt="Front View" width="481" height="452" data-path="images/plugins/plugins-magento-04.png" />
  </Step>
</Steps>

### 管理者ビュー

<img src="https://mintcdn.com/dasdoc/PKusZIka-vF5rY79/images/plugins/plugins-magento-05.png?fit=max&auto=format&n=PKusZIka-vF5rY79&q=85&s=190c90626b3b2a1f948c016b2bae7273" alt="Admin View image" width="989" height="808" data-path="images/plugins/plugins-magento-05.png" />

<Card title="サポートが必要ですか？" icon="life-ring" href="/support/contact">
  さらなるサポートが必要な場合は、[サポートチームにお問い合わせください](./support/contact)。私たちのチームは、問題解決をお手伝いします。
</Card>