「CLICKLIS(クリックリス)」の使い方を徹底解説!ぷるんぷるん動くアニメーションボタンでクリック率アップ!

  • URLをコピーしました!

どうも、ひろもん(@hiromon_com)です。

最近のWordPressテーマには、テーマ独自のボタン作成機能(ボタンブロック)がついていますが、大体の場合は「立体」「アウトライン」「光る」くらいです。

もちろんそれだけでも十分使えますが、中には商品LPで使われているような、動きのあるボタンを使いたいと思っている方もいるのではないでしょうか?

そんな方にオススメなのが、さまざまなアニメーションボタンが使えるようになるプラグイン「CLICKLIS(クリックリス)」です。

「CLICKLIS」を使えば、あなたのサイトで以下のアニメーションボタンが自由に使えるようになります。

動きのないボタンはカーソルを合わせると動くタイプのボタンです。

ボタンの色も自由に変更可能

「CLICKLIS」で使えるアニメーションボタン

そこで今回は、上記のような動きのあるボタンが使えるようになる、アニメーションボタンプラグイン「CLICKLIS」について徹底解説します。

この記事でわかること
  • 「CLICKLIS」の使い方
  • 「CLICKLIS」の活用方法
  • 「CLICKLIS」のメリット・デメリット
もくじ

「CLICKLIS」の使い方

「CLICKLIS」の使い方

プラグインを購入

「CLICKLIS」は有料プラグインなので、まずは販売ページから購入します。

公式サイト

インストール方法

プラグインを購入したら以下の手順でインストールします。

STEP
プラグインの[新規追加]をクリック
プラグインのインストール手順1

プラグインにカーソルを合わせるとサブメニューが表示されるので、[新規追加]をクリックします。

STEP
[プラグインのアップロード]をクリック
プラグインのインストール手順2
STEP
[ファイルの選択]をクリック
プラグインのインストール手順3

購入した「CLICKLIS」をZIPファイルのままアップロードします。

ファイル名は「clicklis.zip」です。

STEP
[今すぐインストール]をクリック
プラグインのインストール手順4

これで「CLICKLIS」がインストールされます。

STEP
[プラグインを有効化]をクリック
プラグインのインストール手順5

これで「CLICKLIS」が使えるようになりました。

ボタンコードの生成

アニメーションボタンを使うには、管理画面で生成したボタンコードを記事にコピペするだけです。

STEP
管理画面の[clicklis]をクリック

「CLICKLIS」をインストールし有効化すると、WP管理画面に「clicklis」の項目が追加されます。

STEP
ボタンコード生成

ボタンタイプ:任意で選びチェック
ボタンの色:任意で選びチェック
ボタンテキスト:ボタンテキストを入力
ボタンリンクURL:リンク先URLを入力
その他設定:任意でチェック

[ボタンコード生成]をクリックすると、すぐ下にボタンコードが生成されるのでコピーします。

STEP
記事に貼り付ける

さきほどコピーしたボタンコードを記事にペーストすると自動的に挿入されるので、あとは記事を公開(更新)するだけです。

ブロックエディターでも使用可能です。

「CLICKLIS」の活用方法

「CLICKLIS」の活用方法

「CLICKLIS」の主な活用方法を紹介します。

アフィリエイター向けの活用方法

  • 商品LP・レビューページへ誘導
  • メルマガ・LINE登録ページへ誘導

商品LP・レビューページへ誘導

「CLICKLIS」の活用方法1

アフィリエイトサイトなら、一人でも多くの方を商品LPやレビューページへ誘導したいはずです。

しかし悩ましいことに、検索ユーザーの中にはテキストリンクやボタンリンクに気づかず、そのままリンクをスルーしてしまう方が一定数います。

よくアフィリエイトの教材で「ユーザーはあなたが思うほど記事を読んでいない(読んでくれない)」と言われますが、自分が調べものをする際のことを思い返してもほんとその通りだと思います。

基本的に検索ユーザーはページを流し読みするため、リンクに気づかない人がいてもおかしくありません。

しかし動きのあるアニメーションボタンなら、流し読みをするユーザーの目にも留まりやすく、ひと目でボタンリンクだと認識してもらえます。

メルマガ・LINE登録ページへ誘導

「CLICKLIS」の活用方法2

メルマガやLINEに力を入れている方は、新規登録者を増やさないと売上が増えにくいため、一人でも多くの方を登録ページへ誘導したいはずです。

登録ページへの誘導方法はいくつかありますが、目に留まりやすいアニメーションボタンも登録ページへの誘導に使えます。

「CLICKLIS」のレビュー

「CLICKLIS」のレビュー

実際に「CLICKLIS」を使った上でのメリット・デメリットを紹介します。

メリット

「CLICKLIS」のメリット
  • 検索ユーザーの目に留まりやすい
  • クリック率アップ
  • オシャレ感が出る

「CLICKLIS」を使う最大のメリットは、検索ユーザーの目に留まりやすくクリック率がアップすることです。

ボタンのクリック率が上がれば、リンク先のPVや商品の成約数、メルマガなどの登録数も増え、結果的に売上げアップに繋がります。

また単純に、動きのあるサイトやページはオシャレ感が出ます。

デメリット

「CLICKLIS」のデメリット
  • ボタンコード生成が手間
  • 多用すると逆効果

「CLICKLIS」はブロックエディターに対応していないため、エディター上(記事作成画面)で直接アニメーションボタンを呼び出すことができません。

アニメーションボタンを使うには、必ず「CLICKLIS」の管理画面でボタンコードを生成し、生成したボタンコードをコピペする必要があります。

その間わずか数十秒ですが、日頃からブロックエディターを使っている身からすると、エディター上で呼び出せないのは手間に感じてしまいます。

また、ここぞという時に使うから効果的なのであって、サイト内のボタンリンクをすべてアニメーションボタンにするなど多用しすぎると、鬱陶しく思われ逆効果になるので注意が必要です。

要望・改善点

「CLICKLIS」への要望・改善点
  • ブロックエディターへの対応

「CLICKLIS」がブロックエディターに対応すると、今よりもずっと使いやすくなります。

理想はボタンブロックとして呼び出せるようになり、エディター上でアニメーションの種類・ボタンの色・リンクURLなどの設定が行えることです。

こんな人におすすめ

「CLICKLIS」がおすすめな人
  • アニメーションボタンを使いたい方
  • クリック率を上げたい方
  • オシャレ感を出したい方

現状のボタンに不満がない方には不要ですが、商品LPに使われているような目を引くアニメーションボタンを使いたい方には持って来いのプラグインです。

また、ボタンリンクが全然クリックされない方は、クリック率を上げる手段の一つとして使ってみるのもいいかもしれません。

まとめ

アニメーションボタンは、検索ユーザーの目に留まりやすくクリック率が上昇するメリットがありますが、注意点もあります。

たとえば、落ち着いた雰囲気のサイトや高級感のあるサイトの場合、見せ方にもよりますが、アニメーションボタンとサイトの雰囲気が合わない可能性もあります。

アニメーションボタンを使う際は、自分のサイトに設置しても違和感がないかだけ確認した方がいいです。

アニメーションボタンをカンタン使えるプラグインは他にあまりないので、「商品LPのようなアニメーションボタンを使いたい!」という方は、ぜひ活用してみてください。

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメント一覧 (2件)

コメントする

トップへ
もくじ
閉じる