Wraptasを使って問い合わせフォームを設置する方法
2022/5/14
7:02
2022/5/14
7:14
設定方法
Wraptas管理画面 > サイトデザイン編集 > コンテンツエリア >「コードブロックを使ったHTML挿入機能をONにする」にチェックを入れる
Notion側でコードブロック( /code )を使ってフォームをマークアップする
formタグのaction属性に、HyperFormが発行したカスタムURLをセットする
コードブロックの言語に
を設定する
コード埋め込みでのHTML挿入機能
と、自動的にWraptasのサイト上でそのままHTMLとして入力されます。 injectHtml injectHtml__codeBlock というクラス名のdivで囲まれた状態になります。 HTML のコードがすべて自動で変換されるので、実際にサンプルコードなどでHTMLを表示しておきたい場合には Markup などに変更して利用してください。 ...
https://demo.wraptas.site/code_block_inject
サンプル
お名前
メールアドレス
お問い合わせ内容
個人情報の利用についての同意
送信