5.決済ボタンを埋め込む:Simple Stripe Checkout

商品のショートコードをコピー

左サイドメニューの[商品一覧]に移動して、対象商品のショートコードをコピーします。
※クリックするだけでコピーされます。

ショートコード例

[gssc code=1]

決済ボタン用のブロックを追加する

ショートコードをコピーしたら、次は投稿に貼り付けます。

をクリックし、一般ブロック内にある「Stripe」ボタンをクリックして、Stripe用のブロックを追加します。

ショートコードを貼り付ける

先ほど、コピーしたショートコードをStripeボックスに貼り付けます。

プレビューして確認

クレジットカード決済Stripeまとめ

  1. Stripe(ストライプ)の開設:クレジットカード決済の導入
  2. 初期設定:Simple Stripe Checkout
  3. メール設定:Simple Stripe Checkout
  4. 商品登録:Simple Stripe Checkout
  5. 決済ボタンを埋め込む:Simple Stripe Checkout
  6. テスト決済をしてみましょう:Simple Stripe Checkout
  7. Stripeの本番APIキーを有効にする為の操作

関連記事

3.メール設定:Simple Stripe Checkout
ここでは、実際に決済があった際に届くメールの設定を行います。SSCでは、現在シンプルに使う事を目的としている為、 販売者向けメール設定 販売者向けメール設定は、サイト所有者宛てに届くメールの設定です。 受信メールアドレス決済された事をお知らせする通知を受けたいメールアドレスを設定してください。 送信元メールアドレス通知の発信……
7.Stripeの本番APIキーを有効にする為の操作
Stripeアカウント開設後、そのままでは、実際にクレジットカード決済で収納する事ができません。その為の操作を以下にあげます。 ➀メールアドレスの確認を行う 作成したアカウントのメールアドレスへ確認メールが届いていますので、「メールアドレスを確認」を行います。 メールアドレスの確認が完了すると、ロックされていた「Strip……
6.テスト決済をしてみましょう:Simple Stripe Checkout
初期設定がテストAPIキーであれば、本番のような決済をテスト確認できます。Stripeは特に簡単に決済できてしまう為、本番を実装する前にテストをおすすめします。 決済ボタンを埋め込んだページで決済ボタンをクリック テスト用のAPIキーを入力しておくと、決済ボタンをクリックした後に立ち上がる決済フォームの右上に「TEST MODE」と表示されるは……
2.初期設定:Simple Stripe Checkout
Stripeのアカウントを作成した後、PRサイトビズにあるSimple Stripe Checkout(以降、SSC)を設定していきます。 テストAPIキーを取得 APIキーには公開可能キーとシークレットキーがありますので、それぞれコピーします。 APIキーには、テストAPIキーと本番APIキーがあります。ここではテストAPIキー……

フリーワード検索で探す