ポチップのインラインボタン機能を使用する方法

ご質問のある方へ

ポチップの質問・要望は公式フォーラムにご投稿ください。

ポチップでは通常のポチップブロックだけではなく、比較表などで使えるボタンを簡単に表示することができます。

このような比較表のボタンを簡単に作れます
通常の使い方ではボタンだけ表示することはできません

今回は、ポチップのアフィリエイトリンクをインラインボタンで表示する方法について解説します。

ポチップでインラインボタンを表示する方法

手順は以下の2ステップです。

  • 「ポチップ管理」にインラインボタンを表示したい商品を登録する
  • 投稿画面から表示したい商品とボタンを選択する

「ポチップ管理」にインラインボタンを表示したい商品を登録する

インラインボタンを表示できる商品は「ポチップ管理」に登録されている商品だけです。

ポチップ管理に商品を登録するためには「新規追加」より商品を登録することが可能です。

新規商品の登録方法については以下の記事で解説しているので、以下も合わせてご覧ください。

投稿画面から表示したい商品とボタンを選択する

ポチップ管理に商品が登録できたら、インラインボタンを表示したい箇所でツールバーからポチップの「ペット」アイコンをクリックすると検索窓が表示されます。

ここで商品名を検索すると、いくつか候補がピックアップされるのでインラインボタン化したい商品を選びましょう。

以下では「コーヒー」を検索してみます。

「Amazon」ボタンをクリックするとインラインボタンを表示するショートコードが入力されます。

ショートコードはブログを公開すると自動的にボタンに変換されます

このままブログ記事を公開してみるとインラインボタンが表示されます。

以上でインラインボタンの表示までの手順は完了です。お疲れ様でした。

インラインボタンのデザインをカスタマイズする方法

インラインボタンも通常のポチップブロック同様、デザインを自分のブログに合わせてカスタマイズできるようになっています。

「ポチップ設定」をクリックすると以下の画面が表示されます。

スクロールすると「インラインボタンのデザイン設定」「各ボタンの色」という設定項目があります。

これらの設定を変更して「保存」をクリックすることで簡単にボタンのデザインを変更することができます。

これでインラインボタンの設定は完了です。

インラインボタンでできないこと

Pochipp Proでは各ボタンのクリック率を計測する機能を提供しています。

Pochipp ProはPochippの有料版サービスです。無料版のPochippではクリック率計測はできません。

2022年4月現在では、インラインボタンではこちらのクリック率計測を実施することができません。

こちらは今後対応予定としているので、しばらくお待ちいただければと思います。