フォームデザイナー

Jotformの高度なフォームデザイナーを使って、オンラインフォームを思い通りにデザインしましょう。独自の色やフォントを選択したり、CSSコーディングを追加したり、その他のデザイン要素を変更したりできます。

Youtube video about - Customize your forms with Embedded Form Designer

高度なフォームデザイナーカスタムフォームを作成しましょう。コーディングなしで、フォントスペーシングボタンスタイルエラーメッセージの変更、ロゴ画像の追加、CSSコードの使用、あらゆるデバイスでのフォームのプレビューが可能です。

高度なフォームデザイナー

あなたのウェブサイトとニーズにぴったりのカスタムオンラインフォームを作成しましょう。ドラッグ&ドロップのフォームデザイナーは、コーディング不要の高度なカスタマイズオプションを提供します。

色の変更

既製のカラースキームから選択するか、カラーピッカーで特定の色を選択して、フォームの背景、テキスト、影をカスタマイズできます。

フォントの変更

JotformのGoogleフォントとシステムフォントのリストから選択し、各フォームセクションのフォントサイズを、数回クリックするだけで変更できます。

フィールド間にスペースを追加する

フォームフィールド間のスペースを指定して、フォームデザインを微調整できます。縦方向のパディング、横方向のパディング、ラベルの間隔をパーソナライズできます。

JotformのCSSインスペクター

各フォームフィールドの要素のクラス属性と要素IDをすばやく発見して、CSSコードの記述に役立てることができます。また、アクティブな要素属性、または要素IDに、数回のクリックでスタイルを追加できます。

JotformのCSSエディター

JotformのCSSエディターでフォームのあらゆる面をカスタマイズできます。ゼロからコードを書くことも、便利なビルダーを使ってスタイルを追加することもできます。

カバー写真の追加

フォームの上部にロゴとユニークなカバー画像を入れて、プロフェッショナルな印象を与えましょう。

ボタンのデザインを更新

人目を引く送信ボタンで回答率を上げましょう。Jotformの既成のボタンスタイルから選択したり、わずか数クリックでカスタマイズされた送信ボタンを作成したり、CSSコードを使用して作成することも可能です。

モバイルデバイス用プレビュー

タブレットやスマートフォンで、フォームがどのように表示されるかを確認することで、どのデバイスから見ても、フォームを最高の状態に保つことができます。

エラースタイルの編集

フォームのエラーメッセージをカスタマイズ。スタイル、色、テキストを簡単に変更できます。

背景画像をアップロード

フォームの背景を変更するには、ギャラリーから画像を選択するか、ファイルから画像をアップロードしてください。

フォームの埋め込みデザイナーでフォームをカスタマイズ

Jotform 4.0 には、フォームビルダービューに直接埋め込まれた、全く新しいアドバンストフォームデザイナーが搭載されています。変更した内容は即座にフォームに反映され、プレビューも簡単です。あらかじめデザインされたテーマで見た目を変えたり、詳細設定でCSSをカスタマイズすることもできます。

Customize your forms with Embedded Form Designer
動画を見る