私は現在フォームを企業ごとに作成してその作成したフォームを自社のHPに埋め込みで使用できるサービスを作成しています。
AWSでDynamoDB(Graphql)を使って作成しており、Next.jsを使っています。
イメージは以下のようなサービスです。
https://form.run/home
https://tayori.com/
そこでiframeで埋め込みの場合はスタイリングや自由度が少なく、sdkやjsなどで自由に埋め込みができるようなサービスを開発したいのですが、どのように開発すればできますでしょうか?
自社サービスの埋め込みコードの作成の仕方など教えていただけると幸いです。
具体的には以下のsdkのリンクをヘッドで読み込ませて、その下のBodyのコードのclassやidを見てスタイリングや自社DBの情報を元にしたレンダリングなどを行いたいです。
html
1<script src="https://sdk.form.run/js/v2/formrun.js"></script>
html
1<form class="formrun" action="https://xxxx.run/api/v1/r/xxxxx" method="post"> 2 <div> 3 <label>お名前</label> 4 <input name="お名前" type="text"> 5 </div> 6 <button type="submit" >送信</button> 7</form>
特定のdivを設定するだけでそこにフォームを設置できればベストだと考えておりますが、それは可能なのでしょうか?
<div id="xxxxxxxxx"></div>あなたの回答
tips
プレビュー