Wix フォーム:サイトフォームに支払い方法を追加する
読了時間:9分
フォームに支払いを追加して、サイト訪問者が商品の購入、フィットネスクラスの登録、マンツーマンサービスの購入などができるようにしましょう。フォームを送信すると、訪問者は支払いを完了するための購入手続き画面に誘導されます。
始める前に:
決済方法がサイトに接続されていて、サイトをアップグレードしていることを確認してください。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/21/3a6c3231-2241-4d8d-b8dd-b327c2b911de/a490798e-7e89-4fe3-8b4f-46fef9f97c66.png)
新旧どちらの Wix フォームを使用しているかはどうすればわかりますか?
こちらの記事で新旧 Wix フォームの違いをご確認いただけます。
ステップ 1 | サイトにフォームを追加する
サイトにフォームを追加することで、訪問者がお問い合わせの送信、ニュースレターの購読、購入を行う際などに、貴重なインサイトを収集できます。
新フォーム
旧フォーム
- エディタ左側で「要素を追加」
をクリックします。
- 「フォーム」をクリックします。
- 以下のオプションから選択します:
- 新規フォームを作成。
- 既存のフォームを追加。
- フォームテンプレートを選択。
- 目的のフォームをページにドラッグします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/21/8b1d5e72-b9ba-42de-8290-09e4cadaa74b/ae6f0342-10fc-4690-b34a-6f4d24bec866.jpg)
ステップ 2 | フォーム設定で支払いを設定する
フォームを追加したら、サイト訪問者がフォーム経由で購入する商品やサービスを設定します。
新フォーム
旧フォーム
注文フォームのテンプレートを追加しましたか?
こちらのテンプレートは旧 Wix フォームを使用しています。代わりに、「Wix エディタ」タブの手順に従ってください。
- 支払いを追加するフォームをクリックします。
- 「フォームを編集」をクリックします。
- 「支払い機能」下で「商品」または「寄付支援」をクリックします。
- 「購入手続きをインストールする」をクリックします。
注意:商品注文フォームテンプレートを追加している場合は、この手順をスキップします。 - 「一般設定」タブをクリックします。
- 商品を販売するか寄付を募るかに応じて、以下の手順に従ってください。
単一商品
複数商品
寄付支援
参考:
「詳細設定」タブに移動して、商品項目キーと画像サイズ(トリミング)を編集します。「項目キー」を使用すると、コード内で商品項目をすばやく参照できます。「トリミング」では、画像を商品のサムネイルにフィットさせるか塗りつぶすかを選択できます。
ヒント:
フォーム内に商品 / サービスに関する詳細を書いて、サイト訪問者により多くの情報を提供することもできます。
ステップ 3 | 決済方法を接続する
フォームから支払いを受け取る最後のステップは、ニーズに合った決済代行サービスに接続することです。
決済方法を接続済みの場合:
このステップはスキップすることができます。
決済方法を接続する方法:
新フォーム
旧フォーム
- 「決済方法を接続する」をクリックします。
- 決済方法タブで決済代行サービスを設定します。
- (サイトをアップグレードしていない場合)「アップグレード」をクリックします。
- 「フォームに戻る」をクリックして、フォームの設定に戻します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/21/46447b65-9dc8-46ab-b672-299ad7775aee/565619eb-2741-49dd-8d62-0270776d8b05.jpg)
- (エディタ内で)「保存」をクリックします。
- 「公開」をクリックして、サイトにフォームを表示します。
重要: ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/21/553cfa0c-336a-4671-91ae-5b6b7f25ed53/d7cb1fe8-93ba-448e-9274-17dbe06203cd.jpg)
独自のフォームを作成した場合は、必ず「送信」項目を追加して、訪問者がフォームを共有できるようにしてください。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/08/21/553cfa0c-336a-4671-91ae-5b6b7f25ed53/d7cb1fe8-93ba-448e-9274-17dbe06203cd.jpg)
次のステップ:
フォームをデザインし、フォームの項目と背景をブランドに合わせてカスタマイズします。
よくある質問
詳細については以下の質問をクリックしてください:
フォームで回収したすべての支払いを確認するにはどうすればよいですか?
フォームを使用して得た売上は、サイトの商品在庫に反映されますか?
フォームから支払いオプションを削除するにはどうすればよいですか?
「設定完了まであとわずかです」というエラーメッセージが表示された場合はどうすればよいですか?
「決済方法が接続されていません」というエラーメッセージが表示された場合はどうすればよいですか?