Wraptasを使って問い合わせフォームを設置する方法

2022/5/14 7:022022/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

サンプル