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

どうも、ひろもん（@hiromon_com）です。

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

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

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

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

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

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

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

「CLICKLIS」の使い方

プラグインを購入

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

公式サイト

インストール方法

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

ボタンコードの生成

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

「CLICKLIS」の活用方法

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

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

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

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

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

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

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

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

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

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

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

「CLICKLIS」のレビュー

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

メリット

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

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

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

デメリット

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

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

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

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

要望・改善点

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

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

こんな人におすすめ

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

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

まとめ

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

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

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

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