Wix 統合

Omise を使用して Wix ウェブサイトで支払いを受け付けます。Wix ストア、予約、カスタム支払いフォーム用のシンプルなノーコードセットアップ。

概要

ノーコードセットアップ
Wix ストア統合
Wix 予約サポート
カスタム支払いフォーム
モバイルレスポンシブ
自動同期

セットアップメソッド

メソッド 1: Wix ストア（推奨）

e コマース向け:

Wix ストアアプリを追加
- Wix エディター → 追加 → ストア → Wix ストア
- ストアの基本設定
支払いゲートウェイを設定
- 設定 → 支払いを受け付け
- 「支払い方法を追加」をクリック
- 「その他の支払いオプション」を選択
- 「Omise」を選択

API 認証情報を入力

公開キー: pkey_live_xxxxx
秘密キー: skey_live_xxxxx
モード: ライブ

決済方法を有効化

✓ クレジット/デビット カード
✓ インターネット バンキング
✓ 電子ウォレット

メソッド 2: 支払いリンク

シンプルな支払い用:

Omise ダッシュボードで支払いリンクを作成
Wix ページにボタンを追加
ボタンを支払い URL にリンク
ボタンの外観をカスタマイズ

例:

ボタン テキスト: 「今すぐ支払う」
リンク先: https://omise.link/your-payment-link
ウィンドウで開く: 新しいタブ

メソッド 3: カスタムコード（高度な設定）

Velo を使用（Wix コード）:

// ページ コード に追加
import wixPay from 'wix-pay-backend';

$w.onReady(function () {
    $w('#payButton').onClick(() => {
        initiatePayment();
    });
});

async function initiatePayment() {
    const payment = await wixPay.createPayment({
        amount: 100.00,
        currency: 'THB',
        items: [{
            name: 'Product Name',
            price: 100.00,
            quantity: 1
        }]
    });

    // Omise 支払い にリダイレクト
    wixLocation.to(payment.paymentUrl);
}

Wix ストア設定

商品セットアップ

商品を追加:

ストア マネージャー → 商品
商品を追加
商品 詳細を入力
価格を設定
配送を設定
公開

支払い処理:

顧客フロー:
商品を閲覧
カート に追加
チェックアウト
Omise 支払いを選択
支払いを完了
確認を受け取る

注文管理

注文を表示:

Wix ダッシュボード → ストア マネージャー → 注文

注文情報:
- 顧客詳細
- 支払い方法
- トランザクション ID
- 支払いステータス
- 処理ステータス

払い戻しを処理:

注: Wix ストア の払い戻しは Omise ダッシュボード 経由で処理する必要があります
Omise ダッシュボード にログイン
トランザクション を検索
払い戻しを発行
Wix 注文 ステータス を手動で更新

Wix 予約統合

予約をセットアップ

Wix 予約を追加
- 追加 → ビジネスツール → Wix 予約
- サービスを設定
Omise に接続
- 予約設定 → 支払い
- Omise を支払い方法として追加
- API 認証情報を入力

サービスを設定

サービス セットアップ:
- サービス 名
- 期間
- 価格
- 支払いが必須: はい
- 支払い方法: Omise

予約フロー

顧客の流れ:
サービス を選択
時間帯を選択
情報を入力
Omise で支払い
確認を受け取る
カレンダー 招待を取得

決済方法

利用可能なメソッド

カード:

- Visa
- Mastercard
- American Express
- JCB

デジタルウォレット:

- TrueMoney Wallet
- Rabbit LINE Pay
- ShopeePay

銀行振込:

- インターネット バンキング（タイ銀行）
- 銀行リダイレクト

分割払い:

- 3/6/10 ヶ月 プラン
- 最小 3,000 タイバーツ
- タイ クレジット カード

カスタマイズ

支払いボタンスタイリング

Wix エディター:
1. 支払い ボタン を選択
2. デザイン タブ
3. カスタマイズ:
   - 色
   - フォント
   - サイズ
   - 枠線
   - パディング

チェックアウトページ

カスタマイズ:

- ロゴ配置
- カラー スキーム
- ボタン テキスト
- 利用規約
- プライバシー ポリシー

Wix ストアチェックアウト:

設定 → チェックアウト
- フィールド をカスタマイズ
- ステップ を追加/削除
- ポリシー を設定
- メール を設定

テスト

テストモードセットアップ

Wix ストア向け:

テスト API キーを使用
テスト 商品を作成
テスト 購入を完了
注文が作成されたことを確認
支払いステータス を確認

テストカード:

成功: 4242 4242 4242 4242
失敗: 4000 0000 0000 0002
有効期限: 任意の将来の日付
CVV: 任意の 3 桁

モバイル最適化

自動機能:

✓ レスポンシブ デザイン
✓ モバイル 最適化 フォーム
✓ タッチ フレンドリー ボタン
✓ 高速読み込み
✓ セキュア チェックアウト

モバイルプレビュー:

Wix エディター:
- モバイル アイコン をクリック
- モバイル ビュー をプレビュー
- 支払い フロー をテスト
- ボタン サイズ を確認
- フォーム 使いやすさ を確認

トラブルシューティング

よくある問題

Omise が支払いオプションに表示されない:

解決方法:
API キー が正しく入力されたことを確認
アカウント が確認されたことを確認
ライブ モード が有効化されたことを確認
Wix サポート に連絡
Omise アカウント ステータス を確認

支払いが処理されない:

解決方法:
API キー がアクティブ であることを確認
決済方法が有効化されていることを確認
別のカード でテスト
ブラウザ キャッシュ をクリア
Omise ダッシュボード でエラー を確認

注文が同期されていない:

解決方法:
インターネット 接続を確認
Webhook 設定を確認
新しい注文 でテスト
Wix 注文 ステータス を確認
Omise トランザクション ログ をレビュー

制限事項

Wix プラットフォーム制限:

- 限定的な直接 API アクセス
- ダッシュボード 経由のみの払い戻し
- 基本的なカスタマイズ オプション
- 高度な機能 なし
- Wix 更新に依存

回避策:

- 柔軟性 のため 支払いリンク を使用
- カスタム 機能 のため Velo と組み合わせ
- 高度な操作 のため Omise ダッシュボード を使用
- ハイブリッド アプローチ を検討

ベストプラクティス

セットアップ

✓ 本番運用前に十分にテスト
✓ 本番運用 で本番キー を使用
✓ 複数の決済方法を有効化
✓ 確認メール を設定
✓ サポート 連絡先情報を追加
✓ セキュリティ バッジ を表示

顧客体験

✓ 明確な商品説明
✓ 透明な価格設定
✓ 目立つ決済方法
✓ 高速チェックアウト プロセス
✓ モバイル フレンドリー デザイン
✓ セキュア 支払い インジケーター

セキュリティ

✓ API キー をプライベート に保つ
✓ HTTPS を使用（Wix で自動）
✓ 3D セキュア を有効化
✓ トランザクション を監視
✓ 定期的にアカウント をレビュー

よくある質問

Q: Omise を使用するには Wix プレミアムが必要ですか? A: はい、支払い受け付けには e コマース機能を備えた Wix プレミアムプランが必要です。

Q: Wix 無料プランで Omise を使用できますか? A: いいえ、支払い処理には有料 Wix プラン（ビジネス、ビジネス無制限、またはビジネス VIP）が必要です。

Q: Wix から追加のトランザクション手数料はありますか? A: はい、プランに応じて Wix はトランザクション手数料を請求する場合があります。詳細は Wix 価格設定を確認してください。

Q: チェックアウトページを完全にカスタマイズできますか? A: カスタマイズは Wix の組み込みオプションに制限されています。完全な制御のため、カスタムウェブサイトを検討してください。

Q: 払い戻しをどのように発行しますか? A: Omise ダッシュボード経由で払い戻しを処理してから、Wix で手動で注文ステータスを更新してください。

Q: サブスクリプションを受け付けることができますか? A: Wix には独自のサブスクリプション機能があります。Omise を使用したサブスクリプションについては、Velo を使用してカスタムコードを作成してください。

Q: Omise はすべての Wix テンプレートと互換性がありますか? A: はい、Omise 支払い処理はすべての Wix テンプレートとテーマで機能します。

Q: Omise を Wix 予約で使用できますか? A: はい、Omise を Wix 予約サービスの支払い方法として設定できます。

Q: どの通貨がサポートされていますか? A: THB が主です。その他の通貨は Omise アカウントセットアップに依存します。

Q: サポートをどのように取得しますか? A: 支払い問題については support@omise.co で Omise サポートに連絡してください。プラットフォーム問題については Wix サポートに連絡してください。

次のステップ

ダッシュボードガイド - ダッシュボードで支払いを管理
支払いリンク - 代替支払い方法
テストガイド - 統合をテスト

リソース

お困りですか? support@omise.co に連絡してください

概要​

セットアップ メソッド​

メソッド 1: Wix ストア（推奨）​

メソッド 2: 支払いリンク​

メソッド 3: カスタム コード（高度な設定）​

Wix ストア 設定​

商品 セットアップ​

注文管理​

Wix 予約統合​

予約をセットアップ​

予約フロー​

決済方法​

利用可能なメソッド​

カスタマイズ​

支払いボタン スタイリング​

チェックアウト ページ​

テスト​

テスト モード セットアップ​

モバイル 最適化​

トラブルシューティング​

よくある問題​

制限事項​

ベストプラクティス​

セットアップ​

顧客体験​

セキュリティ​

よくある質問​

次のステップ​

リソース​

概要