メインコンテンツにスキップ

WixにSNSウィジェットを埋め込む方法

Wixで構築したサイトに、SNSから収集した投稿を表示させる手順を解説します。

Yuko avatar
対応者:Yuko
一週間前以上前にアップデートされました

Wixを使ってウェブサイトをデザインしている方に朗報です。EmbedSocialを利用すれば、InstagramやFacebook、TikTokなどのSNS投稿を簡単にウィジェットとして埋め込むことができます。常に最新の投稿を自動で反映できるため、更新の手間を省きつつ、訪問者にとって魅力的で動きのあるページを実現できます。

EmbedSocialで作成したInstagramウィジェットをWIXで作成したウェブサイトに表示する方法の全体の流れはこちらの動画でごかくにんください。

各ステップごとの詳細は以下の通りです。

1. ウィジェットのデザインを確定する

(参考)デザインの編集方法などSNSウィジェットを作成するEmbedSocialの基本操作方法は、こちらをご参照ください: SNS投稿・UGCウィジェット作成の基本操作

デザインの調整後、保存をクリックして編集したデザインを確定します。

保存をクリック

2. 埋め込み用のURLを取得する

メニューの「埋め込み」を開き、サイト設置用のコード取得に進みます。

「埋め込み」を開く

埋め込みコードの種類をドロップダウンで選び、サイトに合う形式に切り替えます。

コードタイプの選択

WIXでの表示は、コードタイプメニュー中から、URLを選択してください。

URLを選択

「コードをコピーする」をクリックしてURLをコピーします。

コードをコピーする

3. WIXの編集画面上で埋め込み用のブロックを追加する

WIXのエディターを開き、左メニューの追加から、ページに新しい要素を入れます。

新しい要素の追加

「埋め込みコード」を選択します。

「埋め込みコード」を選択

「HTML 埋め込み」をクリックして、埋め込み枠をページに追加します。

HTML 埋め込みの追加

4. EmbedSocialウィジェットのURLを貼り付ける

ブロック上部の「コードを入力」ぼp端をクリックし、設定画面で入力形式を「ウェブアドレス」に切り替えます。

入力形式をウェブアドレスに変更

「URLを入力」にEmbedSocialウィジェットのURLを貼り付けて、表示したい内容を指定します。

URLを貼り付け

「適用」をクリックして、URLの埋め込みをページに反映します。

適用の実行

5. レイアウトの調整

埋め込み枠を整え直して、サイズや配置を整えて見やすく仕上げて、設定は完了です。

レイアウトの調整

ご不明な点は、いつでもお問い合わせください。担当チームから回答させていただきます。

  • サブスクリプション・ご契約等に関するお問い合わせ先:セールスチーム

  • 操作方法についてのお問い合わせ先:カスタマーサクセスチーム

    • 画面右下のチャットボタンからお問い合わせください

こちらの回答で解決しましたか?