Shopifyへの埋め込みをする方法
埋め込み方法
Shopifyアプリからformrunをインストール
インストール方法は以下の2通りです。
B) Shopify画面「アプリ」をクリック後、「formrun」と検索し「アプリを追加する」をクリック後「アプリをインストール」ボタンからインストールしてください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/b4b10499-ea2e-42a4-957f-22b74732f494/db8a7660698279c51db1222cfb4fcd4c.png)
![](https://faq.form.run/hubfs/undefined-Nov-09-2022-12-19-56-8191-AM.png)
![](https://faq.form.run/hubfs/undefined-Nov-09-2022-12-19-57-6316-AM.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/fe445ef9-45de-4500-abdc-faf8832a887f/a8e039f0fce38311997c71bc47d96c39.png)
アカウント登録〜フォーム作成
formrunのアカウントを持っていない方は、「formrun連携」アプリを追加後、以下の3つを行ってください。
- チーム作成
- フォーム作成
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/4f15a85b-3c81-4246-98c6-817f05966b9c/377f13dbb31ab4612ff8392f7049ee5e.png)
![](https://faq.form.run/hubfs/undefined-Nov-09-2022-12-19-58-2098-AM.png)
プラン変更
Shopifyへの埋め込みは、有料プランへの変更が必要です。
API keyの取得
- 設定画面「フォーム>外部連携設定>Shopify」より「連携する」をクリックします。
![](https://ferret-one.akamaized.net/images/62cd18034edcc30aac158e9b/large.png?utime=1657608195)
- API keyをコピーします。
![](https://ferret-one.akamaized.net/images/62c527d7c6d4f00aa524ca3c/large.png?utime=1657087959)
- Shopifyの「アプリ管理>formrun連携」に遷移し、先ほどコピーしたAPI keyを貼り付けます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/d32410ce-d638-469d-9cc7-305d5b7dcb4e/7021c2e8c6816f55608df88cd15e9b08.png)
![](https://faq.form.run/hubfs/undefined-Nov-09-2022-12-19-57-2636-AM.png)
連携確認方法
Shopify画面「アプリ>formrun」をクリックします。
Shopifyと連携したチームで作成されたフォームを全て確認できます。フォームが複数ある場合は、検索ウィンドウを使って該当のフォームを確認してください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/69f0c247-edf0-43dd-9183-c0ee8fa3314b/49a989a8de3d64e46102014ce99a3743.png)
![](https://faq.form.run/hubfs/undefined-Nov-09-2022-08-26-06-2058-AM.png)
連携に関する注意事項
formrunのチーム単位で連携設定がされています。1つのフォームで連携を解除した場合には、全てのフォームが連携解除されますのでご注意ください。
例えば、AチームにXフォーム、Yフォーム、Zフォームがあり、Xフォームの設定画面「外部連携設定>Shopify」より連携した場合は、YフォームやZフォームも同時に連携され、Shopifyの「formrun連携」アプリの管理画面にて、Xフォーム、Yフォーム、Zフォームが表示されます。
もし、Yフォームの設定画面「外部連携設定>Shopify」より連携を解除した場合は、Shopifyの「formrun連携」アプリの管理画面にて、Xフォーム、Yフォーム、Zフォームが表示されなくなります。XフォームをShopifyサイトに埋め込んでいた場合、連携解除を行った瞬間、ShopifyサイトにXフォームが掲載されなくなります。