クリエイターフォームを共有する
URLで共有する
- フォーム編集画面を開きます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/9cf214ff-68ad-4a95-9a28-b71bcea67866/382e37ca8f05635b1d65dbd7fe12a4bb.png)
- 「編集内容を保存」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/a4779ac0-8a9d-4860-84f3-f97d7958900d/7528fcbb914b0649a828750dac59ced4.png)
- 「URLをコピー」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/df9bda08-1a26-4e4c-8811-cd4275bec7b1/c846c6ee7a9bc3ef6b1230598f6bda7d.png)
- コピーしたURLを共有します。
フォームURLはフォーム一覧画面でもコピーできます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/356568ca-9760-4d60-8e0f-658ab3c2e0fd/312a1ee4ebb69e43a33943ea0d0f6551.png)
QRコードで共有する
- フォーム編集画面を開きます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/72ad0ef6-0da2-40eb-ac52-3440835b72aa/382e37ca8f05635b1d65dbd7fe12a4bb.png)
- 「編集内容を保存」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/aba02354-475b-4483-b292-2dee46abe079/7528fcbb914b0649a828750dac59ced4.png)
- 「ダウンロード」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/a2a9f2ca-be99-4465-8282-1acf4793e426/0a235077449ed6338ff868a297de31e5.png)
- ダウンロードしたQRコードを共有します。
フォーム設定画面でQRコードをクリックし、ダウンロードすることも可能です。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/b4d34ff6-45a8-4a84-ab6c-5bce4a517eda/ebb28a17c6a8f98135baa89d1b3fc9aa.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/3c2e4727-5d68-49f4-a9a0-21ec91476288/b202bbf7a8a05b7042b304363d58b487.png)
ページに埋め込んで共有する
iframeで埋め込む
- フォーム設定画面を開きます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/726ceb4c-6383-44a1-b434-4e190ede23e7/ebb28a17c6a8f98135baa89d1b3fc9aa.png)
- 左メニューの「フォームの埋め込み(iframe)」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/8e120180-60c8-4161-a088-4e9bc255ad96/fdead4789f8b3f476543d33707995d70.png)
- フォームの設置先のドメインまたはURLを入力し、「更新する」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/6513a9f9-95ab-46ce-aba2-bf40fc28de2e/98a2163d51975c6ae7e34f0ccc43597d.png)
- フォームを埋め込むページにあわせ、「スクリプトの設置」または「フォームURLの記入」を選択しコピーします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/d2b09e86-988b-4ad4-a46b-04f0bcc7086e/fc3f80636c4906bb39180679882c8c5d.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/1041edce-2eea-4e30-ab01-5b060d1c89d8/199aa1256a2c89e3ddfa237ceb30449e.png)
- フォームを埋め込みたいページにスクリプトまたはフォームURLを設置します。
埋め込み方法の詳細はこちらの記事をご覧ください。
Shopifyに埋め込む
Shopifyへの埋め込みをご利用の場合、formrunの有料プラン(BEGINNER、STARTER、PROFESSIONAL)のご契約が必要です。
1. ShopifyにformrunのAPIキーを登録する
- Shopify app storeのformrunのページにアクセスし、「ログインしてインストール」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/17cb21b3-c8da-4f90-8685-8d683482bff7/fb0ba7c603d72870b19b81c366651049.png)
- Shopifyにログインします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/2650ac24-8fa6-4088-be2c-1697c4d9fdc5/b5ea9ebeaa7b24659a4b39cbce1ed511.png)
- 「インストール」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/07106bac-53e9-4a06-ae30-78381a7c0eb3/80774c57e583afcec755011c3daa1508.png)
- APIキーの入力が必要になるため、formrunにログインします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/be3c2ff7-a5aa-4681-bc08-05f384c0d84a/de607bc2d2f66c495dba120a1ed1a660.png)
- フォーム一覧画面からフォーム設定画面を開きます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/c0b0d8fc-b862-4b9b-ac50-115e4bd43c17/005987853082a504005693c3940b4566.png)
- 左メニューの「外部連携設定」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/4bd3afc0-2c3b-4037-add9-a0de9202f8e9/16b2c73fbde13452026d31474f194ebe.png)
- Shopifyの「連携する」をクリックし、APIキーをコピーします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/67ffb1a8-89df-4d41-bdfe-cf92aa90932f/e1654c3fb00f082071e6027491114400.png)
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/b0b9e257-98b3-44e3-8dc4-b449c10d1f80/1a8ff5ba87e61816af7da003ee366e73.png)
- Shopifyの画面に戻り、APIキーを貼り付け「保存」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/50079d1e-ef72-45ca-a80c-0dce4b250bb4/8266acb18c42abda0fa959aee410a7fd.png)
- 登録完了です。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/fabd1816-4ebf-4924-8e60-025fdd62591c/dc5bfa0153b90a9ec9dfed112ff0503e.png)
2. フォームを埋め込む
- APIキー登録後の画面の「フォーム一覧」より、埋め込みたいフォームの「テーマセクションに埋め込み」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/6faa5a2d-93db-4d37-8c7e-b9af5bbe02d6/8460d0c0088de79307e0249ec73a2ce6.png)
- 「コピー」をクリックし、「✕」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/79bfd1d1-7fe1-43d7-a848-68c234490b70/96a97a65bb37647cd1b1ef2c19c29c8c.png)
- 左メニューの「オンラインストア」より「カスタマイズ」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/726c11a7-34af-42cc-a724-ba77704d20d8/4a36e259bd360f7509e8b458737f0f48.png)
- 画面上部で、フォームを設置したいページに切り替えます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/5c20314a-e4ac-4a3a-9af3-9b273a89f28c/51f06770b7807f0fcd00bd54f3d92cb3.png)
- 「セクションを追加」の「アプリ」より「formrun 埋め込みフォーム」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/7ceb807b-321d-491e-9483-36bc8bbcf3c6/305752fdf89c17cde879efe2e62484eb.png)
- 「アプリ」の「formrun 埋め込みフォーム」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/d966070a-0148-4eb6-b065-167c7447aa3e/b2e78aed9240188771c6f595f5a9a2a1.png)
- 2の手順でコピーしたURLを「フォームURL」に貼り付けます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/4dc4d43d-ffe9-47a8-878c-b7d4684ccdd9/95017276d237d0448a4c2a9339c74aa2.png)
- 埋め込み完了です。右上の「保存する」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/4f1442a0-ab91-4e6c-a5ee-5a1a1753faa8/72646d83c6a36d160be9bed58b18d854.png)
関連ページ