2020年2月23日SHAREツイートシェアはてブLINE自分のサービスを売り出すときに、カード決済の導入は必須かと思います。今の時代、銀行振り込みしか対応していないというのはあまりユーザーには優しくありません。カード決済を導入することにより圧倒的に成約率も高まります。個人でカード決済システムを導入できるのは、PaypalStripeSPIKEこの3つが有名どころです。カード決済を導入すると言っても、譲れないポイントがいくつかあります。自動返信メールの導入ができる最低でもVISA、MASTERに対応していること出金申請からの振り込みサイクルが早いお客さんが決済しやすいフローになっているかこの観点から比較したところ、Stripeだけがすべての条件に合致しました。普通にやると自動返信の導入が難しかったので、より簡単な方法をご紹介していきますね。今回紹介する方法ではコンタクトフォーム7から自動返信を送ることができます。自動返信が必要な理由デジタル商品やサービスを売る場合は、自動返信がないと商品が売れても案内が自動でできません。売れたことを確認し、手動で商品案内を送らないといけなくなるので時差が生まれてしまい、お客さんを不安にさせてしまいます。自動返信の都合上、2回メールアドレスを入れてもらう必要があるのですが、それでも他の決済方法よりはユーザーにやさしい仕様になっています。ポップアップで出てきた画面より決済成功すると、自動返信が送ることができます。アカウント登録などもなくユーザーにやさしい決済になりますよ。WordPress」というキーワードでググったら、こちらの記事で丁寧に導入方法が解説されていました。参考WordPressでカード決済!Stripeの使い方【自動返信メール対応】CrossPiece非常に丁寧に解説されているのですが、この方法は上級者向けだと思います。PHPファイルを作成FTPソフトなどでアップロード決済ページにコード貼り付けと、手順的にはそこまで難しくはないのですが、僕は何度やってもうまくいきませんでした。何度トライしても全く上手くいかず2時間程度格闘してお手上げ状態になりました。なにがダメだったのか・・・1日空けてトライすればできていたかもしれませんが。プラグインで自動返信を実装するために準備するものPHPとかややこしいものをいじらなくてももっと簡単な方法はないのか?プラグインとかで実装できないものか?と調べていたところ、なんとありました!ですが無料のプラグインではありません。有料のプラグインです。CF7」という有料プラグインで、コンタクトフォーム7とStripeを連携するためのプラグインになります。(2018/5/8時点)envatomarketという海外の信頼のおけるサイトで販売されています。有料はちょっと・・・という方もおられるとは思いますが、14ドル程度であればカード決済を導入することができれば、すぐに回収できる費用なので特に問題ないと思います。marketのアカウントを作成し、クレジットカードかPaypalで決済しましょう。決済後、右上のアカウントボタンより「Downloads」を選択します。fliles&documentation」をクリックしプラグインをダウンロードします。only」でもプラグインはダウンロードできます。各プラグインをインストールする自動返信を実装するために3つプラグインが必要になります。7この2つは当然必要です。Framework」という無料の公式プラグインです。これらをそれぞれインストール&有効化を行いましょう。Frameworkは有効化するだけで、設定は必要ありません。CF7の設定をする左のメニューから「お問い合わせ」⇒「Stripe」をクリックします。一般設定Generalのタブの設定です。Form7と連携をONにするかどうかです。チェックを入れておきましょう。Name=商品名でOKです。Logo=変更しなくても大丈夫。画像を変更したい場合のみ設定してください。Key=Stripeの公開キーです。テスト時にはtestトークンを、本番時にはliveトークンを入力しておきましょう。Key=Stripeのシークレットキーです。■決済本番用キーStripeのダッシュボードから「APIキー」をクリックし、右側に表示されているトークンをコピーしましょう。pk(sk)_live_~~~~~~になっていればOK。「テストデータを表示する」をクリックすれば、キーもテストモードになります。pk(sk)_test_~~~~~~になっていればOK。optionsのタブの設定です。Mail=自動返信メールを送信する条件です。Successfull」を選択。Currency=通貨設定です。URL=決済成功時にリダイレクトするページ指定ができます。商品購入後のサンキューページを作成しておけば、決済後にリダイレクトします。URL=決済失敗時にリダイレクトするページ指定ができます。設定項目が多いように感じますが、7.8.9の設定をすれば最低限はOKです。settings」ではカスタムCSSとカスタムjavascriptの設定ができますが、特に設定をする必要はありません。コンタクトフォーム7で自動返信メール設定Stripe用のフォームを作成するまず、コンタクトフォームの新規追加を選択します。下記の画像のようにメールアドレスのみ残して、他の項目はすべて削除しましょう。Button」を選択しましょう。Label:購入ボタンのテキストになります。「購入」「今すぐ購入する」など入力してください。Description:日本語にするとエラーになりますので僕は使用できるカードブランドを入力してます。例:VISA/Master/AMEXAmount:半角数字で商品の金額を入力しましょう。カンマを入れるとエラーになります。:日本円なので「JPY」と入力しましょう。attribute:空欄でOK。このように入力されていればOKです。自動返信メールを作成する「メール」のタブに切り替えます。次にメール(2)を使用にチェックを入れます。これがお客様への自動返信になりますので、商品の案内などの必要事項を記載しておきましょう。フォームをページにセットする画像の赤枠部分のショートコードをコピーします。カード決済を導入したいページにビジュアルモードのままでいいので、ショートコードを貼り付けます。これで以下のようにできていればOKです。本番前にテスト決済をして正常に動くか確かめるテスト決済モードになっているかを確認するまず、WordPressの設定を確認します。「お問い合わせ」⇒「Stripe」⇒「General(一般設定)」を選択します。Keyがpk_test_~~~~~~sk_test_~~~~~~になっているか確認しましょう。テスト決済モードになります。「test」部分が「live」になっていると本番モードになります。テストカードでテスト決済する次に実際に決済をしてみます。以下のいずれかのカードで決済可能です。98431サンキューページにリダイレクト設定をしている場合は、決済成功後にリダイレクトするかもチェックしましょう。次は決済が成功しているかのチェックです。売り上げが反映されているかを確認Stripeの管理画面に売り上げが反映されているかを確認します。以下の画像のように売り上げが反映されていればOKです。決済する前に入力したメールアドレス宛に自動返信が届いているかを確認しましょう。届いていない場合は上記で説明している「決済オプションの設定」を再度確認ください。Successfull」になっていない可能性があります。問題なければ本番モードに切り替える決済モードのままリリースをしてしまうと、商品が売れても実売上には反映されませんので、必ず本番モードに切り替えましょう。pk_live_~~~~~~sk_live_~~~~~~こちらに切り替えましょう。ちなみに「test」を「live」に変更すればいいというわけではありません。それ以降の文字列も違いますので、必ず確認の上変更しましょう。まとめいかがでしたでしょうか?決済成功後にサンキューページにリダイレクトさせられる商品案内などの自動送信ができる有料のプラグインを導入することで、上記の機能を増やすことができます。この2点が非常に優れています。細かいことかもしれませんが、こういったことが成約率に大きくかかわってきますので、妥協せず決済システムを導入していきたいですね。Ultimateのボックスのショートコードにいろいろ組み合わせてみた!WordPressプラグイン「Tayori」で追尾型お問合せフォームを簡単設置!【ぺライチVSワードプレス】ランディングページ作成にはどっちがいい?【必見】ブログでガンガン使え!商用可の高品質かつオシャレな海外フリー写真素材サイト6選Jetpackの目障りな追加サイドバーウィジェットを非表示にする方法この記事を書いた人Kuuuワードプレスを最も得意とし、Webマーケティング全般に詳しい。ネットで効率よく集客をしたい、収益の柱を増やしたいといった方にブログを中心としたマーケティングを教えている。