iframeは、サイトに埋め込むことができる第三者アプリケーションです。一般的に使用される例として、Googleマップ、YouTube、Spotifyがあります。

Googleマップを追加する

  1. 左サイドのパネルのGoogleマップをドラッグ&ドロップ、または、クリックをしてキャンバスに追加します。

   2. 表示されている地図を変更するには、Googleマップのサイトで表示したい住所を探します。

「共有」をクリック、「地図を埋め込む」をクリックして生成されたHTMLをコピーします。

  3. STUDIOに戻り、地図の左上にある<iframe>のシンボルをクリックして、コピーしたHTMLコードを「埋め込みコード」内に貼り付けします。

動画を追加する

YouTube、Vimeoの動画を追加するには:

  1. キャンバスにYouTube、またはVimeoをドラッグ&ドロップで追加します。

  2. YouTube、またはVimeoのサイトを表示して動画の埋め込みコードをコピーします。

  3. STUDIOに戻り、動画の左上にある<iframe>のシンボルをクリックして、コピーしたHTMLコードを「埋め込みコード」内に貼り付けします。

他のiframeを追加する

他のiframeを追加することもできます。

  1. 左サイドバーを開き、ボックスからカスタムiframeアイコンの</>をドラッグ&ドロップでキャンバスに追加します。

  2. 空のiframeをクリックし、左上の<iframe>のシンボルをクリックして、埋め込みコードを追加します。

Did this answer your question?