---
title: "Kajabiにソーシャルメディアフィードを埋め込む方法"
description: "Kajabiのサイトにソーシャルメディアフィードを埋め込んで表示する手順を説明します。"
---

Kajabiのサイトにソーシャルメディアフィードを埋め込みたい場合、数クリックで設置できます。手順は次のとおりです。

> EmbedSocialのアカウントをまだお持ちでない場合は、[7日間のトライアルを開始](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget&lang=ja)してください。

はじめに、EmbedSocialのアカウントで[ソーシャルメディアフィードを作成](/docs/social-media-aggregator/instagram/)し、コードを取得してください。

手順は次のとおりです。

1.  EmbedSocialのアカウントに**ログイン**します

2.  **[Widgets](/admin/social_feed?lang=ja)** を開き、埋め込みたいウィジェットをクリックします

3.  ウィジェットエディターの左の設定パネルで '**Embed**' タブをクリックし、'**Copy code**' をクリックします

![エディターでCopy codeをクリックしている画面](https://embedsocial.com/images/docs/8395266/1.jpg)

コードを取得したら、Kajabiのアカウントに移動します。

## Kajabiのサイトにソーシャルメディアフィードのウィジェットを埋め込む

Kajabiのアカウントにログインし、ウィジェットを埋め込みたいページを開いて '**Customize**' ボタンをクリックします。

コードを埋め込む手順は次のとおりです。

:::steps
1. '**Add section**' ボタンをクリックします。
![KajabiのエディターでAdd sectionボタンをクリックしている画面](https://embedsocial.com/images/docs/8395266/2.jpg)
2. 一覧からCustom Codeを選び、'**Add**' をクリックします。作成されたCustom Codeブロックは、ページの一番下に追加されます。
![KajabiのエディターでAdd custom codeを選んでいる画面](https://embedsocial.com/images/docs/8395266/3.jpg)
3. ブロックを配置したいセクションに移動し、ブロックにカーソルを合わせて '**Edit**' をクリックします。
![ブロックにカーソルを合わせてEditをクリックしている画面](https://embedsocial.com/images/docs/8395266/4.jpg)
4. コードエディターにHTMLコードを貼り付け、'**Save**' をクリックします。
![ポップアップにウィジェットのコードを貼り付けてSaveをクリックしている画面](https://embedsocial.com/images/docs/8395266/5.jpg)
:::

これで完了です。

ウィジェットの表示を確認できたら、'**Publish**' または '**Update**' ボタンをクリックすると、Kajabiのサイトに変更が反映されます。

## Kajabiに埋め込んだInstagramウィジェットの例

![Kajabiのサイトに表示されたInstagramフィードの例](https://embedsocial.com/images/docs/8395266/6.jpg)

> ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏

## Kajabiにレビューを埋め込む

Kajabiのサイトにレビューを埋め込みたい場合も、数クリックで設置できます。手順は次のとおりです。

> EmbedSocialのアカウントをまだお持ちでない場合は、[7日間のトライアルを開始](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget&lang=ja)してください。

はじめに、EmbedSocialのアカウントで[レビューウィジェットを作成](/docs/getting-started/create-widget/)し、コードを取得してください。手順は次のとおりです。

1.  EmbedSocialのアカウントに**ログイン**します

2.  **[Widgets](/admin/reviews_feed?lang=ja)** を開き、埋め込みたいウィジェットをクリックします

3.  ウィジェットエディターの左の設定パネルで '**Embed**' タブをクリックし、'**Copy code**' をクリックします

![ウィジェットエディターのEmbedタブでCopy codeをクリックしている画面](https://embedsocial.com/images/docs/8003115/1.jpg)

コードを取得したら、Kajabiのアカウントに移動します。

## Kajabiのサイトにレビューウィジェットを埋め込む

Kajabiのアカウントにログインし、ウィジェットを埋め込みたいページを開いて '**Customize**' ボタンをクリックします。

コードを埋め込む手順は次のとおりです。

:::steps
1. '**Add section**' ボタンをクリックします。
![Add sectionボタンをクリックしている画面](https://embedsocial.com/images/docs/8003115/2.jpg)
2. 一覧からCustom Codeを選び、'**Add**' をクリックします。作成されたCustom Codeブロックは、ページの一番下に追加されます。
![一覧からCustom Codeを選びAddをクリックしている画面](https://embedsocial.com/images/docs/8003115/3.jpg)
3. ブロックを配置したいセクションに移動し、ブロックにカーソルを合わせて '**Edit**' をクリックします。
![ブロックにカーソルを合わせてEditをクリックしている画面](https://embedsocial.com/images/docs/8003115/4.jpg)
4. コードエディターにHTMLコードを貼り付け、'**Save**' をクリックします。
![コードエディターにHTMLコードを貼り付けてSaveをクリックしている画面](https://embedsocial.com/images/docs/8003115/5.jpg)
:::

これで完了です。

ウィジェットの表示を確認できたら、'**Publish**' または '**Update**' ボタンをクリックすると、Kajabiのサイトに変更が反映されます。

## Kajabiに埋め込んだGoogleレビューウィジェットの例

![Kajabiに埋め込まれたGoogleレビューウィジェットの例](https://embedsocial.com/images/docs/8003115/6.jpg)

> ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏