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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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