Studio

StudioのEmbed（埋め込み）ボックスでは、HTML・CSS・JavaScriptコードや各種外部サービスをページに埋め込みができます。この記事では、ボックスの追加方法、コードタイプの違い、編集画面の操作、注意点や外観設定について説明します。

Embed（埋め込み）ボックス

Instagram埋め込みボックスを使って、フィードの個別投稿をWebサイトに埋め込む方法を解説します。

Instagramの投稿を埋め込む

X（Twitter）の埋め込みボックスを使って、特定の投稿をWebサイトに埋め込む方法を解説します。

X（Twitter）の個別投稿を埋め込む

埋め込み用のボックスを使って、YouTube動画をサイト上に埋め込み表示する方法をご紹介します。自動再生やループ再生のカスタマイズも可能です。

YouTube動画を埋め込む

TikTok動画やフィードは、埋め込みボックスを活用してサイトに埋め込むことができます。

TikTok動画を埋め込む

Facebookのいいね！ボタンや投稿などの任意コンテンツをページへ埋め込む手順をご紹介します。

Facebookを埋め込む

Embedボックスを利用して、GoogleカレンダーをWebページに埋め込む方法をご紹介します。Googleカレンダーをサイトに埋め込むと、スケジュールをサイト訪問者に共有できます。

Googleカレンダーを埋め込む

Embedボックスを利用して、GoogleフォームをWebページに埋め込む方法をご紹介します。Studioのフォーム機能にはない、選択式の項目など高度な機能を使用したい場合などに活用できます。

Googleフォームを埋め込む

StudioサイトにGoogle Mapsを埋め込む方法と、設置したGoogle Mapsの位置情報を変更する方法を解説します。

Google Mapsを埋め込む

Studioサイトで、LINEの友だち登録画面に遷移するボタンを作成することが可能です。

LINEの友だち登録ボタンを作りたい

Vimeoに公開した動画を、Studioに埋め込む方法を解説します。埋め込みコードを取得して、ペーストするだけで簡単に埋め込むことができます。自動＆ループ再生させる方法も紹介します。

Vimeoの動画を埋め込む

Embed ボックスを利用すると、簡単に外部サービスを iframe で埋め込み可能です。

iframeを埋め込む

Lottie 埋め込みボックスを活用すると、LottieをStudioサイトへ埋め込むことができます。埋め込んだLottieの再生条件は、スクロール連動など6つの再生条件から選ぶことができ、カスタマイズも可能です。

Lottieを埋め込む

フォーム作成から顧客管理までワンストップで行えるサービス「formrun」で作成したフォームをStudioサイトに埋め込む方法を説明します。

formrunを埋め込む

縦型動画のFirework動画を、Studioに埋め込む方法を解説します。埋め込みコードを取得して、ペーストするだけで簡単に埋め込むことができます。

Fireworkを埋め込む

HubSpot Form を Studioサイトに埋め込む方法を説明します。

HubSpot Formを埋め込む

Studioでは、Embedボックスやカスタムコード機能を使ってHTMLやスクリプトを追加できます。一方で、ページのHTMLを直接編集したり、コードを出力することはできません。

Studioで HTMLの編集・追加・出力をしたい

YouTubeやVimeoの動画をWebページに埋め込んで、背景やメインビジュアルとして設定する方法をご紹介します。

埋め込み動画を背景に設定する

noteなどの外部サービスのRSS記事リストをStudioで作成したサイト上に自動表示することができます。 この記事では、RSS URLの追加、リストの配置、データの紐付けと更新方法について説明します。

RSS連携（RSSリスト）

StudioのRSS連携機能を使用し、noteの最新記事をサイトに表示する手順を解説します。

noteの最新記事をRSS連携で表示させる

ページに配置したRSSフィードの表示がエディタやライブプレビューで更新されない理由と、手動更新の方法を解説します。

RSSの表示がエディタやライブプレビューで更新されない場合

埋め込みボックスを、縦横比を保ったまま表示させるレスポンシブ設定の方法を紹介します。この記事では例として、YouTube動画を埋め込んだEmbedボックスを、16:9の縦横比に維持するレスポンシブ設定を紹介します。

Embedボックスの縦横比を固定するレスポンシブ設定

Embedボックス・RSSボックス（埋め込みボックス）

Create a custom design with text, images, and links

Studio.Design

Studio.Blog

Studio.Showcase

What's New

Updates

公式サイト

公式ブログ

事例集

セミナー動画

YouTube

コミュニティで知見を深める

Intercom のサポートやコミュニティのエキスパートに質問し、答えてもらいましょう。

このサイトでは、当社および当社の第三者ベンダーが、当社のクッキーポリシーに記載された目的のために、お客様とサイトでのやりとり（閲覧したコンテンツ、カーソルの動き、画面の記録、チャット内容を含む）に関する個人情報を監視および記録するために、クッキーやその他の技術を使用しています。当サイトを引き続きご利用いただくことで、{websiteTermsLink}、{privacyPolicyLink}および{cookiePolicyLink}に同意したことになります。

このサイトでは、サイトの運営に必要不可欠なCookieおよび類似のテクノロジー（以下「Cookie」）を使用します。また、当社とパートナーは、サイトのパフォーマンス分析、機能、広告、ソーシャルメディア機能を有効にするために、追加のクッキーを設定したいと考えています。詳細については、{cookiePolicyLink}をご覧ください。クッキーの設定は、[クッキー設定] で変更することができます。

当社では、ウェブサイトの機能維持、分析、そして広告表示のためにクッキーを使用しています。オプションで必要に応じて希望するクッキーを有効または無効にできます。詳細については、{cookiePolicyLink}をご覧ください。

お客様には、個人情報の販売をオプトアウトする権利があります。お客様のデータの使用方法について詳しくは、{cookiePolicyLink}をご覧ください。

お客様のプライバシーに関する選択

当社では、お客様の体験を向上させるためにクッキーを使用しています。クッキーの設定は以下でカスタマイズすることができます。詳細については、{cookiePolicyLink}をご覧ください。

クッキー設定

リンク, 終了するにはcontrol-option-right-arrowを押します

ヘルプセンターは空です

エラーが発生しました。そのページは存在しません。

がっかり

無表情

笑顔

考えています...

ソースを検索しています...

分析しています...

メッセンジャー経由で送信されたチケット、または会話内でサポートエージェントによって送信されたチケットがここに表示されます。

お客様が作成したチケットはありません

別のキーワードを使用するか、入力ミスがないか確認してみてください。

別のキーワードやフィルタを使用してみてください。

チケットが見つかりませんでした

タイトル

御社に関連するすべてのチケットの進捗状況を追跡

チケットポータル。

{assigneeName}さんがこちらに対応中です！

{assigneeName}さんがチケットを完了しました

{assigneeName}さんが近日中に対応する予定です

{assigneeName}さんが詳細情報を必要としています

あなたのチケットは完了しました