Instagram フィードを Elementor に無料で追加する方法

WordPress Web サイト用に見栄えの良いページをすばやく作成したい場合は、Elementor が現時点で最適なオプションの 1 つです。 これにより、コーディングの知識がなくても魅力的な Web ページを作成できます。

Web ページをより魅力的にする方法や、Instagram でサイトをより簡単に宣伝する方法がわかりませんか? これを行う簡単な方法があります: ウェブサイトに Instagram フィードを追加します。

この記事では、Elementor Instagram フィードを WooCommerce サイトに追加する方法を紹介します。 簡単な手順で。

Instagram フィードを WordPress サイトに追加する必要があるのはなぜですか?

まず、WordPress サイトへの Instagram フィードがどのように役立つかを見てみましょう。

今日の世界では、ビジネス マーケティングと販売はもはや Web サイトの所有に限定されません。 ソーシャル ネットワーク、特に最もビジネスに適した Instagram は、広告キャンペーンを実行および追跡するための便利なツールをいくつか提供しています。

2022 年のデジタル マーケティングは、ソーシャル ネットワークなしには存在しません。 インスタグラムは、主にビジュアルコンテンツに重点を置いているため、ビジネスにとって非常に魅力的になっています.

ウェブサイトと Instagram プロフィールの両方のチャネルにリソースと時間を投資する場合にのみ、ビジネスに付加価値が生まれます。

さらに、ユーザーの行動要因を改善し、両方のチャネルの台頭に貢献する可能性があります。

Elementor Instagram フィードをサイトに実装して、訪問者に Instagram プロファイルのフォローを促すことを検討する必要があります。

結局のところ、ソーシャル メディアのフォロワーと関わり、彼らをリードに変える方が、ウェブサイトで行うよりもはるかに簡単です。

Instagram フィードを Elementor Web ページに追加する必要があるその他の理由を次に示します。

• Instagram のレビューやお客様の声をウェブサイトに表示できます。 サイトの訪問者が他の人があなたの製品を気に入っているのを見ると、社会的証拠として機能し、あなたから購入するようになります.
• Instagram フィードを追加すると、関連する動画や画像を Web ページに表示できます。 したがって、これらの動画や画像を Web サイトのサーバーにアップロードしなくても、より魅力的にすることができます。
• Instagram の投稿を WordPress ウェブサイトに埋め込んで、より多くの人に見てもらうことができます。 これにより、Instagramのフォロワーを増やすことができます。
• Instagram フィードを追加すると、サイトの訪問者に優れたオンライン ショッピング体験を提供することもできます。 ショッピング可能な Instagram フィードをウェブサイトに埋め込んで、アイテムを直接販売できます。

ご覧のとおり、 Instagram フィードをElementorに追加すると、ビジネスを宣伝し、さまざまな方法でより多くの利益を得ることができます。

それでは、Elementor Instagram フィードを WordPress サイトに追加する方法を見てみましょう。

2022年のElementorのトップ6 Instagramフィードプラグイン

以下は、Elementor 用の 6 つの人気のあるプレミアムおよび無料の WordPress Instagram フィード プラグインです。 一部の無料プラグインは、追加機能のロックを解除するプレミアム バージョンを提供することに注意してください。

• 無料：
  • Smash Balloon ソーシャルフォトフィード
  • ソーシャル スライダー フィード
  • ソーシャル フィード ギャラリー
  • 彼らにソーシャルを養う
• プレミアム:
  • インスタグラムジャーナル
  • グレース WordPress プラグイン

Elementor Instagram フィードを WordPress サイトに追加する方法 (ステップバイステップ) ?

このチュートリアルでは、Smash Balloon Social Photo Feed プラグインを使用します。 100 万以上のサイトに取り組んでおり、これは最も人気のあるオプションです。

Instagram フィードは、無料版では典型的なグリッドとして表示されます。 また、表示する列と画像の数を決定できます。

「フォロー」ボタンを追加してフォロワーを増やしたり、「もっと読み込む」ボタンを追加して、サイトの訪問者がより多くの写真を表示できるようにすることもできます.

お金に余裕がある場合は、Pro バージョンを購入することをお勧めします。 1 つのサイトで年間 98 ドルかかります。 次のような有益な利点が得られます。

• Instagram アカウントではなく、ハッシュタグからのフィードを表示します。
• ハイライト、石積み、カルーセルなど、より多くのレイアウト オプションがあります。
• 投稿をフィルタリングしてモデレートします。

ガイドに従う前に、WordPress サイトで Elementor ページビルダーが有効になっていることを確認してください。 さっそく始めましょう。

プラグインのインストールと有効化

1. プラグイン > 新規追加 に移動します。

2. 検索ボックスに「Smash Balloon Social Photo Feed」と入力して、プラグインを見つけます。 次に、プラグインがオプションとしてリストされます。

3. 次に、[今すぐインストール] ボタンをクリックします。 WordPress がプラグインをインストールするまでしばらくお待ちください。 最後に、[アクティブ化] ボタンをクリックします。

Instagram アカウントに接続する

1. プラグインを正常にアクティブ化したら、WordPress ダッシュボードからInstagram フィード>設定に移動します。

2. 次に、[ソースの管理] セクションで [ソースの追加] をクリックします。

3. 新しい Web ページにリダイレクトされます。 ここでは、Instagram フィードの個人またはビジネス プロファイルを選択するように求められます。 違いは次のとおりです。
   • 個人プロフィール: これにより、Instagram のすべての標準機能を使用できます。 個人プロファイルから取得した Instagram 投稿でフィードを作成できます。
   • ビジネス プロファイル: Instagram の連絡先ボタンと分析を取得します。 さらに、プラグインを使用して、ショッピング可能なフィード、ハッシュタグ フィード、Instagram TV (IGTV) ビデオなど、さまざまな種類の Instagram フィードを作成できます。

4. 適切なオプションを選択したら、[ Instagram でログイン] ボタンをクリックします。
5. 次に、プラグインに Instagram アカウントへのアクセスを許可する必要があります。 [許可]ボタンをクリックして、アクセスを許可します。

6. 許可が正常に付与されたら、[このアカウントを接続] をクリックして終了します。

Elementor Instagram フィードをカスタマイズする

Instagram アカウントに接続したら、必要に応じてフィードのカスタマイズを開始できます。

これを行うには、ページの上部にある [カスタマイズ] タブをクリックします。

下にスクロールして、[レイアウト] セクションで [レイアウト タイプ] オプションを見つけることができます。 プロ版を購入した場合は、グリッド、カルーセル、メーソンリー、ハイライトの 4 つのレイアウト オプションから選択できます。

• 行と列で一度に複数の Instagram 投稿を表示する場合は、グリッド オプションを試してください。 無料版を使用している場合、これが唯一のオプションです。

• Instagram の投稿を動的に表示する方法を好みますか? 次に、カルーセル レイアウトを試すことができます。

• 組積造レイアウトでは、ビデオと写真が元の縦横比で表示されます。

• 最後に、ハイライト オプションは、投稿により焦点を当てます。 ビデオと写真のサイズが 4 倍になります。

好きなレイアウトを選択したら、忘れずに [変更を保存] ボタンをクリックしてください。

次に、ここで他のカスタマイズ オプションを調べて、フィードの色、サイズ、フォント、投稿数、余白、ヘッダー スタイルなどを変更できます。

Elementor Instagram フィードを WordPress サイトに追加する

次に、Elementor Instagram フィードを Web ページに追加します。

1. まず、新しい WordPress 投稿/ページを作成するか、既存のものを編集する必要があります。

2. ページの上部にある [ Elementor で編集] ボタンをクリックします。

これで、サイトのライブ プレビューが右側に表示されます。 左側には、投稿/ページに追加できるすべての Elementor 要素があります。

3. 左側の検索フィールドに移動し、「instagram フィード」と入力します。

4. 要素が表示されます。 あとは、右側にドラッグ アンド ドロップするだけです。
5. 最後に、結果に満足したら、忘れずに [公開] ボタンをクリックしてください。

Elementor Instagram フィードを WordPress に追加しました Webサイト！ ページをチェックして、見栄えが良いかどうかを確認することを忘れないでください。

最後の言葉

Instagram フィードを Elementor Web ページに追加することは、ページをより魅力的にする賢い方法です。 その結果、サイトの訪問者を効率的に見込み客に、そして最終的には顧客に変えることができます。