「Pochipp（ポチップ）」の使い方を徹底解説！デザイン性の高い商品リンクをポチッとカンタン作成！

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

右上の検索ボックスに「Pochipp」と入力すると、該当するプラグインが表示されます。

［今すぐインストール］をクリックするとインストールが開始されます。

インストール完了後、［有効化］をクリックして完了です。

「Pochipp」をインストールすると、管理画面に「ポチップ管理」が追加されます。

設定画面では［Amazon・楽天市場・Yahooショピング・もしも］の4つのタブを切り替えて、それぞれにあなたのアフィリエイトIDなどを入力します。

アフィリエイト設定を完了するには、各ASPから発行されるアフィリエイトIDが必要なため、事前に「バリューコマース」と「もしもアフィリエイト」にアフィリエイト登録しておく必要があります。

アフィリエイトIDを取得したら以下を参考に設定を済ませます。

ちなみにAmazonの設定だけは「Pochipp」公式サイトで配布されている「Pochipp Assist」というプラグインを使えば、空欄のまま何も設定しなくてOKです。

Amazonアソシエイトプログラムの審査が受からない、もしくは受けていない人向けに用意されているプラグインなので、該当する方はイントールします。

基本設定タブでは「Pochipp」のデザインなどに関する設定を行います。

上部に表示されるプレビューを確認しながら、チェックボックスでボックスデザインを任意で変更します。

「Pochipp」はテーブル（表）内にリンクボタンを表示させることも可能で、その際に表示されるボタンのデザインを任意で変更します。

ボタンリンクのテキストを任意で変更します。

各ボタンの表示テキストを変更しても、設定画面のプレビューには反映されませんが、記事上ではきちんと反映されているので安心してください。

ちなみに私が以前使用していた「Rinker」で表示テキストを変更するには、公式で販売しているカスタマイズ方法が記載された有料noteを購入し、自分でfunctions.phpをカスタマイズしなければならず、初心者には難しい仕様でした。

一方「Pochipp」では、設定画面から誰でもカンタンに無料で表示テキストを変更できるため、初心者にもやさしい仕様です。

各ボタンの色を任意で変更します。

ボタンをクリックした際、別タブで開くかどうかの設定を任意で変更します。

「Pochipp」で作成した商品リンクの商品情報を、自動で更新するかどうかの設定で、任意で設定を変更します。

チェックを入れると定期的に商品情報が更新され便利ですが、ページの読み込み速度が低下するため、極端にページの読み込み速度が低下した場合は、チェックを外した方がいいです。

ここまでの設定を行ったら、ページ下部にある［変更を保存］をクリックしてデザイン設定は完了です。

表示：ボタンの上に表示させるテキストを入力
期間：セール開始時刻と終了時刻を入力
セール中に隠すボタン：任意でチェック

セール期間の入力欄をクリックすると、カレンダーが表示されます。

日付と時間をクリックすると、自動的に入力されます。

セール中に隠すボタンの設定については、とくに設定する必要はないと思いますが、もし非表示にしたボタンがあればチェックを入れてください。

たとえば、「楽天ボタン」にチェックを入れると、Amazonセール期間中は楽天ボタンが非表示になります。

Amazonセール情報と同じ要領で各項目を入力します。

定期的なキャンペーンは、はじめからチェックが入っており、テキストも入力されているので、そのままでOKです。

楽天セール情報と同じ要領で各項目を入力します。

セール時に表示されるテキストを点滅させるかを設定できるので、任意でチェックを入れます。

［点滅］にチェックを入れると以下のようになります。

ここまでの設定を行ったら、ページ下部にある［変更を保存］をクリックしてセール情報設定は完了です。

セール情報設定は、セールの度に手動で設定する必要があります。

ここでは説明を省きますが、［手動でリンクを作成］をクリックすると、ショッピングサイト以外の商品やサービスへのリンクを作成できます。

たとえば、ホテルや旅館の予約サイトへのリンクを「Pochipp」のデザインで作成できたりします。

上部のタブを切り替えて、好きなショッピングサイトを選び、商品名などのキーワードを入力し商品を探します。

初期設定が済んでいないと商品検索を行えないため、必ず事前に初期設定を済ませてください。

ここでは「Amazonで検索」を使い「沈黙のWebマーケティング（アップデード・エディション）」と検索してみました。

表示された商品の中には関係のない商品もあるので、［Amazon商品ページを確認］をクリックし、あなたが紹介したい商品かどうかを確認後、問題がなければ［この商品を選択］をクリックします。

表示された商品の中にお目当ての商品がない場合、より具体的な商品名を入力するなどして、検索キーワードを変えて再度検索を行います。

今回はAmazonで商品検索をしたので、Amazonボタンのリンク先が「商品ページ」になっており、楽天市場とYahooショッピングボタンのリンク先は「検索結果ページ」になっています。

もしすべてのボタンのリンク先を「商品ページ」にしたい場合は、楽天でも検索とYahooでも検索をクリックし、「商品ページ」を指定してください。

逆にすべてのボタンのリンク先を「検索結果ページ」にしたい場合は、［リンク先をすべて検索結果ページにする］にチェックを入れてください。

カスタムボタンは2つまで設定可能で、好きなページへのボタンリンクを作成できます。

通常は空欄でOKですが、ショッピングサイトだけでなくASPで取り扱いのある商品を紹介する場合、公式サイトと記載してボタンリンクを設定するなどの使い方があります。

ボタン配置はデザイン設定ですでに設定済みなので、基本的には［ポチップ設定のまま］でOKですが、商品ごとに個別で設定を変更できるので、必要であれば変更してください。

また価格の表示・非表示も好きなように設定できます。

［公開］をクリックすると「Pochipp」への商品登録が完了し、記事編集時にいつでも呼び出せます。

「Pochipp」はブロックエディター専用プラグインのため、クラシックエディターでは使用できません。

［商品を検索］をクリックすると、事前に登録した商品一覧が表示されます。

事前登録している商品一覧が表示されるので、お目当ての商品を探し出し［この商品を選択］をクリックします。

この画面で「Amazonで検索・楽天市場で検索・Yahooショッピングで検索」を行うと、事前登録していない商品を紹介することも可能です。

これで事前登録した商品が記事に呼び出されました。

ポチップ管理画面では、これまでに登録した商品一覧が表示されるので、登録済みの商品の編集や削除が行えます。

また使用ページの欄には、ページIDが表示されており、クリックすると直接記事へ移動できるので、どの記事に使用されているのかがすぐにわかります。