💻
STUDIOへの埋め込み方法
このページでは、bookrunで作成したブックボードをSTUDIOに埋め込む方法について説明します。
bookrun・STUDIOのどちらもご利用いただいている場合、bookrunで作成したブックボードをSTUDIO内に埋め込むことが可能です。
ブックボードの埋め込み方法
1.編集画面の左側にある「>」ボタンをクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/208209fd-1f6e-401b-bec2-92c974efeea2/453f90c86b621356b0a3c978ad39bb78.png)
2.「ボックス」内の「iframe」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/c4a97ae9-72c3-497e-a3da-2e2362dad89e/3764a6d5f6925c386b5464d197b5f970.png)
3.以下の箇所をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/e918ce45-a49b-49c8-9b10-38023d79b1e4/21db82b834ae260991b3bdc28a12c20f.png)
4.3でクリックすると「ボックス」の設定画面が開きます。「埋め込みコード」の箇所に記載されている の 箇所に「埋め込みたいブックボードの公開ページURL」を入力します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/64429e72-c838-4297-a024-ce49bd10c224/ab23657af542264df2686069be9e7980.png)
(※参考)公開ページURLは、bookrunのホーム画面の以下の箇所からコピーが可能です。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/5c681d91-58f3-4fa8-9ed5-115cd0d0e9a0/60a5bb8cd136f26463518ceae77a5a1c.png)
5.編集画面上にブックボードが表示されますので、サイズを調整してください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/6695eb15-adde-4114-8baf-045b86383245/4210e45624a835ba270b06355582606f.gif)
設定は以上となります。
以下がホームページでのフォームの公開画面になります。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/498f027c-71b0-4477-948e-f913d8aa4ed8/77b8ca3252f5dcbaa897dfae8cb77b46.png)