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 セキュア を有効化
✓ トランザクション を監視
✓ 定期的にアカウント をレビュー

FAQ

Omise を使用するには Wix プレミアムが必要ですか?

はい、支払い受け付けには e コマース機能を備えた Wix プレミアムプランが必要です。

Wix 無料プランで Omise を使用できますか?

いいえ、支払い処理には有料 Wix プラン（ビジネス、ビジネス無制限、またはビジネス VIP）が必要です。

Wix から追加のトランザクション手数料はありますか?

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

チェックアウトページを完全にカスタマイズできますか?

カスタマイズは Wix の組み込みオプションに制限されています。完全な制御のため、カスタムウェブサイトを検討してください。

払い戻しをどのように発行しますか?

Omise ダッシュボード経由で払い戻しを処理してから、Wix で手動で注文ステータスを更新してください。

サブスクリプションを受け付けることができますか?

Wix には独自のサブスクリプション機能があります。Omise を使用したサブスクリプションについては、Velo を使用してカスタムコードを作成してください。

Omise はすべての Wix テンプレートと互換性がありますか?

はい、Omise 支払い処理はすべての Wix テンプレートとテーマで機能します。

Omise を Wix 予約で使用できますか?

はい、Omise を Wix 予約サービスの支払い方法として設定できます。

どの通貨がサポートされていますか?

THB が主です。その他の通貨は Omise アカウントセットアップに依存します。

サポートをどのように取得しますか?

支払い問題については support@omise.co で Omise サポートに連絡してください。プラットフォーム問題については Wix サポートに連絡してください。

次のステップ

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

リソース

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

概要​

セットアップ メソッド​

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

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

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

Wix ストア 設定​

商品 セットアップ​

注文管理​

Wix 予約統合​

予約をセットアップ​

予約フロー​

決済方法​

利用可能なメソッド​

カスタマイズ​

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

チェックアウト ページ​

テスト​

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

モバイル 最適化​

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

よくある問題​

制限事項​

ベストプラクティス​

セットアップ​

顧客体験​

セキュリティ​

FAQ​

次のステップ​

リソース​

概要