WordPress用のAlter Productプラグインのインストール
Alter ProductはWordPress用のプラグインとしてインストールします。ストアの商品、バリエーション、カート、注文を管理するため、WooCommerceをインストールして有効化する必要があります。
プラグインをインストールする前に、サイトが次の最小要件を満たしていることを確認してください:
- WordPress:6.4+
- WooCommerce:6.0+(インストール・有効化済み)
- PHP:8.0+
- セキュリティ上、HTTPS / SSLが有効なサーバーが必要です
- Alter Productアカウントが必要です(Access Key+Access Tokenを使用します)
重要:プラグインは分離されたiframe内でCustomizer、Configurator、Viewerを実行するため、WooCommerce本体のチェックアウト動作は変更しません。
WordPressでパーマリンクを有効にしてください。次の画面を開きます:
WordPress Admin Panel → Settings → Permalinks
Customizer、Configurator、Viewerのページで見つかりませんと表示される場合は、この画面で変更を保存をクリックしてパーマリンクを更新してください。
YouTube のステップバイステップのチュートリアルに沿って、WordPress プラグインをインストールし、WooCommerce ストアを Alter Product に接続して、顧客がカスタマイズできる最初の商品を設定しましょう。
- WordPress管理画面にログインし、WooCommerceがインストールされ、有効になっていることを確認します。
- WordPress管理画面でプラグイン → 新規追加を開き、Alter Product - 3D Configurator for WooCommerceを検索してインストールし、有効化します。* 任意:ZIPファイルを手動でアップロードして有効化することもできます。
- WordPress管理画面でAlter Productを開き、Auto Connectの接続をクリックします。* 手動設定の場合:Alter ProductのAPI設定ページでAPIキーを作成し、Access KeyとAccess Tokenをコピーしてから、埋め込み設定にストアのドメインを追加します。
- WordPress管理画面のAlter Productプラグインに表示される設定手順に従ってください。
- 最初のデザインを準備 — WordPress管理画面でWooCommerceの商品編集ページを開きます。Alter Productタブで新規デザインを作成するか既存のものを選び、商品に紐付けます。WooCommerce商品に合ったバリエーションを定義し、必要に応じてCustomizerを有効にして、プロジェクトを保存してください。
WordPressでプラグインの設定が完了すると、次のことができます:
- 商品、バリエーション、モックアップ、グラフィックライブラリ、ロゴ、デザインテンプレート、背景、環境、フォントなどのアセットを管理
- Alter Productストレージからプロジェクトをインポート
- 商品デザインを作成・管理
- 選択したECツールのボタンを公開WooCommerceストアページや商品ページに表示
- WooCommerce商品ページやWordPressページにViewer / Configurator / Customizerを埋め込み
- WooCommerce商品とAlter Productデザインを紐付け
- お客様による商品カスタマイズ(文字、画像、レイアウト、QRコードなど)
- 選択した構成をWooCommerceカートに同期
すぐに使えるAWS S3対応WordPressストレージ
プラグインには非公開のAWS S3ストレージ機能も含まれています。バケットとIAMの設定、接続テスト、移行手順をご確認ください。AWSの利用料金は別途請求されます。
- APIテストに失敗する:Alter Product → ステータスでAccess Key / Access Tokenと、サーバーから
https://alterproduct.com/public-apiへの接続を確認してください。 - アセットをダウンロードできない:Alter Product → ステータスを開き、サーバーがサーバーリソース表の要件を満たしているか確認してください。
- iframeが空白/通信できない:Alter ProductのEC設定 → 連携にストアのドメインが追加されていること、またはサーバーが有効なSSL証明書でHTTPSを使用していることを確認してください。
- パーマリンクの問題:Customizer、Configurator、Viewerのページで見つかりませんと表示された場合、設定 → パーマリンクを開いて変更を保存をクリックし、リライトルールを更新します。
- カートに追加できない:商品の紐付けが完了し、埋め込まれたツールのEC操作が有効になっているか確認してください。