Creating an Instagram landing page is an easy way to send Instagram users directly to your website. This can help turn them into leads, subscribers, and paying customers.
In fact, just by adding a link to your Instagram bio, you can see a big difference. Studies show this can increase the number of people coming to your landing page from Instagram by 10-15%. This small change can make a big impact on your online success.
With this in mind, I’ll show you how to create your own Instagram landing page easily on WordPress.
How to Create a Landing Page for Instagram:
なぜインスタグラム用のランディングページを作るべきなのか?
As I mentioned above, creating a landing page for Instagram is the best way to direct potential customers to your business website.
さらに重要なことは、インスタグラムのプロフィールにはクリック可能なリンクを1つしか追加できないということだ。したがって、あなたのバイオに追加するリンクは、あなたの最も重要な資産の1つ、つまりコンバージョンの高いランディングページでなければなりません。
There are a few types of Instagram landing pages you can create on your website.
まず、LinkTreeのようなリンクイン・バイオ・ランディングページを作り、そこにブログ記事やウェブサイトのページ、他のソーシャルメディア・プロフィールへのリンクを追加することができる。このタイプのランディングページの明確な利点は、ブランド認知度を高め、ウェブサイトへのトラフィックを促進することです。
Instagram広告にリンクしたランディングページを作成することもできます。例えば、ユーザーが広告をクリックすると、特別オファーを表示するウェブサイト上のランディングページに移動します。
当然ながら、このタイプのランディングページは、フォームで連絡先情報を収集し、限定オファーでコンバージョン率を高める最良の方法だ。
インスタグラム・ランディングページの例
インスタグラムでどのタイプのランディングページを使うべきかわからない場合は、ここにいくつかの素晴らしい例を挙げよう。
1. Scribd Instagram Ad Landing Page
1つ目は、Scribdのスポンサー付きインスタグラム投稿。視覚的にアピールする画像が特徴で、30日間の無料トライアルを申し込むようアクションを呼びかけている。

When you click the Instagram advertising image, you’ll see a landing page promoting their offer.

そのページにはこうある:
- 注目を集めるヒーロー・エリア
- 複数の無料トライアル・コール・トゥ・アクション(CTA)ボタン
- 価格比較表
- お客様の声とレビュー
- 社会的証明のためのクライアントのロゴ
その結果、インスタグラム広告のクリック後、ユーザーはオファーに登録せざるを得なくなる。
2. Wall Street Journal Instagram Landing Page
ウォールストリート・ジャーナルは、バイオリンクのランディングページで異なるアプローチをとっている。サードパーティのアプリを使い、厳選したニュース記事をインスタグラム風のレイアウトで表示している。

各画像をクリックすると、そのウェブサイトの記事に直接ジャンプします。または、CTAボタンをクリックすると、そのサイトに直接移動できます。
3. HKT Products Link in Bio Page
典型的なリンク・イン・バイオ・ページを作りたいなら、HKT Productsの簡単な例がある。サードパーティのリンク・イン・バイオ・ツールを使って、ウェブサイトのさまざまなページにリンクするミニマルなページを作った。

例えば、彼らはこうリンクしている:
- 製品個別ページ
- 製品チュートリアル
- 社内ポッドキャスト
- YouTubeチャンネル
- ニュースレター購読ページ
- さらに
その結果、リード、売上、フォロワーを増やすために特別にデザインされたページにファンを送り込むことができる。
4. Etsy Instagram Product Page
最後は、EtsyのInstagramページだ。ここでも、ソーシャルメディアのランディングページとは全く異なるアプローチだが、ゴールは同じ-自社製品のプロモーションだ。

Instead of using a link in bio tool or an Instagram ad, Etsy created a page on their website tailored to their Instagram audience. Here, users can browse popular products curated from its Instagram feed and buy them directly from their site.
上記のインスタグラムのランディングページの例は、それぞれインスタグラムのトラフィックをウェブサイトに誘導するユニークな方法を示している。
ということで、自分のための作り方を探してみよう。
How to Create an Instagram Landing Page in WordPress
このチュートリアルに従うには、いくつかのものが必要だ:
- ドメイン名
- ウェブサイトのホスティング
- ビジネスウェブサイト
すでに確立されたウェブサイトを持っている場合は、これを心配する必要はありません。しかし、そうでない場合は、ビジネスウェブサイトを作成する必要があります。
私たちは、あなたのサイトを作るためにWordPressを使用することをお勧めします。最も人気のあるウェブサイト・プラットフォームで、インターネット上の全ウェブサイトの約41%を運営しています。
WordPressは無料でオープンソースであり、何千ものウェブサイトデザインや拡張機能があらかじめ用意されています。非常に柔軟性が高く、ウェブサイト所有者が利用できるほとんどすべてのサードパーティツールやサービスと連動する。
ウェブサイトの運営にも使っている!
WordPressでウェブサイトを作成する方法については、こちらのステップバイステップガイドをご覧ください。
ウェブサイトの準備ができたら、どのタイプのインスタグラム・ランディングページを作るかを決める必要がある。
You can follow our guide on how to create a link in bio page, or you can follow the steps below to create a more personalized Instagram landing page on WordPress using a landing page builder. For instance, one that you can link to your advertisements.
準備はいいかい?さあ、飛び込もう!
ステップ1:SeedProdのインストールと有効化
For this tutorial, we’re using SeedProd to make an Instagram landing page. SeedProd is one of the best WordPress page builder plugins on the market.

ドラッグ&ドロップのビジュアルエディターで、リアルタイムにページをデザインできます。また、大量のテンプレートとカスタマイズオプションがあり、あなたのページを思い通りに仕上げることができます。
さらに、あなたのページを人気のEメールマーケティングサービスと統合して、Eメールリストを増やすことができます。さらに、どのWordPressテーマともシームレスに連動し、高速で効率的な体験を提供します。
それを念頭に置いて、SeedProdを始めるにはここをクリックしてください。その後、WordPressウェブサイトにプラグインをインストールし、有効化してください。
注: SeedProdには無料版もありますが、私たちが必要とする高度な機能のためにPro版を使用します。
このステップで助けが必要な場合は、WordPressプラグインのインストールに関するこちらのガイドに従ってください。
SeedProdをインストールした後、SeedProd " Settingsに進み、ライセンスキーを入力します。

ライセンスキーをお持ちでない場合は、SeedProdウェブサイトのアカウントセクションで見つけることができます。
ステップ2:新しいランディングページの作成
ライセンスキーをアクティベートした後、SeedProd " Pagesにアクセスしてください。

このページでは、次のことができる:
- 近日公開ページの作成と有効化
- メンテナンス・モードの起動
- カスタム404ページを作る
- カスタムWordPressログインページの設定
- WordPressで独立したランディングページを作成する
SeedProdのページモードの利点は、複数のWordPressプラグインをインストールすることなく、サイトに追加機能を追加できることです。
このガイドでは、独立したランディングページを作成したいと思います。そのためには、Add New Landing Pageボタンをクリックします。

ステップ3:ランディングページのテンプレートを選ぶ
次の画面では、何百ものレスポンシブなランディングページのテンプレートから選ぶことができます。

上部のタブをクリックすることで、デザインを絞り込むことができる:
- すべて
- 近日公開
- メンテナンス・モード
- 404ページ
- 売上高
- ウェビナー
- リード・スクイーズ
- ウェビナー
- ログイン
最良の方法は、実現したいデザインに近いテンプレートを探すことです。次のステップで簡単にカスタマイズできます。
その簡単さをお見せするために、まずはメンテナンスページのミニマルテンプレートから。
テンプレートのサムネイルにマウスカーソルを合わせ、チェックアイコンをクリックしてインポートしてください。

次に、ページ名とURLを入力するための視覚的な合図が表示されます。これは、あなたのインスタグラムのファンが簡単に認識できるものにすることをお勧めします。

保存してページの編集を開始」ボタンをクリックすると、ビジュアルエディタでテンプレートが起動します。
ステップ4:ランディングページのデザインをカスタマイズする
さあ、ドラッグ&ドロップビルダーでインスタグラムページのカスタマイズを始めましょう。
右側にページのライブプレビューが表示されます。ページ要素を編集するには、項目をクリックするだけで、左側に編集メニューが表示されます。

さらに、左側のオプションパネルには、ランディングページのデザインにドラッグ&ドロップできる要素があります。
では、ブロックやカスタマイズを追加して、テンプレートをインスタグラムのページらしくしてみよう。
ブロックの編集と削除
First, let’s change the landing page heading, so users know why they’re there and what the page is about.
これを行うには、見出しテキストのどこかをクリックし、カスタムメッセージに置き換えます。

削除したい要素があれば、ブロックの上にマウスカーソルを置いてゴミ箱アイコンをクリックするだけです。

カスタム画像のアップロード
では、デフォルトの画像をあなたのウェブサイトから人気のある投稿に置き換えてみましょう。既存の画像をクリックし、左側のパネルにあるゴミ箱アイコンを使って削除するだけです。

そこから、「Use Your Own」ボタンをクリックして、パソコンやWordPressのメディアライブラリから画像をアップロードすることができます。

同じ画像設定パネルでリンクを追加できるので、画像をクリックした人は直接関連するブログ記事に飛ぶことができます。
ページブロックと行の複製
Now, let’s say you want to add another row of images. To do this quickly, you can duplicate the existing row.
行の上にマウスカーソルを置いて、「行の複製」アイコンをクリックするだけです。その後、上記のプロセスを繰り返して、画像と投稿リンクを追加してください。

Adding a Landing Page Opt-in Form
If one of your goals is to collect email addresses from your Instagram fans, you can do this easily with SeedProd’s opt-in form block.

ブロックをページにドラッグし、クリックするだけでフォームの設定ができます。例えば、コールトゥアクションボタンのテキスト、色、フォーム入力ラベルなどを変更することができます。

画面上部の「接続」タブをクリックし、メールマーケティングサービスに接続します。

各メールマーケティングプロバイダーとの接続方法については、メール統合のドキュメントをご覧ください。
グローバルカラー、フォント、背景のカスタマイズ
ページのルック&フィールを統一するには、グローバル設定パネルを使用します。

左下の歯車アイコンをクリックすると、以下のグローバル設定が表示されます:
- フォント
- カラー
- 背景
- カスタムCSS
例えば、フォント・セクションでは、デフォルトのフォント・カラーを白に変更し、カラムの背景画像に対して目立つようにしました。

ランディングページの見た目に満足したら、右上の緑色の保存ボタンをクリックします。

ステップ5:インスタグラムのランディングページを公開する
ほとんどのインスタグラムユーザーがスマートフォンやタブレットからこのプラットフォームを閲覧していることを考えると、ページを公開する前にモバイルデバイスで見栄えが良いことを確認するのは素晴らしいアイデアだ。
SeedProdのライブモバイルプレビュー機能を使えば簡単にできます。下のナビゲーションバーにあるモバイルプレビューアイコンをクリックするだけです。

その後、モバイルでページをプレビューし、必要な編集を行うことができます。

最後に、変更を保存し、Saveボタンの隣にあるドロップダウン矢印をクリックして、Publishをクリックします。

インスタグラムのランディングページが公開されました!どのように見えるかをプレビューするには、「ライブページを見る」ボタンをクリックしてください。

あとは、新しいページのURLをインスタグラムのバイオや広告に追加して、WordPressサイトにターゲットとなるトラフィックを送り始めるだけだ。
それだけだ!
よくある質問
I hope this guide helped you learn how to create an Instagram landing page in WordPress.
You can create almost any page with SeedProd. Take a look at these tutorials to learn how:
- 動的ランディングページとは何か(+WordPressで作る方法)
- GetResponseランディングページの作り方
- 10 イベント用ランディングページ(とその作り方)
- サインアップページのデザイン方法(+7例)
But if you’re ready to get started with your own Instagram landing page, just click the button below.
お読みいただきありがとうございました!ご質問やご意見がありましたら、お気軽にコメントをお寄せください。
また、YouTube、X(旧Twitter)、Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。