Webサイト向けインスタ フィード 埋め込みウィジェット

ウェブサイトにインスタ フィード 埋め込みを行い、訪問者がページを離れることなく最新のビジュアル更新を閲覧できるようにします。Instagram Feedウィジェットを使って、アカウントの投稿を表示したり、レスポンシブなレイアウトをカスタマイズしたり、投稿詳細を調整したり、ポップアップを追加したり、カスタムコードなしでフィードのスタイルを設定したりできます。

Instagramフィードウィジェットの作り方

Connect an Instagram source

Instagramソースを接続

ウェブサイトのフィードに表示したい公開Instagramソースを追加します。

Customize the feed

フィードをカスタマイズ

レイアウト、投稿詳細、ポップアップの動作、色、Instagram風のアクセント設定を選択します。

Get the embed code

埋め込みコードを取得

生成された埋め込みコードをコピーして、Instagramウェブサイトウィジェットをページに公開します。

ウェブサイトにInstagramの投稿を表示

Instagramアカウントの投稿を接続

公開されているInstagramソースを追加し、埋め込みフィードにビジュアルの更新を表示します。Instagram Feedウィジェットを使えば、訪問者は最新の投稿、キャンペーンのビジュアル、商品写真、お知らせ、クリエイターのコンテンツをウェブサイトから直接閲覧できます。

Connect Instagram account posts

ビジュアルをレイアウトに調和させる

グリッド、メーソンリー、リスト、カルーセル、スライダーのレイアウトから、ページに合ったものを選べます。ウェブサイトのホームページ、ポートフォリオセクション、キャンペーンページ、またはすっきりとした埋め込みフィードが必要なビジュアルギャラリーには、Instagramウィジェットをご利用ください。

Fit visuals into your layout

表示する投稿詳細を選択

各Instagram投稿のプレビューに表示する内容を制御できます。投稿者名、日付、キャプション、ソースラベル、アクション数、リンク、ポップアップの詳細を表示または非表示にすることで、訪問者が投稿を開く前に適切な量の情報を得られるようにします。

Choose visible post details

Instagramフィードのスタイルを設定

Instagramウェブサイトウィジェットをブランドに合わせつつ、フィードが認識しやすい状態を保ちます。テーマ、プラットフォームのアクセント、カードの色、矢印、ページネーション、カスタムCSSをカスタマイズして、洗練されたビジュアルセクションを作成できます。

Style the Instagram feed

InstagramフィードをWordPressに埋め込む方法

1埋め込みコードを取得

Jotformウェブサイトウィジェットをカスタマイズしたら、「Try it on your website for free」をクリックし、生成された埋め込みコードをコピーします。

2ページエディタを開く

ウィジェットを表示したいWordPressの投稿またはページに移動し、新しいブロックを追加します。

3カスタムHTMLブロックを追加

カスタムHTMLを選択し、Jotformウェブサイトウィジェットの埋め込みコードをHTMLフィールドに貼り付けます。

4更新して表示

更新または公開をクリックし、ページを開いて埋め込まれたウィジェットを確認します。

Jotformウェブサイトウィジェットが選ばれる理由

Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声のスライダーから、社会的証明のポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、証明の表示、リードの獲得を実現しましょう。コーディングは不要です。

コーディングなしでウィジェットを埋め込む

シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。

よりインタラクティブなページを作成

Jotformウェブサイトウィジェットを使って、リードの獲得、お客様のフィードバックの表示、社会的証明の掲載、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。

必要なときにサポートを受けられます

ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間365日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。

Jotformフォーム作成ツールで、リードを有料顧客へと変えましょう

Jotformで、エンゲージメントをアクションへと変えましょう。リードの獲得、決済の回収、返信の自動化まで、すべてを一か所で実現する強力なフォームを作成できます。すべての回答はJotform受信トレイに届き、そこからフォローアップしたり、お気に入りのアプリと連携したりできます。

無料で今すぐ始める
Convert leads into customers

よくある質問 (FAQ)

  • Instagram Feedウィジェットとは何ですか?

    Instagram Feedウィジェットは、Instagramアカウントの投稿をレスポンシブな埋め込みフィードとしてウェブサイトに表示します。訪問者はページをすぐに離れることなく、最新のビジュアル、お知らせ、キャンペーン、ソーシャルの更新を閲覧できます。

  • 自分のウェブサイトにInstagramフィードのコンテンツを埋め込めますか?

  • どのようなInstagramコンテンツを表示できますか?

  • Instagram Feedウィジェットのレイアウトをカスタマイズできますか?

  • 訪問者はウィジェットからInstagramの投稿を開けますか?

  • Instagramウィジェットはモバイルでも動作しますか?

  • Instagramフィードを追加するにはコードを書く必要がありますか?

  • Instagram Feedウィジェットに対応しているウェブサイトプラットフォームはどれですか?

  • Instagram Feedウィジェットの設定にサポートを受けられますか?