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

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

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

ショートコード例

[gssc code=1]

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

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

+をクリックし、「Stripe」ボタンをクリックして、Stripe用のブロックを追加します。
※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キーを有効にする為の操作

関連記事

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

フリーワード検索で探す