ElementorでStripe決済を受け付ける方法（簡単な3つの方法）

Elementorを使用していて、サイトでStripe経由で支払いを受け付ける方法を知りたいですか？

無料のElementorプラグインでは、サードパーティのStripeプラグインや連携なしでは、サイトでStripe決済を受け付けることができません。

Elementor ProにはStripeボタンウィジェットが付属していますが、直感的ではなく、機能も限定的です。

この記事では、無料またはProのElementorプラグインを使用して、Stripe決済を簡単に、正しい方法で受け付ける方法をご紹介します。

ElementorでStripe決済を受け付ける際のデメリット

Elementor ProのデフォルトのStripeボタンウィジェットの問題点は、全く直感的ではないソリューションであることです。機能させるには、APIキーを作成し、コードをコピー＆ペーストする必要があります。

また、税金などの特定の機能が動作するように、Stripeアカウントで適切な調整を行う必要があります。

機能したとしても、得られる機能は限られています。例えば、次のようなものがあります…

• 直接銀行振込のような、Stripeがサポートする複数の支払い方法を受け付ける方法がない
• 繰り返し払い、後払い、分割払いなどの高度なStripe機能がサポートされていない
• 希望どおりにメールレシートをカスタマイズする方法がない
• 支払い時のメール認証など、Stripeアカウントを保護するための追加のスパム対策がない
• WordPressでStripeの支払い詳細を表示する方法がない

WordPress向けの最高のStripeプラグインであるWP Simple Payを使用することが、WordPressサイトでStripe決済を受け付ける最も簡単な方法です。

無料版と有料版のElementorの両方とシームレスに統合され、繰り返し払い、後払い、分割払いなどの高度なStripe機能もサポートしています。

ElementorサイトにStripeを追加する3つの方法

Elementorを搭載したWordPressサイトでStripe決済を受け付けるための3つの方法をご紹介します。

• Stripeボタンを埋め込む：Stripe支払いボタンを追加することで、ユーザーをStripeチェックアウトにリダイレクトするか、オーバーレイ支払いフォームを表示できます。
• Stripeフォームを埋め込む：サイトに支払いフォームを埋め込んで支払いを受け付けます。
• Elementorのウィジェットを使用する：WP Simple Payを、ボタン、コールトゥアクション、価格表などのElementorウィジェットと統合します。これらのウィジェットを使用すると、1回払い、繰り返し払い、さらには分割払いも受け付けることができます。

それでは、WP Simple Payを使用してElementorでStripe決済を有効にする方法を見ていきましょう。

ステップ1：サイトにWP Simple Payをインストールする

まず最初に。WordPressサイトにWP Simple Payをインストールしてください。

WP Simple Payプラグインを購入した後、購入時の領収メールまたはWP Simple Payアカウントからダウンロードしてください。

次に、WordPress管理パネルにログインし、サイトにプラグインをインストールします。

FTP経由でインストールしたい場合は、このガイドに従ってください。

プラグインがアクティブ化されるとすぐに、StripeアカウントとWordPressサイトを接続するように求められます。

画面の指示に従ってStripeアカウントをサイトに接続し、支払い受け付けを開始してください。

ステップ2：Stripe決済ボタン/フォームの作成

次に、Stripeの支払いボタンまたは支払いフォームを作成する必要があります。

支払いボタンまたはフォームを作成するには、WP Simple Pay » Add Newに移動します。次に、支払いフォームテンプレートのいずれかを選択します。

WP Simple Payには、選択できるテンプレートが豊富に用意されています。テンプレートを選択する前にプレビューできます。適切なテンプレートが見つかったら、それを選択し、ニーズに合わせて設定してください。

各テンプレートには、さまざまなニーズに合わせて特別に調整されたオプションが事前に選択されています。たとえば、寄付フォームテンプレートを選択した場合、事前に選択されたオプションは、さまざまな金額の寄付ボタンなど、非営利団体への資金調達に合わせたものになります。

どのテンプレートを選択しても、後でいつでもオプションをカスタマイズできます。たとえば、価格設定オプション、支払い方法などの詳細をカスタマイズできます。

WP Simple Payを使用すると、ウェブサイトにボタンまたは支払いフォームを作成して埋め込むことができます。ボタンを埋め込むことにした場合、ユーザーをStripeチェックアウトにリダイレクトするか、オーバーレイ支払いフォームを表示して、顧客が支払い情報を送信できるようにすることができます。

フォームの準備ができたら、いくつかのテスト支払いを行い、サイトに公開できます。

支払いフォーム/ボタンの作成の詳細については、WordPressでStripe支払いを受け付ける方法をご覧ください。

ステップ3：ElementorとStripeを統合する

WP Simple Payを使用すると、Elementor搭載のウェブサイトで3つの方法でStripe支払いを受け入れることができます。

• サイトに支払いボタンを追加し、ボタンをクリックしたときにユーザーをStripeチェックアウトにリダイレクトするか、オーバーレイ支払いフォームを表示します。
• ブロックエディターを使用するか、ショートコードを使用して、サイトに支払いフォームを埋め込みます。
• 価格表ウィジェットを使用し、ボタンとStripeを統合します。

Stripeボタンまたはフォームを埋め込む

ブロックエディターにフォームまたはボタンを埋め込むには、公開したい投稿またはページに移動します。次に、+アイコンをクリックしてWP Simple Payブロックを追加します。次に、作成したフォームを選択します。その後、公開または更新をクリックします。 

または、フォームのショートコードを使用して、サイトのどこにでも埋め込みたい場所に貼り付けることができます。

Elementorのボタン、コールトゥアクション、または価格表ウィジェットを使用して埋め込む

Elementorのボタン、コールトゥアクション、または価格表ウィジェットを使用して支払いボタンを埋め込みたい場合は、Elementorエディターの埋め込みたい場所に適切なウィジェットをドラッグアンドドロップするだけです。

次に、左側でWP Simple Payオプションを探し、リストから埋め込みたい適切なボタンを選択します。

以上です！

この記事が、ElementorとStripeを正しく統合する方法を学ぶのに役立ったことを願っています。

この記事が気に入った場合は、WordPressで継続的な支払いを受け付ける方法もチェックしてみてください。

何を待っていますか？ 今すぐ WP Simple Pay を始めましょう！

このような記事をもっと読むには、 X でフォローしてください。