アフィリエイト商品ボックスを作成する方法 (コーディングは必要ありません)

公開: 2023-05-17

WordPress でアフィリエイト商品ボックスを作成したいですか?

製品ボックスを使用すると、アフィリエイト製品をより魅力的で人目を引く方法で紹介できます。 ユーザーの注意を引き、アフィリエイト リンクをクリックする可能性を高めることができます。

この記事では、WordPressでアフィリエイト商品ボックスを簡単に作成する方法を紹介します。

Creating an affiliate product box in WordPress

WordPress でアフィリエイト製品ボックスを作成する理由

アフィリエイト製品ボックスは、マーケティング担当者が WordPress Web サイトで特定の製品を紹介し、読者に宣伝するために使用されます。

通常、このボックスには製品タイトル、画像、説明、クリックと購入を促進するための行動喚起 (CTA) が含まれます。

Affiliate product box preview

これは、売上を伸ばし、ブランドの露出を増やし、時間とリソースを節約できる人気のあるアフィリエイト マーケティング戦略です。

アフィリエイト製品ボックスをブログ投稿に簡単に追加して、潜在的な顧客を引き付け、その結果として得られる売上からコミッションを得ることができます。

そうは言っても、コードを使用せずに WordPress でアフィリエイト製品ボックスを簡単に作成する方法を見てみましょう。

  • 方法 1: Pretty Links を使用してアフィリエイト商品ボックスを作成する
  • 方法 2: ブロック エディターでアフィリエイト商品ボックスを作成する (無料)
  • 方法 3: SeedProd を使用してアフィリエイト ランディング ページの製品ボックスを作成する

方法 1: Pretty Links を使用してアフィリエイト商品ボックスを作成する

Pretty Linksを使用すると、商品アフィリエイトボックスを簡単に作成できます。 これは、WordPress ウェブサイト上でアフィリエイト リンクの作成と管理を非常に簡単にする最高のアフィリエイト マーケティング ツールです。

まず、Pretty Links プラグインをインストールしてアクティブ化する必要があります。 詳細については、WordPress プラグインのインストール方法に関する初心者ガイドをご覧ください。

注: Pretty Links には無料版もあります。 ただし、Product Displays アドオンを使用するには、プロ版を購入する必要があります。

アクティブ化したら、WordPress 管理者サイドバーからPretty Links » アドオンページにアクセスします。

ここからは、[アドオンのインストール] ボックス ボタンをクリックして、[Product Displays] アドオンをインストールしてアクティブ化するだけです。

Install and activate the Product Displays addon

アドオンが有効になったら、 Pretty Links » Add Newページに移動して、アフィリエイト リンクの作成を開始します。

まず、上部にある「タイトルを追加」フィールドにアフィリエイト製品名を入力する必要があります。 このタイトルは、商品アフィリエイト ボックスの見出しとして表示されます。

その後、[ターゲット URL] ボックスにアフィリエイト URL を入力します。

次に、「Pretty Link」ボックスにリンクスラッグを入力します。 これはアフィリエイト URL の最後の部分になります。

Create an affiliate link by typing the target URL

その後、左側のサイドバーから「製品表示」タブに切り替えるだけです。

そこに到達したら、「テーマ」ドロップダウン メニューから製品アフィリエイト ボックスのテーマを選択することから始めることができます。

次に、「画像を更新」ボタンをクリックして、WordPress メディア ライブラリまたはコンピューターから製品画像をアップロードします。

Choose a theme and upload product image

それが完了したら、「説明」ボックスに製品の説明を入力するだけです。

次に、「価格」ボックスで製品の価格を設定します。

Add product description and price

製品アフィリエイト ボックスの上部にバッジを追加することもできます。 たとえば、宣伝している商品が現在セール中の場合、これを顧客に見せることができます。

バッジを追加するには、[バッジ テキスト] ボックスにバッジのテキストを入力するだけです。

その後、アフィリエイト商品の CTA を [主ボタンのテキスト] ボックスに入力します。 これは、製品アフィリエイト ボックス内のボタンに表示されるテキストになります。

作成したアフィリエイトリンクはCTAボタンに自動的に追加されます。

Add a badge and CTA text

ブログにアフィリエイト製品のレビューを書いた場合は、投稿の URL を [レビュー URL] ボックスに追加できます。 それをクリックした読者はあなたのレビュー投稿に移動します。

レビュー ボタンの CTA を追加するには、[レビュー ボタンのテキスト] オプションにテキストを入力するだけです。

完了したら、上部にある「更新」または「公開」ボタンをクリックします。

製品アフィリエイト ボックスをページまたは投稿に追加する

次に、製品アフィリエイト ボックスを WordPress Web サイト上のページまたは投稿に追加する必要があります。 このチュートリアルでは、アフィリエイト製品ボックスを投稿に追加します。

まず、WordPress 管理者のサイドバーから新規または既存の投稿を開く必要があります。

次に、左上隅にある「ブロックの追加」(+) ボタンをクリックして、PL Product Display ブロックを見つけてブロック エディターに追加します。

その後、「ディスプレイの追加」ボタンをクリックします。

Add the PL Product Display box

これにより、「製品の表示」プロンプトが開きます。 ここからは、ドロップダウン メニューから [単一リンク] オプションを選択するだけです。

これを実行したら、検索ボックスで作成したアフィリエイト リンクを検索する必要があります。

Add the affiliate product box

アフィリエイト リンクをクリックすると、製品表示ボックスが投稿またはページに自動的に追加されます。

最後に、「更新」または「公開」ボタンをクリックして変更を保存します。

これで、Web サイトにアクセスして、製品アフィリエイト ボックスが動作していることを確認できるようになりました。

Product box preview

方法 2: ブロック エディターでアフィリエイト商品ボックスを作成する (無料)

今回はブロックエディターを使ってアフィリエイト商品ボックスを簡単に作成する方法を紹介します。

まず、WordPress 管理者のサイドバーから既存の投稿または新しい投稿を開く必要があります。

そこに移動したら、左上隅にある「ブロックを追加」(+) ボタンをクリックしてブロック メニューを開きます。 次に、Columns ブロックを探して投稿に追加します。

これを完了すると、列バリエーションのリストが表示されます。 続行するには、50/50 バリエーションをクリックするだけです。

Add the Columns block in the block editor

これにより、投稿に 2 つの横に並んだブロックが追加されます。

画面の左側にある「+」ボタンをクリックしてブロックメニューを開くことで開始できます。

ここからは、画像ブロックを選択し、WordPress メディア ライブラリからアフィリエイト製品画像を追加するだけです。

Add the image block and then add product image from the media library

その後、右側の列の「+」ボタンをクリックする必要があります。

ブロック メニューが開いたら、見出しブロックを追加し、製品タイトルを入力します。

Add the Heading block and type product title

次に、ブロック ツールバーの [列の選択] アイコンをクリックし、下部にある [+] ボタンをクリックします。 これにより、ブロックメニューが再び開きます。

ここから、段落ブロックを見つけて追加し、ボックスに製品の説明を入力します。

Add the Paragraph block to type product descriptions

ここで、製品のアフィリエイト ボックスを完成させるには、CTA と製品のアフィリエイト リンクを追加する必要があります。

これを行うには、ブロック エディタを終了する必要があります。

WordPress 管理ダッシュボードに戻る前に、[下書きを保存] ボタンをクリックして変更を保存することを忘れないでください。

アフィリエイトリンクを作成する

WordPress Web サイトでアフィリエイト リンクを作成および管理するために使用できるアフィリエイト マーケティング ツールは数多くあります。

このチュートリアルでは、最高の WordPress アフィリエイト マーケティング プラグインである Pretty Links を使用します。

まず、Pretty Links プラグインをインストールしてアクティブ化する必要があります。 詳細については、WordPress プラグインのインストール方法に関する初心者ガイドをご覧ください。

アクティブ化したら、WordPress 管理者サイドバーからPretty Link » 新しい追加ページに移動します。

そこに到達したら、「タイトルを追加」フィールドに製品名を入力する必要があります。

次に、アフィリエイト製品の URL をコピーして、[ターゲット URL] ボックスに貼り付けます。

Create pretty link

[Pretty Link] ボックスにカスタム URL スラッグを入力できるようになりました。 Pretty Links は、作成するアフィリエイト URL の末尾にこれを使用します。

完了したら、[更新] ボタンをクリックしてアフィリエイト リンクを生成します。

「リンク」ページにリダイレクトされます。 ここからは、[Pretty Links] 列からアフィリエイト リンクをコピーするだけです。

Copy the affiliate link

製品ボックスにアフィリエイト リンクを追加する

次に、アフィリエイト商品ボックスを作成していたブログ投稿に戻る必要があります。

そこに到達したら、列ブロックの右の列をクリックしてブロック ツールバーを開き、[列の選択] ボタンをクリックします。 これにより、ブロックメニューが開きます。

次に、Buttons ブロックを追加するだけです。

Add the buttons block in the right column

リンクを追加するには、[ボタン] ブロック ツールバーの [リンク] アイコンをクリックします。 これにより、ポップアップ ボックスが開き、Pretty Links ページからコピーしたアフィリエイト リンクを貼り付ける必要があります。

ボックス内の検索バーを使用してアフィリエイト リンクを検索することもできます。

Add an affiliate link

最後に、CTA ボタンにテキストを追加する必要があります。

顧客にリンクをクリックしてもらうために、刺激的なフレーズを CTA として追加してください。

Type CTA text

ブロック設定を使用してアフィリエイト商品ボックスのスタイルを設定することもできます。 これを行うには、[ブロック設定] 列の [スタイル] アイコンをクリックするだけです。

ここから、カラーピッカーを使用してアフィリエイト商品ボックスの背景とテキストの色を選択できます。

Choose a background color for the product affiliate box

最後に、「公開」または「更新」ボタンをクリックして変更を保存します。

これは、デモ Web サイトでのアフィリエイト製品ボックスの外観です。

Product affiliate box preview

方法 3: SeedProd を使用してアフィリエイト ランディング ページの製品ボックスを作成する

カスタム アフィリエイト ランディング ページ用に見た目の美しい商品ボックスを作成したい場合は、この方法が最適です。

市場で最高の WordPress ページビルダー プラグインである SeedProd を使用できます。 コードなしで視覚的に魅力的な Web サイトを作成するのに役立ちます。

まず、SeedProd プラグインをインストールしてアクティブ化する必要があります。 詳細については、WordPress プラグインのインストール方法に関するステップバイステップガイドを参照してください。

注: SeedProd には無料版も提供されています。 ただし、より多くのデザイン機能が提供されるプレミアム バージョンを使用します。

アクティブ化したら、 SeedProd » 設定ページにアクセスしてプラグイン ライセンス キーを入力する必要があります。

この情報は、SeedProd Web サイトのアカウントで確認できます。

Paste license key in the field

次に、WordPress 管理者ダッシュボードからSeedProd » ランディング ページセクションに移動し、[新しいランディング ページを追加] ボタンをクリックします。

このチュートリアルでは、アフィリエイト商品ボックスをランディング ページに追加します。

Click the Add New Landing Page button

「新しいページテンプレートの選択」画面が表示されます。

ここから、SeedProd が提供する既製のテンプレートのいずれかを選択できます。

選択後、ページ名を入力し、URL を選択するよう求められます。 詳細を入力したら、「保存してページの編集を開始」ボタンをクリックしてください。

Enter your page details

これにより、SeedProd のドラッグ アンド ドロップ ページ ビルダーが起動します。

ここから、左側のサイドバーで列ブロックを見つけて、右側のデザイン インターフェイスにドラッグします。

ブロックを追加すると、列レイアウトを選択するように求められます。 50/50 バリエーションをクリックするだけで、2 つの隣り合ったブロックを追加できます。

Add the Column Block in SeedProd

ここで、画像ブロックを左の列にドラッグ アンド ドロップすることから始めることができます。

次に、画像ブロックをクリックして、サイドバーでブロック設定を開きます。 ここから、「独自の画像を使用」ボタンをクリックするだけで、メディア ライブラリからアフィリエイト製品画像を選択するか、コンピューターからアップロードします。

Choose an affiliate product image from the media library

その後、見出しブロックを右の列にドラッグ アンド ドロップし、アフィリエイト製品のタイトルを追加するだけです。

左側のサイドバーの設定を使用して、配置とフォント サイズを調整できます。

Add the heading block and type product title

それが完了したら、製品タイトルの下にテキスト ブロックをドラッグ アンド ドロップする必要があります。 宣伝しているアフィリエイト製品の説明を追加できます。

その後、「保存」ボタンをクリックするだけで変更が保存されます。

Add product description and click Save button

次に、アフィリエイトリンクを作成します。

アフィリエイトリンクを作成する

まず、Pretty Links プラグインをインストールしてアクティブ化する必要があります。 詳しい手順については、WordPress プラグインのインストール方法に関する初心者向けガイドをご覧ください。

アクティブ化したら、管理者サイドバーからPretty Link » 新しい追加ページに移動します。

ここでは、アフィリエイト リンクを簡単に見つけられるように、[タイトルの追加] フィールドに製品名を入力することから始めます。 関連会社の名前または製品自体を入力するだけです。

次に、[ターゲット URL] オプションの横にアフィリエイト リンクを追加します。

その後、「Pretty Link」ボックスにスラッグを入力します。 このスラッグはアフィリエイト リンクの最後に表示されます。

Create an affiliate link

最後に、「更新」ボタンをクリックしてリンクを生成します。

「リンク」ページにリダイレクトされます。 ここからは、[Pretty Links] 列からアフィリエイト リンクをコピーするだけです。

Copy the affiliate link

SeedProd 製品ボックスにアフィリエイト リンクを追加します

アフィリエイト リンクをコピーした後、アフィリエイト製品ボックスを設計している SeedProd ランディング ページを開く必要があります。

そこに到達したら、製品説明の下に Button ブロックをドラッグ アンド ドロップするだけです。

Drag and drop the Button block in the product box

次に、ボタンをクリックして、左側のサイドバーでブロック設定を開く必要があります。 ここで、アフィリエイト リンクをコピーして [リンク] ボックスに貼り付ける必要があります。

その後、[ボタンのテキスト] ボックスに CTA のテキストを入力するだけです。

Add the affiliate link and CTA text

アフィリエイト製品ボックスのスタイルを設定するには、[列] ブロックを選択して、左側のサイドバーでその設定を開く必要があります。

ここから、背景色を選択したり、製品ボックスに背景画像を追加したりできます。 好みに応じて列ブロックの幅と配置を調整することもできます。

Change the affiliate product box background color in SeedProd

完了したら、「保存」ボタンをクリックして設定を保存します。

これは、デモ Web サイトでのアフィリエイト製品ボックスの外観です。

SeedProd preview of the affiliate product box

この記事が、WordPress にアフィリエイト商品ボックスを追加する方法を学ぶのに役立つことを願っています。 WooCommerce にアフィリエイト プログラムを簡単に追加する方法に関する記事や、WordPress に最適なアフィリエイト追跡および管理ソフトウェアのトップピックもご覧ください。

この記事が気に入ったら、WordPress ビデオチュートリアルの YouTube チャンネルに登録してください。 Twitter や Facebook でもご覧いただけます。