サイト型トップページの作り方を公開しています!Check

ポチップの基本的な使い方と商品リンクの作成方法

アイキャッチ/ポチップ ブログ運営
ブログ運営
記事内に広告が含まれています
スポンサーリンク

ポチップは、Amazon・楽天市場・Yahoo!の商品リンクはもちろん、メルカリやカスタムリンクまで自由に追加できる便利なプラグインです。デザインや機能を思いのままにカスタマイズでき、記事作成画面内で直感的にリンクを作れる使いやすさが魅力。

この記事では、ポチップの基本的な使い方からインライン機能、セール情報の活用方法を詳しく解説します。初めての方でも迷わず操作できるよう、わかりやすい手順で説明しています。物販アフィリエイトを始めたい方や、売り上げを効率的に伸ばしたい方はぜひ参考にしてください!

New 2024.05 インライン画像・インラインリンク機能が追加されました。

\ポチップで作ったリンク/

ポチップの設定方法を詳しく知りたい方はこちらをチェック!

特に、ポチップのAmazonアソシエイトで商品検索する方法は、初めての方には少し分かりにくいことがあります。事前に以下の記事を参考に設定を確認しておくとスムーズに活用できるのでおすすめです。

Pochipp(ポチップ)

  • 商品リンク簡単作成
  • アピールできるセール情報表示
  • 自由なデザインカスタマイズ
\年額プランがお得ですよ/
スポンサーリンク
この記事を書いた人
  • ブログ好きな40代主婦
  • CocoonサイトをCSSでカスタマイズ
  • 2020年1月1日ブログ開設
  • ドメインパワー40
  • 2023年~有料記事公開
    • →累計280件(月間約20件)購入いただいています
はっちゃん
です
プロフィール

ポチップは、投稿編集画面内で商品検索からリンク設置まで完結する便利なプラグインです。この特性により記事作成とリンク設置を同時に進めることができ、大幅な時短が可能です。

商品リンクを作成する方法は以下の4つのパターンがあります。それぞれの方法について解説しますので、自分に合った手順を試してみてください。

商品登録のすすめ

どの方法を使う場合でも、商品をあらかじめポチップに登録しておくことをおすすめします。一度登録しておけば、商品情報が自動で反映されリンク切れを防ぐ機能も利用可能です。これによりリンク管理が大幅に簡素化されます。

後述するポチップのインライン機能やセール情報の表示方法も試してみてより多機能に活用してみましょう!

①投稿編集画面で検索して商品リンクを作成する

まず、都度検索して商品リンクを作る方法です。

  • Step1
    「ポチップ」ブロックを追加

    投稿編集画面で、「ポチップ」ブロックを選択します。このブロック内で商品検索やリンクの設定が可能です。

    ポチップ/ブロック追加
  • Step2
    商品を検索する

    「商品を検索する」ボタンをクリックすると画面が切り替わります。

    1. 検索したいショップのタブをクリック
    2. 商品キーワードを入力
    3. 検索(右側の虫めがねのアイコンをクリック)
  • Step3
    表示したい商品を選択する

    キーワードにヒットした商品がいくつか表示されるので、リンクを作りたい商品を選んで「この商品をクリック」をクリックします。

  • Step4
    特定の商品をリンクに指定する
    • すべてのショップで商品検索
      特定の商品をリンクに指定したい場合、商品名やキーワードを入力して検索をおこないます。Amazon、楽天市場、Yahoo!ショッピングの全ショップで検索が実行されます。
    • 検索しないショップ
      特定のショップで検索を行わない場合、そのショップは商品キーワードの検索結果ページがリンク先として設定されます。

    検索結果ページをリンク先に設定
    特定の商品を指定せず、すべて検索結果ページに設定することも可能です。この場合は、「リンク先をすべて検索結果ページにする」にチェックを入れるだけで設定できます。

    「検索結果ページ」はキーワードを入れて検索したとき、ヒットした複数の商品が表示されるページだよ。

    ポチップ使い方/リンク作成
  • Complete
    完成

    商品リンクが設置されます。

商品登録について

投稿編集画面から「商品データをポチップ管理画面に登録する」ボタンをクリックすることで、この画面から直接商品を登録することができます。

ただし、このボタンから登録した場合、稀に自動リンク切れチェック機能が正常に動作しないケースがあるようです。そのため、私自身は安定して機能させるためにポチップの管理画面から商品を登録する方法をおすすめしています。

②先に登録し、商品を呼び出す

管理画面から商品を事前に登録しておく方法です。以下のような便利な利点があります。

メリット

  • 複数の記事で同じ商品を利用できる
    • 一度登録した商品は他の記事でも簡単に呼び出して利用できます。頻繁に使用する商品がある場合、毎回検索や登録をする手間を省けます。
  • 自動リンク切れチェック機能が使える
    • 商品を登録することでポチップの自動リンク切れチェック機能を活用できます。この機能によりリンク切れのリスクを軽減し、常に最新の情報を提供できます。
  • インライン機能が使える
    • 登録済みの商品はインラインリンク機能で活用できます。記事内のテキストに自然にリンクを組み込むことができクリック率の向上が期待できます。

登録する手間はありますが、これらのメリットを活用することで効率的かつ安定したリンク運用が実現します。ポチップをより便利に使いこなすためにもぜひ試してみてください。

商品の登録方法

  • Step1
    ポチップの管理画面で商品の登録

    新規投稿を追加(新規作成)」をクリックすると画面が表示されます。

    1. 検索したいショップのタブをクリック
    2. 商品キーワードを入力
    3. 検索(右側の虫めがねのアイコンをクリック)
    4. 「この商品を選択」ボタンをクリックします。

  • Step2
    特定の商品をリンクに指定する
    • すべてのショップで商品検索
      特定の商品をリンクに指定したい場合、商品名やキーワードを入力して検索をおこないます。Amazon、楽天市場、Yahoo!ショッピングの全ショップで検索が実行されます。
    • 検索しないショップ
      特定のショップで検索を行わない場合、そのショップは商品キーワードの検索結果ページがリンク先として設定されます。

    検索結果ページをリンク先に設定
    特定の商品を指定せず、すべて検索結果ページに設定することも可能です。この場合は、「リンク先をすべて検索結果ページにする」にチェックを入れるだけで設定できます。

    「検索結果ページ」はキーワードを入れて検索したとき、ヒットした複数の商品が表示されるページだよ。

    ポチップ使い方/リンク作成
  • Step3
    選択した商品を登録

    検索設定を終えたら画面右上の「公開」をクリックします。

    公開した商品は「ポチップ管理」から商品を確認できます。

商品を呼び出す方法

  • Step4
    登録した商品を呼び出す

    投稿編集画面でポチップブロックの「登録済み商品を検索」から商品を選択して呼び出します。

  • Step5
    表示したい商品を選択する

    登録済みの商品一覧が表示されるので、リンクを作りたい商品を選んで「この商品を選択」をクリックします。

  • Complete
    完成

    登録した商品のリンクが設置されます。

サイドバーでのカスタマイズ設定

ポチップの右側に表示されるサイドバーではリンク表示や機能に関する設定をカスタマイズすることができます。必要に応じて以下の項目を調整し、より見やすく効果的な商品リンクを作成しましょう。

ポチップ/設定
設定できること
  • 全デバイスでリンクを縦並び表示にする
    • デバイスの画面サイズに関係なくリンクを縦に並べて表示します。
  • 商品タイトルの上書き
    • 自動的に表示される商品タイトルをカスタマイズ可能。必要に応じてより魅力的なタイトルに変更できます。
  • 各リンクの個別非表示設定
    • 特定のショップのリンクを非表示にできます。例えば在庫がないショップや不要なショップを除外したい場合に便利です。
  • カスタムボタンの非表示設定
    • デザインや用途に応じてカスタムボタンを非表示にすることが可能です。シンプルなリンクデザインを求める場合に役立ちます。
  • クリック率計測のON/OFF
    • Pochipp Proを利用している場合、この機能で各リンクのクリック率を計測できます。計測を有効化または無効化する設定が可能です。

③カスタムリンクを追加する

ポチップでは、Amazonや楽天市場以外の商品やサービスのリンクも自由に追加することができます。例えば、自社商品や他のオンラインショップの商品も簡単に紹介できます。これにより、アフィリエイトの範囲が広がり収益のチャンスも増加します。

  • 1つの商品に対して最大2つのリンクを追加できます
    • ユーザーに複数の選択肢を提供できるため、クリック率や購入率が向上しアフィリエイト収益を効率的に増やすことができます。

この機能があるだけでポチップを使う意味があります!

ポチップ管理画面で登録した商品を選択すると、下にカスタムボタンの設定項目があります。

ここでリンク先URL・表示するテキストを入力するだけ!

追加できるカスタムリンクは2個まで。十分ですね。

実に簡単で素晴らしい!

カスタムボタンに入力できるURLについて

ポチップのカスタムボタンに設定できるURLは、「https~」から始まる一般的なURLのみです。例えば、自社サイトや外部のURLをリンクとして設定できます。

<a>タグから始まるアフィリエイトリンクは、カスタムボタンには設定できません。そのためポチップのリンクと並べることができない点に注意が必要です。

アフィリエイトリンクをカスタムボタンに表示させたい場合は、テキストリンクとして貼り付けるか、アフィリエイトリンク対応のボタンを使用することをおすすめします。

  • SWELLの場合は「SWELLボタン」
  • Cocoonの場合は「囲みボタン」

これらのボタンを使うことで、アフィリエイトリンクにも対応したボタンを表示できます。

公式 ポチップでカスタムリンクを作成する方法

④ショートコードを利用してリンクを作成する

また、ポチップはブロックエディタ専用なのですが、実はショートコードを使って商品リンクを呼び出すこともできるんです。

ポチップが自動生成するショートコードを使えば、さらに自由度の高いリンク作成が可能。例えばブロックエディタが使えないウィジェット等でのポチップ表示ができます。

ショートコードのリンク作成方法
  • Step1
    ポチップ管理でIDを確認する
    1. ポチップ管理→商品を登録
    2. IDを確認する

    IDは「ポチップ管理」ページ、右側の『ID欄』で確認できます。

  • Step2
    ウィジェット(カスタムHTML)にショートコードを記述する

    ここまで準備ができたらショートコードを記述します。

    [pochipp id="1234567890"]

    ショートコードには商品IDを入力します。[ pochipp id=”ここに数字を入れます” ]

  • Step3
    完成

    表示確認をおこないましょう。

例)ウィジェット(カスタムHTML)で使用する場合

ウィジェットといったブロックエディタが使えないところでショートコードが活躍します。必要に応じて表示するカテゴリーを選択しましょう。(表示設定はCocoon機能です)

商品IDを入れるだけなので簡単。

公式 ポチップの商品リンクをショートコードで呼び出す方法

スポンサーリンク

ポチップ/インライン機能の活用方法

ポチップのインライン機能を使うことで、テキストの途中や表の中に簡単に商品リンクを挿入できます。リンクの位置を文章内に自然に組み込むことができユーザーの目に留まりやすくなります。インライン機能を活用すればより効果的に商品を紹介でき、クリック率の向上が期待できます。

2024年5月に、インライン画像インラインリンク機能が追加され、さらに柔軟に商品リンクを記事に組み込むことが可能になりました。詳細については、こちらの投稿をご覧ください。

文章の途中やテーブルの中などにリンクが置けるのがポイント!

インライン機能とは?

インライン機能は、テキストや画像を使って、文章の途中や表内で商品リンクを挿入できる機能です。この機能を使うことで、リンクが目立ち、ユーザーの購入意欲を高めることができます。

使えるインライン機能

インラインボタン

ボタンリンクです

Amazon
楽天
Yahoo

インライン画像 New

画像リンクです

インラインリンクの作り方

  • Step1
    ポチップに商品を登録

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

    インライン機能を使うには必ず登録する必要があります

  • Step2
    作りたいリンクの種類を選択

    リンクを置きたい場所で、ツールバー→ポチップアイコンをクリック→置きたいリンクの種類を選択(クリック)します。

    • インラインボタン
    • インラインリンク(テキストリンクです)
    • インライン画像
  • Step3
    商品とリンク先を選択

    表示したい商品とリンク先を選択します。

    1. キーワードで商品を検索
    2. 置きたいリンク先を選択

    商品名の検索は頭文字か一部分でもOK。うまく商品が表示されないときは検索する文字をできるだけ短くする、または一文字消すと出てくることがあります。

    Amazon楽天Yahoo!メルカリからクリックして選択します。

基本的にこの3ステップだけでOK!必要に応じてテーブルを作成します。

実際にテーブル(表)の中にインラインリンクを配置するとこんな感じ。インライン画像インラインリンク、インラインボタンを組み合わせてすべて使ってみました!

インラインボタンは改行して3つのボタンを置いています。なかなかよさげじゃないですか?

実際にインライン機能を使った記事

当サイトでもインライン機能を使っています。実際のページをチェックしてみてくださいね。

個人的には、インライン画像にAmazonが使えて嬉しい!

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

インラインボタンのデザイン設定

インラインボタンはボタンを文章内に挿入しリンクをクリックしやすくする方法です。ポチップにはさまざまなデザインオプションがありボタンの色や形テキストなどをカスタマイズできます。

ダッシュボード→「ポチップ設定」→「基本設定」→「インラインボタンのデザイン設定」

ここで設定できる項目は3点です。

  1. ボタンスタイル
  2. ボタンの丸み
  3. ボタン幅

変更すると上にプレビューが反映されるので、確認しながらお好みで設定しましょう。

「各ボタンの色」でインラインボタンの色を変更できます。

詳しい使い方はポチップ公式をご覧ください。

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

インラインボタンの色を個別設定するカスタマイズ

また、インラインボタンの色は何個設置しても同色(インラインボタンに設定した色)になります。

これをカスタマイズすることで個別に分けることができます。

例えば、Amazon、楽天、Yahooのインラインボタンを置いたとき、ポチップ設定で設定した個別のボタンカラーが反映されます。

ポチップカスマイズの記事で紹介していますのでご利用ください。

スポンサーリンク

ポチップ/商品登録と便利な機能の紹介

ポチップで提供されている便利な機能の多くは、商品をポチップの管理画面に登録することが前提となっています。特にインライン機能自動リンク切れチェック機能は、商品登録をおこなっている場合にのみ使用できる重要な機能です。

インライン機能

ポチップ管理に登録している商品から選択して、インラインリンクを作成します。

インラインリンクは文章の中やテーブル内に自然に埋め込むことができ、ユーザーの目に留まりやすくなります。これにより多くのクリックを促進し、アフィリエイトの効果を高めることができます。

自動リンク切れチェック機能

ポチップでは、商品がポチップの管理画面に登録されている場合にのみリンク切れチェックがおこなわれます。これにより、リンクが無効になった場合に自動で検知し修正することができます。この機能を利用することでリンク切れによる損失を防げます。

リンク切れチェック機能の条件

  • リンク切れチェックは「検索元」のリンクに対しておこなわれます
  • 現在リンク切れチェックがおこなえるのはAmazon API楽天APIで検索した商品のみです。Pochipp Assist、ヤフー経由で検索した商品では、リンク切れチェックができない点に注意が必要です。

例えば、ポチップアシストを利用した検索だと自動リンク切れチェック機能は使えないので注意。

ポチップの管理画面では「チェックなし」とグレーで表示されます。

リンク切れチェック機能の使い方

ポチップの管理画面ではリンクが有効かどうかを簡単に確認することができます。リンクが切れている場合、管理画面にて「チェックなし」とグレー表示されリンク切れの警告を受け取ることができます。

リンク切れをチェックできる機能は非常に有用で、リンクが切れている場合に素早く修正することができ常に最新の状態でリンクを管理することができます。

自動リンク切れチェックの詳細については、ポチップ公式ページをご覧ください。

スポンサーリンク

ポチップ/セール情報の表示方法

ポチップでは定期的なセール情報を簡単に表示することができます。楽天やYahoo!ショッピングのセール情報を自動で表示する機能があり、さらに自分で表示内容をカスタマイズすることも可能です。この機能を活用すればセール情報を手間なく表示し、読者にアピールすることができます。

ポチップ/セール

公式 ポチップを使って商品にセール情報を出す方法

Pochipp
(無料版)
PochippPro
(有料版)
定例セール  
手動設定  
自動取得  
複数セール設定  

定期的なセールの自動表示方法

ポチップでは定期的なセール情報を自動で表示することができます。特に、楽天やYahoo!ショッピングの定期的なセールを自動で表示する機能が便利です。

自動で表示されるセール
  • 楽天5と0のつく日キャンペーン
  • Yahoo!ショッピング:5のつく日キャンペーン

これらのセール情報は、設定を行うだけで自動的に表示されます。

  1. 「管理画面」→「ポチップ設定」→「セール」のタブを開く
  2. 「定期的なキャンペーン」の項目で、表示したいセール情報にチェックを入れる

これで、設定したセール情報が自動的に表示されるようになります。

セール情報の設定手順

  • Step1
    「管理画面」→「ポチップ設定」→「セール」のタブを開く

    (PochippProでセールの自動取得を有効化する場合はここでチェックします)

  • Step2
    セール情報を入力

    それぞれセール名、期間を入力します。

    この画面はPochippPro版のため、無料版とは表示が異なります

Pochipp Pro(有料版)の活用

ポチップの無料版でもセール情報の設定は可能ですが、Pochipp Pro(有料版)にアップグレードすることでセール情報をすべて自動取得・自動表示することができます。自分で毎回セール情報を入力する手間が省けるため、非常に便利です。

有料版の最大のメリットは、セール情報の更新を自動でおこなうことができ、表示漏れがなくなる点です。

複数サイトで使えます!

スポンサーリンク

ポチップ/デザインとレイアウトのカスタマイズ

ポチップでは、ボタンのスタイルやレイアウトを管理画面から簡単にカスタマイズすることができます。

設定方法

  1. 「ポチップ設定」に移動
  2. 「基本設定」タブを選択
  3. 必要な項目(ボックスのレイアウト、ボタンの色、テキストなど)を設定

設定できる項目

  • ボックスのレイアウトとスタイル設定:商品を表示するボックスの形状やデザインをカスタマイズ。
  • リンクボタンのスタイルと色変更:ボタンのデザインや色を変更して、サイトのデザインに合わせる。
  • 価格の表示・非表示設定:商品の価格を表示するかどうかを設定できます。
  • 各ボタンの表示テキストの変更:ボタンに表示されるテキストを自由に変更。
  • 商品リンク先を別タブで開く設定:リンクを新しいタブで開くかどうかを選べます。

公式 ポチップでカスタマイズできる6つの便利機能を紹介 で詳しい設定が確認できますのでご確認ください。

ボックスのデザイン設定

商品の表示ボックスのデザインを自由に設定することができます。ボックスのレイアウトやスタイルを変更することで商品リンクの見た目を調整し、サイトのデザインと統一感を出すことができます。

ポチップv.1.13.2のアップデート情報Post

レイアウト(PC)に「画像ビッグ」が追加されました。商品画像を大きく表示できるので便利ですね!

オススメは以下の設定です。

設定項目選択できる項目
レイアウト(PC)●ビッグ(ボタンが横幅ぴったり並びます)
レイアウト(モバイル)●縦並び
画像の配置●左
ボタンスタイル●標準
ボタンの丸み●四角
ボタン幅(PC)●自動フィット
ボタン幅(モバイル)●一列幅
商品の価格表示●表示

設定を変更するとプレビュー画像で確認できるので、ここはお好みのデザインで問題ありません。

各ボタンの表示テキストと色

ボタンの表示テキストや色の設定も簡単におこなえます。たとえば、「Amazon」のボタンのテキストを「Amazonでチェック」に変更したり、ボタンの色をサイトのテーマカラーに合わせることができます。これによりポチップのリンクボタンを自分のサイトによりマッチさせることが可能です。

このように、ポチップのデザインとレイアウトを簡単にカスタマイズできる方法を紹介しました。自分のサイトに合わせたデザイン調整が可能なので使い勝手の良い商品リンクを作成できます。

その他、リンクボタンの並べ方など細かいこだわりがある方向けに、ポチップのカスタマイズについてをこちらにまとめています。

ポチップ/メルカリアンバサダーリンク作成機能

2023年11月、ポチップでは新たにメルカリアンバサダーのリンクを簡単に作成できる機能が追加されました。この機能により、メルカリのアフィリエイトリンクを効率的に作成しサイトに挿入することが可能です。

メルカリアンバサダーリンク作成手順

メルカリアンバサダーリンクを作成するための手順は以下の2ステップです:

  1. メルカリアンバサダーに登録する
    メルカリアンバサダーの登録を行い、専用のIDを取得します。
  2. メルカリアンバサダーのIDをポチップ設定に登録する
    取得したメルカリアンバサダーのIDをポチップの設定画面に入力して登録します。

これで、ポチップ内で簡単にメルカリアンバサダーのリンクを作成できるようになります。

メルカリの非表示機能

ポチップでは、メルカリ関連の表示設定をメルカリ設定画面から一括で設定できる機能も提供しています。これにより必要に応じて表示/非表示を調整することができます。

公式ページでの詳細確認

メルカリアンバサダーのID取得方法や設定手順について、詳細な説明は公式ページで確認できます。以下のリンクから公式ページをチェックして、設定方法を確認しましょう。

公式 メルカリアンバサダーのID取得・設定方法

開発されているひろさんのポスト

まとめ/快適なポチップライフで売り上げアップを目指しましょう

以上が、ポチップの基本的な使い方です。

ポチップを使用することで、手軽に商品リンクを作成しアフィリエイト収益を上げることができます。ぜひ、このプラグインを利用して効果的なコンテンツ作成をしましょう。

プラグインのアップデートや新機能の追加がある場合は、公式サイトをご確認ください。

ポチップの設定、インストール方法はこちら。

また、売上アップの工夫満載 Pochipp Proについて、機能、インストール、設定方法をより詳しくこちらの記事で解説しているのでご覧ください。

\Proならセール情報が自動表示/

Pochipp(ポチップ)

  • 商品リンク簡単作成
  • アピールできるセール情報表示
  • 自由なデザインカスタマイズ
\年額プランがお得ですよ/
シェアはこちらから
はっちゃんをフォローする
スポンサーリンク
\記事がお役に立てたら/

お買い物の際にぽちっとお願いします

Profile
はっちゃん

40代、小中学生の息子の母。
当サイトで使っているワードプレステーマCocoonのデザインカスタマイズ、ブログ運営のことを主に発信しています。

PVアクセスランキング にほんブログ村
はっちゃんをフォローする

Comment コメントはこちらへ

タイトルとURLをコピーしました