SWELLならマイクロコピーのボタンリンクを1クリックで作成可能

SWELLでマイクロコピーを添えたボタンリンクの作り方について解説していきます。

SWELLでは以下のようなマイクロコピーのボタンリンクが予めブロックとして用意されているので、誰でも簡単にワンクリックで作成できます

\ ボタンブロックの使い方を解説してるよ/

目次

マイクロコピーのボタンブロックを使う方法

SWELLでマイクロコピー付きボタンリンクを作る手順を下記に示します。

STEP
ブロック追加

マイクロコピーのボタンリンクを設置したい箇所にブロックを追加します。

ブロックを追加
STEP
検索窓にマイクロコピーと入力

ブロックの追加画面にある検索窓にマイクロコピーと入力すると、「マイクロコピーとアイコン付きのボタン」ブロックが表示されるので、これを選択します。

SWELLのマイクロコピー付きボタンブロック
SWELLのマイクロコピー付きボタンブロック
STEP
ボタンリンク先を設定

マイクロコピー付きのボタンが記事内に追加されます。href=###部分にリンク先のURLを入力します。

SWELLのマイクロコピーのボタンにリンクを設定
マイクロコピーのボタンにリンクを設定

もしアフィリエイトのリンクなどで、計測用imgタグも含めて改変せずにリンクを作りたい場合は、広告タグを直接入力欄にASPのhtmlを直接貼り付けます。

STEP
ボタンの表示文字を設定

ボタン内の文字は、直接編集します。

STEP
マイクロコピーの文言を入力

ボタン上のマイクロコピー部分も直接文字を入力します。ボタンを押したくなるような表現を考えましょう。

STEP
ボタンの色や大きさの設定(任意)

ボタンの色や大きさ、クリック率の測定などは通常のSWELボタンと同じ方法で設定できます。

このようにSWELLを使うとマイクロコピー付きボタンが簡単に作成できます。

慣れると数秒で作成できるようになります。

マイクロコピーのボタンを他に作る方法

SWELLでは他にもマイクロコピー付きのボタンリンクを作る方法があります。

それは、段落ブロックとSWELLボタンを組み合わる方法です。

SWELLにはブロック下側の余白を調節できる機能があるので、マイクロコピーとしたい段落ブロックの余白を小さくしてボタンブロックと近づけるとマイクロコピー付きボタンになります。

\マイクロコピー/

ブロック下の余白量を0などにして小さくする
ブロック下の余白量を0などにして小さくする

実は、前述したマイクロコピー付きボタンブロックも実態は段落ブロックとSWELLボタンの組み合わせとなっています。

以上、SWELLでマイクロコピー付きボタンリンクを作成する方法でした。

以前まではマイクロコピー付きボタンを作るのはちょっと手間でしたが、SWELLを使うとワンクリックで簡単に出来るのでほんと便利になりましたね。

SWELLのボタンブロック機能について確認する

この記事が気に入ったら
フォローしてね!

目次