Bubbleでソーシャルメディアフィードを埋め込む方法

Bubbleウェブサイトにソーシャルメディアフィードを埋め込み、表示するための手順と指示

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

こちらの記事に使用されいてる管理画面の画像は、英語の管理画面を撮影したものです。実際にご利用いただくEmbedSocialの管理画面は日本語仕様です。

Bubbleウェブサイトにソーシャルメディアフィードを埋め込みたいと考えていますか?わずか数クリックで埋め込むためのシンプルなガイドがここにあります。

まだEmbedFeedアカウントを持っていない場合は、7日間のトライアルを開始するためにクリックしてください。

始める前に、まずEmbedFeedアカウントでソーシャルメディアフィードを生成し、コードを取得してください。

以下は手順です:

  • EmbedFeedアカウントにログインします。

  • ウィジェットに移動し、埋め込みたいウィジェットをクリックします。

  • ウィジェットエディターの左側の設定パネルで、埋め込みタブをクリックし、「コードをコピー」をクリックします。

Clicking on 'Copy code' button on the editor

エディターで 'コードをコピー' ボタンをクリックする

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

Bubbleアカウントにログインし、ウィジェットを埋め込むアプリケーションのBubbleエディターを開きます。

コードを埋め込むには、以下の手順が必要です:

  • 左上隅にある 'Design' アイコンをクリックし、ウィジェットを表示したいページに 'HTML' 要素をドラッグアンドドロップします:

'Design' オプションを選択し、BubbleエディターにHTML要素をドラッグアンドドロップする

  • ポップアップにウィジェットコードを貼り付けます:

Selecting the 'Design' option and dragging and dropping the HTML element on the bubble editor

BubbleのポップアップにHTMLコードを貼り付ける:

pasting the HTML code on the popup in Bubble

以上です!

ウィジェットをよりウェブサイトに合わせて幅と高さを調整できます。

詳細やご不明点は、このページの右下のチャットサポートかCSチームにお問い合わせくださいませ。





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