先日、Wordpressを教えている生徒さんから、商品決済ページを作りたいという話をいただきました。
私が考える商品販売・商品決済は、無料で作成できる「BASE(ベース)」がおすすめと考えていました。
というのも、Wordpressのプラグインで、商品販売する方法は、いろいろあるのですが、ホームページのSSLが無料ということもあり、不安があるからです。
そこで、他サイトである「BASE(ベース)」を利用して、他社SSLにご厄介になる、そんなプランを提案するつもりだったのですが、
その生徒さんが、現在、フォームズを利用して、メールフォームを使っているということで、一度、どんなサービスがあるのか、調べることにしました。
Formzu(フォームズ)この名前どっかで聞いたことあると思ったのですが、前の職場で使っていたような気がします。
その当時は、まだホームページ作成とであったばかりでしたし、こんな豊富なサービスではなかった気がします。
勘違いかもしれませんが。
Formzu(フォームズ)
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/6b223e0154df5959b078cbd6074e7a24.jpg?quality=70&f=auto)
テンプレートとして、基本・お問い合わせ・商品注文・参加申込・アンケート・就活エントリーシート・出欠確認などから選べます。
フォームズの設定
フォームズのURLから、メールアドレスを入力して、新規にフォームを作成します。
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/3a15bdf803d8a3a91a97053f0ebab00e.jpg?quality=70&f=auto)
フォームタイトルとパスワードを設定します。
次に、テンプレートを選択します。
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/0450ac81039f0c913f29f35db9d9bce5.jpg?quality=70&f=auto)
今回は、その中で、「商品注文」を利用して、解説します。
「商品注文」をクリックして、「同意して進む」をクリック。
基本の項目が順番通り表示されています。
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/ac8d36bcc100c943687d7ce6b784cc26.jpg?quality=70&f=auto)
生年月日などを増やしたい場合は、【項目の追加】から、選択します。
追加項目はいろいろあります。
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/1c24e7cfe5aaf69ab0f6d51fbf9f789c.jpg?quality=70&f=auto)
PayPalの追加
注文フォームにペイパルを追加したい場合は、
投稿完了/外部連携からPayPalを選んで、「PayPal決済を有効にする」をチェックすると利用できます。
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/26dd1a3c8c0f47e9bff0235d2f1189f5.jpg?quality=70&f=auto)
すべての設定が終わったら、左メニューの一番下にある「フォーム保存」を選択すると、もう一度確認をされて、「保存する」を選択します。
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/a727964d5fb2a4e5b1b592c418bd95d6-2.jpg?quality=70&f=auto)
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/4af23270b472e21609fdade2d2c52b91-500x349.jpg?quality=70&f=auto)
保存が完了すると、フォームIDが発行されます。
このIDがWordpressの設定に必要です。
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/a051f9631f13466abfd83004f07ea851-1000x754.jpg?quality=70&f=auto)
WordPressの設定
プラグインのインストール
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/a3cd0040aff3935f8a412c74d3517030.jpg?quality=70&f=auto)
プラグインから、新規追加で、「Formzu WP」をインストールすることができます。
インストール後、有効化します。
WordPressの左メニューから、「フォームズ」の「フォーム管理」を選択。
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/bbd757a4a25b7401dae61a1c2347f98e.png?quality=70&f=auto)
フォーム管理
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/71cfca5293ea28d724af0c7f3b86b64e.jpg?quality=70&f=auto)
先ほど作成したフォームを作った部分です。
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/4e741be9a15f12ecd86f8e1768dd904e.jpg?quality=70&f=auto)
先ほど取得したフォームIDを入力します。
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/7082a09a834005023e12e184d7e92233.jpg?quality=70&f=auto)
固定ページに追加した場合は、「固定ページ作成」
投稿ページに追加したい場合は、ショートコードを記事に貼り付けます。
固定ページに貼り付け
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/fa3514dbcf7328b6468e8ef314347c9b.jpg?quality=70&f=auto)
固定ページ貼り付けて、実際に表示してみます。
![](https://cdn.statically.io/img/kanyulab.page/wp-content/uploads/2020/12/34242a6d267d2273727622ec3fca8ef6.jpg?quality=70&f=auto)
PCの表示も、スマホも問題なく標示されました。
レスポンシブにも対応しているので、しっかり販売するというよりは、ちょっと販売してみるのがいいかもしれません。
まとめ
私からすると、このプラグインが無料で利用できるのは、すごいと思います。
有料級のプラグインじゃないかと感じました。
ペイパルの登録は必要になりますが、すでにアカウントをお持ちの方は、導入がしやすいです。
フォームズは別の使い方もできるのですが、
WordPressには、お問い合わせやアンケートなどに利用できるContactform7がありますし、
予約フォームにはMTS Simple BookingやBooking Package – 予約システムがあります。
またRESERVAを予約決済サービスとして、利用することができるため、
フォームズの利用は、商品販売がいいかなと感じました。
過去に、
と
で紹介しています。
ご参考にどうぞ。
コメント