トップページに戻る

VTO-EC Suite v3.1

セットアップガイド

ZIPファイルを展開してからショップ公開まで、9ステップで完了するインストール手順を画面付きで解説します。

事前準備

セットアップを始める前に、以下の情報をご準備ください。

サーバー環境
PHP 8.0以上
MySQL 5.7以上
Apache + mod_rewrite
SSL証明書
HTTPS必須
(Stripe決済に必要)
MySQL情報
ホスト名
DB名・ユーザー名
パスワード
Stripeアカウント
公開キー (pk_)
秘密キー (sk_)
Webhookシークレット (whsec_)
SMTP情報
SMTPホスト
ポート(465推奨)
ユーザー名・パスワード
ライセンスキー
VTO-XXXX-XXXX-XXXX-XXXX
(購入時にメールで届きます)
ZIPファイルのアップロード

受信したZIPファイルを展開し、中身をサーバーのWebルート(public_html等)にFTPでアップロードしてください。アップロード後、ブラウザで https://あなたのドメイン/setup.php にアクセスするとウィザードが開始します。

1

ウェルカム画面

setup.php にアクセスすると、最初にこの画面が表示されます。「セットアップを開始」をクリックしてください。

https://your-shop.com/setup.php
1
2
3
4
5
6
7
8
9
VTO-EC Suite へようこそ
このウィザードは、VTO-EC Suite の初期セットアップをガイドします。約10分で完了するので、ステップを進めてください。
2

データベース接続

MySQLデータベースの接続情報を入力します。レンタルサーバーのコントロールパネルで確認できます。「接続テスト」をクリックすると自動的に接続確認が行われます。

https://your-shop.com/setup.php
2
3
4
5
6
7
8
9
ステップ 2:データベース接続
MySQL データベースの接続情報を入力してください。
例: localhost, mysql.example.com
お名前.com / Xserver をお使いの場合

ホスト名は「localhost」ではなく、コントロールパネルに記載のMySQLサーバー名(例: mysql123.xserver.jp)を入力してください。文字コードは「utf8mb4」のまま変更不要です。

3

データベーステーブル作成

「テーブルを作成」をクリックすると、ECサイトに必要なテーブルが自動的に作成されます。全て「成功」と表示されれば完了です。

https://your-shop.com/setup.php
3
4
5
6
7
8
9
✓ データベース接続に成功しました
ステップ 3:データベーステーブル作成
「テーブルを作成」ボタンをクリックしてください。
テーブル名ステータス
ec_products✓ 成功
ec_orders✓ 成功
ec_order_items✓ 成功
users✓ 成功
ec_coupons✓ 成功
ec_reviews✓ 成功
ec_wishlist✓ 成功
ec_abandoned_carts✓ 成功
4

管理者アカウント

管理画面にログインするためのメールアドレスとパスワードを設定します。パスワードは8文字以上で設定してください。

https://your-shop.com/setup.php
4
5
6
7
8
9
ステップ 4:管理者アカウント
管理画面にアクセスするための管理者アカウントを作成してください。
8文字以上
⚠ セキュリティに関する注意

管理者パスワードは推測されにくいものを設定してください。英数字・記号を含む12文字以上を推奨します。このパスワードはセットアップ完了後、.envファイルにハッシュ化されて保存されます。

5

ASPライセンスキー

購入時にメールで届いたライセンスキーを入力します。後から .env ファイルに手動で設定することも可能なので、スキップもできます。

https://your-shop.com/setup.php
5
6
7
8
9
ステップ 5:ASPライセンスキー
VTO-EC Suite のASPライセンスキーを入力してください。
キーは VTO-XXXX-XXXX-XXXX-XXXX の形式です。
ライセンスキーは後で .env の ASP_LICENSE_KEY に設定することもできます
6

Stripe 決済設定

Stripeダッシュボード(stripe.com)からAPIキーを取得して入力します。まずはテストモードで動作確認し、準備ができたら本番キーに切り替えてください。

https://your-shop.com/setup.php
6
7
8
9
ステップ 6:Stripe 決済設定
Stripeダッシュボードから、テストキーまたは本番キーを入力してください。
テストモードで運用テストを行い、準備ができたら本番キーに切り替えてください。
sk_test_... または sk_live_...
pk_test_... または pk_live_...
Stripe ダッシュボード → Webhooks → エンドポイント → Signing secret
Stripe APIキーの取得先URL

以下のURLからStripeダッシュボードにログインし、各キーを取得してください。

APIキー
(Secret Key / Publishable Key)
https://dashboard.stripe.com/apikeys
テストモード切替は右上の「テストモード」トグルで行えます
Webhook Secret
(whsec_...)
https://dashboard.stripe.com/webhooks
「エンドポイントを追加」→ URL入力 → 「Signing secret」をコピー
テスト用APIキー https://dashboard.stripe.com/test/apikeys
テストモード専用の直リンク(sk_test_ / pk_test_ が表示されます)
⚠ Webhook エンドポイントの登録(必須)

Stripeダッシュボードの Webhooks ページ で、以下の設定を行ってください。

エンドポイントURL:https://あなたのドメイン/api/webhook.php
リッスンするイベント:checkout.session.completed
登録後に表示される「Signing secret」(whsec_ で始まる文字列)をStep 6のWebhook Secretに入力します。

7

SMTP メール設定

注文確認メールや発送通知メールの送信に使用するSMTPサーバーの情報を入力します。レンタルサーバーのメール設定を確認してください。

https://your-shop.com/setup.php
7
8
9
ステップ 7:SMTP 設定
メール送信用のSMTP設定を入力してください。
一般的には 465 (SSL) または 587 (TLS)
8

ショップ・ブランド設定

ショップ名やブランドカラーを設定します。カラーはカラーピッカーで直感的に選択できます。LINE公式アカウントをお持ちの場合は、友だち追加URLも設定できます。

https://your-shop.com/setup.php
8
9
ステップ 8:ショップ設定
ショップ名とブランドカラーを設定してください。

ブランドカラー
メインカラー
#3D2B1F
アクセントカラー
#D4AC0D
VTOボタン
#6C3483
背景色
#FAF8F5
テキスト色
#2C2C2C

LINE連携(オプション)
LINE Official Account Manager で作成した友だち追加URLを入力してください(オプション)
9

確認・完了

全ての設定内容を確認して「セットアップを完了する」をクリックします。.envファイルとテーマ設定ファイルが自動生成され、管理画面にログインできるようになります。

https://your-shop.com/setup.php
9
ステップ 9:確認・完了
以下の設定内容を確認して、「セットアップを完了する」をクリックしてください。
📊 データベース
ホスト:localhost
データベース名:myshop_db
ユーザー名:db_user
👤 管理者アカウント
メール:admin@your-shop.com
パスワード:ad****rd
🔑 ライセンス
ライセンスキー:VTO-AB12-CD34-EF56-GH78
💳 Stripe
環境:テストモード
Secret Key:sk_t****...
📧 SMTP
ホスト:mail.your-shop.com
ポート:465
🎨 ショップ
ショップ名:My Fashion Shop
キャッチフレーズ:バーチャル試着で販売革新

完了後に表示される画面:

https://your-shop.com/setup.php
セットアップが完了しました!
VTO-EC Suite の初期設定がすべて完了しました。
下のボタンをクリックして、管理画面にログインしてください。
✓ .envファイルを作成しました
✓ theme/config.phpを作成しました
✓ 管理者ユーザーを作成しました
✓ セットアップロックを作成しました
次のステップ: 1. 管理画面にログイン(上のボタン)
2. ライセンスキーの設定確認
3. Stripe Price IDsの設定
4. メール設定の送信テスト
5. VTO機能テスト用の画像登録
⚠ セキュリティに関する重要事項

セットアップ完了後、setup.lock ファイルが自動生成されます。このファイルが存在する間は setup.php に再アクセスできなくなります。再セットアップが必要な場合は、FTPで setup.lock を削除してください。