無料ではじめる

ARTICLES

WordPressに応援ボタンを埋め込む手順｜プラグインなしでコードを貼るだけ

WordPressのブログに投げ銭（応援）ボタンを付けたい人向けに、プラグインを入れずにサポラバのボタンを「カスタムHTML」ブロックへ貼る手順を、公式の設置ガイドに沿って説明します。

公開

WordPressに応援（投げ銭）ボタンを付けるのに、プラグインは使いません。サポラバのマイページでボタンのコードをコピーし、記事の「カスタムHTML」ブロックに貼るだけです。費用は応援が届いたときの手数料だけで、読者は会員登録なしで応援できます。

手順は、サポラバの公式設置ガイド（https://app.sapolova.com/docs/button-integration 、2026-11-05確認）に沿って説明します。WordPress以外のブログにも置きたい場合は「ブログに投げ銭ボタンを置く方法」もあわせてどうぞ。

なぜプラグインを使わないの？

サポラバのボタンは、マイページで発行される短いHTMLコード（iframe）です。WordPressには最初からHTMLをそのまま貼れる「カスタムHTML」ブロックがあるので、プラグインを追加しなくても設置できます。公式ガイドにも「WordPress などのブログでは、『カスタムHTML』のブロックに貼り付けてください」とあります（出典: https://app.sapolova.com/docs/button-integration）。

始める前に用意するもの

  • サポラバのアカウント（無料登録。初期費用・月額0円）
  • 応援を受け取るための、Stripe Connectでの本人確認と振込口座の登録（初回だけ）

本人確認では、運転免許証やパスポートなどの本人確認書類と、銀行口座の情報が必要です（出典: https://sapolova.com 、https://sapolova.com/legal）。

手順1：マイページでボタンのコードをコピーする

  1. サポラバにログインし、マイページの左のメニュー（スマホは画面下のメニュー）で「応援ページ」を開きます。
  2. 「ボタンをカスタマイズ」を押し、文言・色・大きさ・角の丸みを決めます。
  3. 「Webサイトにボタンを設置」を開き（最初は閉じています）、「コードをコピー」を押します。

出典: https://app.sapolova.com/docs/button-integration

手順2：WordPressの「カスタムHTML」ブロックに貼る

  1. WordPressの管理画面で、ボタンを置きたい記事やページの編集画面を開きます。
  2. ブロックを追加し、「カスタムHTML」を選びます。
  3. 手順1でコピーしたコードを貼り付け、更新（公開）します。

貼るコードは次のような形です（yourname-id は説明用の例です。自分のものに置き換えてください。マイページでコピーしたコードには、自分の受取人IDが最初から入っています）。

<iframe
  src="https://app.sapolova.com/widget/button-iframe?recipient=yourname-id&text=サポラバで応援"
  title="サポラバの応援ボタン"
  style="border:0;width:100%;max-width:360px;height:120px"
  scrolling="no"
  loading="lazy"
></iframe>

出典: https://app.sapolova.com/docs/button-integration

記事の最後に置くと、読み終えた人の目に入ります。

見た目を変えたいときは？

コードの src にある項目で、文言（text）、背景色（bg）、文字色（color）、大きさ（size：Small / Medium / Large / XLarge）、角の丸み（radius）を指定できます。ただ、公式ガイドのとおり、WordPress側で書き換えるよりマイページで調整してからコピーするほうが確実です（出典: https://app.sapolova.com/docs/button-integration）。

ボタンの文言は、ブログの雰囲気に合う自分の言葉にしておくと浮きません。

読者がボタンを押すとどうなる？

新しいタブで応援ページが開き、読者は会員登録なしで、1回だけの応援か毎月の応援を選べます（出典: https://app.sapolova.com/docs/button-integration）。

  • 1回の応援金額：500円〜100,000円
  • 手数料：届いた応援の8.6%（プラットフォーム5%＋Stripe決済3.6%）。1,000円の応援なら914円が届く
  • 振込：Stripeの振込スケジュールで指定口座へ自動振込
  • 応援した人の名前や金額は公開されず、お礼やお返しもいらない

出典: https://sapolova.com/legal 、https://sapolova.com

応援が届くとメールで知らせが来ます（出典: https://sapolova.com）。

困ったときは

料金や振込はサポラバの「よくある質問」に、設置で困ったときは公式設置ガイドにある「お問い合わせ」から連絡できます（出典: https://app.sapolova.com/docs/button-integration）。

次にやること

マイページの「応援ページ」でコードをコピーし、いちばん読まれているWordPress記事の最後に「カスタムHTML」ブロックを1つ足して貼ってみてください。

応援ボタン

返礼不要の応援ボタンを、無料で置けます

自分のサイトやブログに置くだけです。応援する人に会員登録は要りません。

応援ボタンを作る

関連記事

応援ボタン

返礼不要の応援ボタンを、無料で置けます

自分のサイトやブログに置くだけです。応援する人に会員登録は要りません。

無料で始める

よくある質問

WordPressに投げ銭ボタンを付けるのにプラグインは必要ですか？

サポラバのボタンは、マイページで発行されるHTMLコードを貼る方式です。公式の設置ガイドにプラグインを使う手順はなく、「カスタムHTML」ブロックに貼り付けます。

WordPressのどこにコードを貼ればいいですか？

記事やページの編集画面で「カスタムHTML」ブロックを追加し、その中にコピーしたコードを貼り付けます。

ボタンの色や文言はWordPress側で変えますか？

マイページの「ボタンをカスタマイズ」で文言・色・大きさ・角の丸みを決めてからコードをコピーするのが確実です。

費用はかかりますか？

初期費用・月額は0円です。応援が届いたときだけ、8.6%（プラットフォーム5%＋Stripe決済3.6%）の手数料がかかります。

記事一覧へ戻る