「Zoho Formsでカスタムテーマを作成する方法は?」

「Zoho Formsでカスタムテーマを作成する方法は?」

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。


Zoho Formsでは、ブランドのカスタムカラー、デザイン、またはテーマに応じてテーマをカスタマイズすることができます。レスポンダーに信頼性を高めるために画像やカラーテーマを使用してカスタムバックグラウンドを更新することが可能です。

Create Custom Forms - Zoho Forms

 

フォームでカスタムテーマを作成する方法を見てみましょう!

事前設計されたテーマ

フォームを必要なフィールドすべてで構築したら、テーマタブに移動します。Plain、Gray、Classicなど、ニーズに合うものを選ぶことができる多くのプリデザインテーマを見つけることができます。
新しいプリビルドテーマが追加されましたので、ご確認ください!

Pre-built Themes

フォームに独自のテーマをカスタマイズしたいですか? 

「テーマ」タブをクリックしてフォームのカスタマイズを選択します。このオプションでフォームのカスタムフォント、背景、効果などを設定できます。フォームの背景をどのようにカスタマイズするかを見てみましょう。

背景のカスタマイズ 

「フォームカスタマイズ」の下の「フォーム」タブで、カスタム背景を設定するためのドロップダウンフィールドを見ることができます。
フォームの背景に壁紙を設定するには、背景 > 壁紙を選択してください。
このオプションでは、フォームの壁紙の色、不透明度、パターンを選択することができます。

Set a pattern as form background

も壁紙として画像をアップロードしたい場合は、Background Typeの下のImageを選択してください。ここでは、画像をアップロードするか、Pixabayから高解像度の画像を検索することができます。

JPEG、JPG、PNG、BMP、GIFなどの画像をアップロードすることをお勧めします。アップロード後に位置合わせを設定して、画像をフォームに合わせることができます。
 
フォームにバナー(通常はロゴ)を含めるには、背景 > バナーを選択します。Jpeg、Jpg、PNG、BMP、GIF形式の画像をアップロードできます。アップロード後に画像の配置も設定できます。

Custom Form Design - Zoho Forms

 

 

フォームコンポーネントもカスタマイズしたいですか?

コンテナのカスタマイズ

フォームのカスタマイズ > フォームタブ > コンテナのドロップダウンから、背景、境界線、端、配置、フォーム幅、スペース、シャドウなど、フォームコンテナのさまざまな機能を変更するオプションが見つかります。
コンテナの背景の色、不透明度、パターンを変更したり、コンテナの境界と端の太さ、スタイル、不透明度、色を変更したり、フォーム内のコンテナの配置を配置オプションで制御できます。
フォームの幅、コンテナ間の隙間、必要な場合はシャドウ効果などもカスタマイズできます。

Form Customization

 

ヘッダーのカスタマイズ 

「フォームのカスタマイズ」の下の「フォーム」タブの「ヘッダー」ドロップダウン内で、背景、境界線、端、整列、フォーム幅、スペース、シャドウなどのさまざまな機能を変更するオプションを見つけることができます。
また、推奨される形式で会社のロゴをフォームのヘッダーとしてアップロードすることもできます。

フォーム本文のカスタマイズ 

フォームカスタマイズの下で、フォームタブの下のBodyドロップダウンから、要件に合わせてフォーム本文の機能を変更することができます。

フィールドのカスタマイズ 

フォームのフィールドをカスタマイズするには、ドロップダウンのフォームカスタマイズ > フォームタブ > フィールドを選択してください。
フィールドコンテナの下で、フィールドコンテナの背景、境界線、端、スペースをカスタマイズできます。フィールドコンテナ内のコンテンツのフォントも変更できます。

Field Customization

 

上記のフィールドの機能をすべてのフィールドオプションの下でもカスタマイズすることができます。
フォームに別々のセクションがある場合、セクションの背景、境界線、端、およびスペースなどのセクションの特徴をカスタマイズできます。
フォーム内にマトリックスチョイスフィールドがある場合、質問と回答の色、フォント、スタイル、サイズを選択できます。
同様に、Choiceフィールドの場合は、フィールド内のコンテンツの色、フォント、スタイル、サイズを変更することができます。
選択形式フィールドの中の「選択スタイルオプション」の下に、テンプレートのスタイル(ラジオチェックボックス)を選択できます。
フォーム内に評価フィールドがある場合、評価フィールドのスタイルとサイズを編集し、選択された部分と未選択の部分のボーダーと塗りつぶしの色をカスタマイズできます。
フォーム内に複数選択の質問がある場合、フィールド内のコンテンツの色、フォント、スタイル、サイズを編集することができます。
詳細を学ぶフィールドと、ニーズに合ったフィールドを選択する方法について。


「フォームカスタマイズ」の下の「フォーム」タブの「フッター」で、背景、境界線、端、配置、フォーム幅、スペース、シャドーなどのフッターのさまざまな機能をカスタマイズできます。

ボタンのラベルをカスタマイズする方法を見ていきましょう!
 
《フォームのカスタマイズ》》《ボタン》》《幅》の下にある、ボタンのラベルの幅をカスタマイズできます。
3つのボタンがあります。送信保存レビューです。
「投稿」セクションに入り、背景、境界線、端、フォント、整列、スペース、シャドーを変更することができます。

 Submit Button customizatio


もしフォームに「保存して確認」ボタンがある場合、上記の機能はそれぞれのドロップダウンメニューの下で変更できます。
 
詳しくはこちらをご覧ください。フォームのボタンの変更とカスタマイズについて。
フォームにサブフォームがある場合は、お好みに応じて完全にカスタマイズすることもできます!!!

サブフォームコンテナー 

ヘッドをサブフォームタブに移動し、ドロップダウンからサブフォーム>コンテナを選択してサブフォームをカスタマイズしてください。

サブフォームフィールド 

サブフォームのフィールドをカスタマイズするには、ドロップダウンのサブフォームタブ> フィールドをクリックします。 フィールドコンテナーの下で、フィールドコンテナーの背景、境界線、端、スペース、フォントをカスタマイズできます。
フィールドの上記の機能をカスタマイズすることもできます。「すべてのフィールド」オプションの下にあります。すべてのフィールドオプション。
サブフォームに選択フィールドがある場合、フィールドの内容の色、フォント、スタイル、サイズを変更することができます。
選択スタイルオプションの下で、テンプレートのスタイルを選択することができます。
サブフォームに評価フィールドがある場合、評価フィールドのスタイルやサイズ、選択された部分と未選択部分の境界と塗りつぶしの色を編集することができます。
 フォーム内に複数選択の質問がある場合、フィールド内のコンテンツの色、フォント、スタイル、サイズを編集できます。

ポップアップサブフォーム 

もしポップアップサブフォームを選択した場合、ポップアップ > カード セクションで、背景、境界線、端、およびコンテンツのフォントなどのポップアップの特徴を編集できます。
 
複数のページからなるフォームをお持ちですか?
長いマルチページフォームはお客様に塗り終えるのが退屈になるかもしれません。フォームのページの見た目をカスタマイズして、長いマルチページフォームを面白くしましょう!
フォームカスタマイゼーションのページタブの下では、ページだけでなく、ページ上のナビゲーションボタンなどの細かい詳細もカスタマイズできます!

ページのカスタマイズ

ページヘッダーの機能を、背景、境界線、端、配置、間隔などをカスタマイズすることができます。ドロップダウンのページ > ヘッダーオプションを使用してください。
タイトルのコンテンツのフォント、色、スタイル、サイズを変更したい場合は、ページ > タイトル の下で行うことができます。
フォームの訪問済みと未訪問のページのフッターの数と色は、ページ > 番号 セクションでカスタマイズできます。
ナビゲーションボタン(次へ戻る)の背景、境界線、端、フォント、配置、スペース、シャドーなどの機能を、ナビゲーション > ボタン セクションでカスタマイズできます。
 ページ訪問の状況を示すナビゲーションバーの色の変更や、ページ内のバーの間隔を、ドロップダウンのオプションナビゲーション > バーでカスタマイズできます。
 
Zoho Formsのカスタマイズオプションに驚きましたか? 今すぐ試してみましょう!

    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



              Zoho WorkDrive Resources



                Zoho Desk Resources

                • Desk Community Learning Series


                • Digest


                • Functions


                • Meetups


                • Kbase


                • Resources


                • Glossary


                • Desk Marketplace


                • MVP Corner


                • Word of the Day









                                  • Related Articles

                                  • 「Zoho FormsとZoho Signの統合」

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 Zoho FormsとZoho Signの統合に関する短いウェビナー動画をご覧ください。 ヘルプガイド: Zoho Forms - Zoho Signの統合の設定 Zoho Sign文書を送信する方法 署名ステータスを確認する
                                  • 「Zoho Analyticsの統合」

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 Zoho Analyticsは、データを分析して驚くべきデータ視覚化を作成し、数分で隠れたインサイトを発見することができる自動BI(ビジネスインテリジェンス)およびデータ分析ソフトウェアです。 Zoho FormsとZoho ...
                                  • 「Zoho SalesIQの統合」

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 概要 ウェブサイトの訪問者を追跡してより良い関係を築くために簡単にするために、Zoho Forms-Zoho ...
                                  • 「Zoho Cliqの統合」

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 このインテグレーションを使用すると、新しいフォームエントリが受信されたときに、選択したZoho Cliqチャンネルに自動的にメッセージを投稿できます。 Zoho FormsとZoho Cliqの統合がどのように機能するか? インテグレーションの設定 Zoho Cliq ...
                                  • 「Zoho Signの統合」

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 概要 もし、合意書、文書、契約書の署名に関わる書類をデジタル化したいのであれば、Zoho Forms - Zoho Sign 統合を使用することができます。 この統合により、は、先に記入されたZoho Sign文書 テンプレート を対象者に送信して、デジタル署名を取得できます。 ...

                                  Resources

                                  Videos

                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                  eBooks

                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                  Webinars

                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                  CRM Tips

                                  Make the most of Zoho CRM with these useful tips.