
SWELLの購入を検討しております。SWELLだからできる、便利な機能を教えてください
SWELLは「他のワードプレステーマにはない便利機能」がたくさんあります。
今回紹介する便利機能は「SWELLボタン」です。
SWELLボタンを使うことで、「キラッと光るボタン」が10秒で作成できます。
この記事は、SWELLボタンの紹介と、どんなメリットがあるか、動画を使ってお伝えします。
この記事を読むことで、SWELLボタンの使い方がわかります。
結果、成約数が、現在の2倍に跳ね上がります。


<プロフィール>
- ConoHaWING3年目
- SWELL3年目
- SEO検定一級
- 月収6ケタのブロガー
- 某ASPの社員
プロフィールの根拠(クリックで開きます)








\少ない工数で稼げるテーマ/
SWELLは「乗換えプラグイン」が用意されてます。簡単にテーマ乗換ができます。
SWELLボタンとは!?【キラッと光るボタン】
実際に「SWELLバナーブロック」として使用した様子
前提、SWELLには「通常ボタン」と「SWELLボタン」が用意されております(上記記載)。
通常ボタンは、すべてのワードプレス共通で利用できるボタンで、SWELLボタンとは、SWELLのみで使えるボタンです。
- キラッと光るボタンが作成できる
- クリック計測ができる
- 広告タグがペーストだけで完結する
SWELLボタンを使えば、ブログ初心者でも、オシャレで高性能なボタンがつくれます。
なぜなら、HTMLやCSSの知識がなくても作成できるからです。
SWELLなら、クリックだけで「きらっと光るボタン」が作成できます。



10秒で作成できます。記事の作成に工数を使えます。
SWELLボタンの作り方は、上記動画で確認できます。
- ノーマルボタン
- 立体ボタン
- キラッと光るボタン
- アウトライン
- moreボタン
実際に「SWELLバナーブロック」として使用した様子
SWELLボタンは、フラットボタンから、キラッと光るコンバージョンボタンまで、さまざまなタイプのボタンを作成できます。







グラデーションや、ボタンの丸み設定も可能です。
SWELLボタンの作り方
SWELLボタンブロックを使えば、リッチなアフィリエイトボタンが、10秒でつくれます。
- ブロックエディタからSWELLボタンを選ぶ
- URLを入力
- レイアウトを選ぶ
リンク先URLも、自由に設定可能。もちろん、アフィリエイトボタン以外のボタン作成も可能です。



SWELLボタンで、実現できないことはございません。
コンバージョンボタンの重要性【アフィリエイトで2倍稼ぐ】
SWELLボタンは、コンバージョンボタンとして使うことがおすすめです。
なぜなら、きらりと光る、目立つボタンが作成できるからです。
コンバージョンボタンとは、ユーザーの購入を促すボタン。※CTR(コール・トゥ・アクション)とも呼ばれてます
「購入を促すボタン」ということは、アフィリエイトで成果を分けるボタン、ということ。



SWELLボタンをコンバージョンボタンとして設置したら、成約数が2倍になりました。


上記は、A8(エーハチ)の管理画面です。
わたしは、SWELLボタンを使うようになってから、コンバージョン数24件から、55件まで増加しました。


上記は、エクセル画像です。A8の管理画面から抽出したコンバージョン率の表です。
5月はコンバージョン率が8%まで上昇してます。



コンバージョン率が改善した理由は、SWELLボタンに秘密があります。
コンバージョンが増える、SWELLボタンの秘密は、以下3つです。
順番に解説します。
クリックされやすいボタン作成
コンバージョンされやすいボタンは「クリックされやすいボタン」と言えます。
なぜなら、クリックなしではコンバージョンに至らないからです。
ユーザーの目にとまならければ、クリックすらされません。
SWELLボタンは、5つのスタイルから選べます。
実際に「SWELLバナーブロック」として使用した様子
サンプル
色は、赤、青、緑の3色が選べます。
サンプル
SWELLボタンは、コンバージョン率が高い3色の利用ができます。



一般的に、コンバージョンされやすい色は、緑、青、赤とされています。
心理学的に、緑は「安心感を与え、人を納得させる力が非常に強い色」とされており、クリック率が高くなる効果があります。
みどりのボタンは安心感を与えるので、ECサイトに使うと有効とされてます。
一方で、赤色もコンバージョンを促す色。
緑よりも「21%多くクリックされた実験データ」もあります。
赤ボタンは忠告色。緊急性のある商品に設置すると有効です。



ボタンの色は、アフィリエイト商材や、サイトの雰囲気にあわせましょう。
ボタンにアイコンを表示できる


SWELLボタンは、アイコンを設定することができます。
アイコンを使うことで、クリック率があがります。
なぜなら、「ボタンである」と瞬間的に認識できるからです。
右のボタンにアイコンを挿入した様子
\サポート無料/
右ボタンは、アイコンを入れてます。
交通標識と同じで「別のページに移動する」ことを、事前に把握できるため、クリックしたくなりますよね。


SWELLボタンでは、Font Awesome(フォントオーサム)によって、アイコンボタンを実現してます。


「SWELL設定」から、Font Awesome(フォントオーサム)のオンオフ切り替えられます。
- SWELL設定
- Font Awesome
- CSSで読み込む
SWELLは、HTML、CSSの知識不要で、アイコンボタンを使うことができます。
ボタンのクリック検証ができる


SWELLボタンは「クリックされた数」を数値で計測できます。つまり「クリックされないボタン」と「クリックされるボタン」の判別ができます。
例えば、クリックされないボタンの「色やマイクロコピー」を変更することで、コンバージョン率を改善できます。


注意点は、SWELLブロック内の「ブログパーツ」では、SWELLボタンで、計測できません(上記画像)。
例えば、ブログパーツを使って、ボタンのABテストをした場合、時間が無駄になるのでご注意ください。
(投稿ページや固定ページなどの「記事内」でSWELLボタンを使えば、問題なく計測できます。)
広告リンクコードをペーストできる【SWELLでできること】
テーマ | ![]() ![]() | ![]() ![]() | ![]() ![]() SWELL | ![]() ![]() THE-SONIC | ![]() ![]() DIVER | ![]() ![]() SANGO |
価格(込) | 14,800円 | 14,800円 | 17,600円 | 7,800円/年 (税込:8,580円) | 17,980円 | 11,000円 |
カスタム機能 | あり | あり | あり | あり | あり | あり |
サイズ変更 | 大・中・小 | なし | 大・中・小 | 大・中・小 | 大・中・小 | 大・中・小 |
光るボタン | あり | あり | あり | なし | なし | なし |
広告タグを直接入力する機能 | なし | なし | あり | なし | なし | なし |
ボタンにアイコン | なし | なし | あり | なし | なし | なし |
クリック計測 | なし | なし | あり | なし | なし | なし |
使いやすさ | ||||||
作りかた | 詳細を見る | 詳細を見る | 詳細を見る | 詳細を見る | 詳細を見る | 詳細を見る |
SWELLボタンは、他ワードプレステーマでは使えない、便利な機能がたくさんあります(比較表参照)。
なかでも便利な機能が、広告リンクコードがそのまま使える機能です。
アフィリエイトで、広告リンクコードをボタンに設置するとき、地味にめんどくさくないですか?
コードをいじる必要があるので、ボタンのレイアウトが崩れたりしますよね…


しかし、SWELLボタンなら、広告リンクコートを、そのままペーストできます。
コードをいじらず設定できるので、デザイン崩れも心配ありません。
広告リンクコードの設置ミスを防ぐ
広告リンクコードをそのままペーストできることの最大のメリットは、収益漏れを防ぐことです。


アフィリエイトタグは、原則、広告リンクコードの改変はNGです。
「コンバージョンボタンを作るために、アフィリエイトタグを編集。そしたら承認NGになっちゃった…」
こんなケースは、絶対に避けたいものです。



いままでの苦労が水の泡です。
SWELLボタンは、広告リンクコードをそのままペーストできるので、タグ設置ミスは99%起きません。
ボタンのカラーバリエーションが少ない【デメリット】


SWELLボタンのデメリットは、ボタンの色が3色しかないこと
別途グラデーション設定ができるとはいえ、もう少しカラーバリエーションが欲しいところです。


どうしても、SWELLボタンでオレンジを使いたい場合、通常ボタンで作成します。



SWELLは、SWELLボタンのほかに、ノーマルボタンも作成できます。
ノーマルボタンを使えば、オレンジやピンクなど、自由な色のボタンを作成できます。
※ただし、アイコンやボタン計測は利用不可となります。
まとめ【SWELLボタンを解説:広告コードそのままペースト】


まとめです。
今回は「SWELLボタン」の記事を書きました。
SWELLボタンは、成約数が2倍になるボタンが、10秒で作成できます。
- 光るボタン
- アイコンボタン
- ABテストボタン



CSSやHTMLの知識不要です。クリックだけで作成できます。
SWELLボタンの極みは、広告リンクコードをそのままペーストできること。
SWELLボタンの詳細は、以下リンクから確認できます。
SWELLボタン(公式)とは?SWELLにするだけ!100点取れます




\少ない作業で大きな成果を/
SWELLは「乗換えプラグイン」が用意されてます。簡単にテーマ乗換ができます。