LESSON 06
コトリンクを使って、楽天市場・Amazon・Yahoo!の商品ボタン付きカードをWordPressで作る流れを見ていきましょう。
コトリンクでは、作成手順を固定すると迷いません
商品を決めてから表示を整え、プレビューを確認して記事へ入れます。
| 段階 | すること | 確認すること |
|---|---|---|
| 1. 商品を探す | 商品名や型番で候補を確認する | 紹介したい商品と一致するか |
| 2. 商品を選ぶ | 記事に載せる候補を追加する | 似た商品を取り違えていないか |
| 3. 表示を整える | 向き、画像、ボタンなどを設定する | 記事幅とスマホ表示に合うか |
| 4. 記事へ入れる | 作成した商品リンクを挿入する | プレビューでリンク先と表示を確認する |
スマートフォンでは、表を横に動かしてご覧いただけます。
コトリンクでできること
コトリンクは、楽天市場の商品情報をもとに、楽天市場・Amazon・Yahoo!の商品を探すボタン付きカードを作るWordPressプラグインです。
ブロックエディターとClassic Editorの両方に対応し、最大3商品を比較できます。カードは縦・横の表示方向、画像サイズ、表示項目、ショップボタン、ボタン配色などを調整できます。
1. コトリンクの作成画面を開く
ブロックエディターでは「コトリンク」ブロックを追加します。Classic Editorでは編集画面の「コトリンクを作成」ボタンを押します。
2. 商品名や型番で検索する
紹介したい商品の名称や型番を入力して楽天市場を検索します。似た商品がある場合は、商品名、型番、ショップ名などを確認します。
3. 商品を比較カードへ追加する
検索結果から商品を選び「追加」を押します。比較する場合は最大3商品まで追加できます。
4. 表示内容とボタンを整える
縦・横の配置、画像サイズ、価格・レビュー等の表示、ショップボタン、配色を記事に合わせて設定します。必要のないボタンは表示しない設定にできます。
5. 記事へ挿入して表示を確認する
記事へ挿入した後、PCとスマートフォンでカードの表示と各ボタンの移動先を確認します。取得時点の価格・在庫などの情報は変わる可能性があるため、注記も確認しましょう。