レビュー セクションは、Web サイト訪問者が製品、サービス、または Web サイト全体のエクスペリエンスについてフィードバックや意見を残すことができる専用エリアです。
これは、ユーザーが情報に基づいた意思決定を行い、Web サイトの所有者や管理者に貴重なフィードバックを提供するのに役立ちます。
ここで扱われる内容：
レビューフォームは次のようになります。
レビューセクションを追加
- ページにセクションを追加できます。 既存のページにセクションを追加することも、 新しいページを作成する あなたのウェブサイト内。
- あなたのページで、をクリックしてください 青+アイコン 新しいセクションを追加します。
- 今すぐ セクションカテゴリ 左側にあります。
- 選択する フォーム （1）カテゴリーをクリックし、 レビュー タブ (2) から選択できます さまざまなレイアウト レビュー (3) セクション。
- 任意のセクション レイアウトを選択し、クリックしてページに追加します。
セクションのコンテンツを管理する
セクションを追加したら:
- 以下を行うには、 レビューフォームの編集 （1）ボタン。
- これが開きます コンテンツ （2）設定。
ここから次のことができます。
- また、ご購読はいつでも停止することが可能です アップロードまたは削除 (1)フォームに表示される画像
- 加える Title （2） 詳細説明 （3）と、 セクションの見出し レビューセクションの(4)。 説明を追加する前に確認してください この記事.
レイアウトの管理
- 以下を行うには、 レビューフォームの編集 （1）ボタン。
- 選択する レイアウトタブ とします。
- レイアウトを選択してください （3）と Save 変更（4）。
フォームフィールドの編集
フィードバックや評価を収集するために Web サイトのレビュー フォームで使用できる特定のフィールド タイプがあります。 ここでは、フォームフィールドの簡単な説明を示します。
- 名前： これを使用してユーザーの名前を取得します。
- Email: ユーザーの電子メールをキャプチャします。
- コメント： このフィールドを使用して、ユーザーが伝えたいメッセージ/レビューをキャプチャします。
- 評価： これを使用してユーザーが星評価を付けられるようにします。 3 つ星または 5 つ星のいずれかを表示できます。
ヒント
- フィールド アイコンの横にある星アイコンは必須フィールドを表します。
- 「必須フィールド」チェックボックスをオフにすることで、評価フィールドを必須ではないとマークできます。
スタイリングレビューセクション
- ソフトウェアの制限をクリック レビューフォームの編集 (1)
- 選択する スタイル（2） タブには何も表示されないことに注意してください。
- セクション要素のスタイルを変更し、 保存 (3) あなたの変更。
セクションには複数のスタイル オプションがあります。
Form Fields
ピクサ ことができます フォーム 〜へ 完全に カスタマイズ 外観 of フォーム フィールド。 ボーマン スタイリング オプション 適用する 〜へ を フィールド in あなたのfORM (NAIST) と 与える フォーム 大きい コントロール が の フォーム ルックス (NAIST) と 感じています on ウェブサイトをご覧ください。
- 形状： ウェブサイトの美観に合わせて、入力フィールドの形状（長方形、丸型、丸型、テキストなど）を選択します。
- 塗りつぶし： このトグルを有効にすると、フォーム フィールドに背景の塗りつぶし色が適用されます。
- ベースカラー: 塗りつぶしオプションが有効な場合のフィールドの背景色を設定します。
- 概要： 各フィールドの境界線（アウトライン）のオン/オフを切り替えます。
- アウトラインの色: アウトラインが有効な場合のフィールドの境界線の色を選択します。
- フィールドテキストの色: フォーム フィールド内でユーザーが入力するテキストの色を設定します。
- 高さ： 小、中、大、特大から選択して、フィールドの高さを調整します。
- ラベル： フォーム フィールド ラベルをフィールドの内側に表示するか、外側に表示するかを選択します。
- ラベルの色: フィールド外に配置されたラベルの色を定義します。
- ラベル内側の色: フィールド内に配置されたラベルの色を設定します (プレースホルダー スタイルのラベルに役立ちます)。
- フィールド間の間隔: スライダーを使用して、各フォーム フィールド間の垂直間隔 (ピクセル単位) を設定します。
アラインメント
- フォームコンテンツの水平方向の配置を管理します 水平方向の配置 とします。
- フォームコンテンツの垂直方向の配置を管理します。 垂直方向の配置 とします。
テキスト
- 以下を行うには、 文字スタイルの変更 (1) ボタンをクリックしてアクセスします。 設計 セクションと フォントのサイズとスタイルを管理します。
- 特定します Title (2) フォームのフォント スタイル。
- 特定します 詳細説明 (3) フォームのフォント スタイル。
間隔
- 特定します 画像の幅 (1) パーセントで表した画像。
- 特定します 見出しの下のスペース (3) Px.において
- 特定します 画像とテキストの間のスペース (3) パーセント。
- 特定します タイトルの下のスペース (4) パーセント。
見出し
- 水平に揃える セクションの見出しテキスト。左、中央、右に設定できます。
- 有効/無効にする 分配器 セクションの見出しとセクションのコンテンツの間。
- をセットする 仕切りの厚さ (ピクセル単位)。
- 特定します 仕切りの色 カラーピッカーから。
- 選択する ディバイダースタイル をドロップダウンから選択します。
- をセットする 見出しの幅 セクション タイトルの表示幅を定義します。最小値は 50% です。
- 特定します 見出しの下のスペース セクション内（px単位）。
画像
- 画像の切り抜き： 選択する Iメイジクロップ リスト項目の場合。 画像を正方形、円形、横長、縦長、オリジナルに設定できます。
- コーナー半径: リスト項目の各辺に共通の角半径または異なる角半径を選択し、数値 (px) を設定します。 Cまたは半径 リスト項目の画像。 もっと知る.
- ホバーアニメーション: に選択します。 セクションの画像をアニメーション化する トグルを有効にしてホバー時に表示します。 ライブページでこの機能を確認してください.
- アニメーションスタイル: 選ぶ アニメーションスタイル カーソルを合わせたときに画像が表示されます。
- シェイプマスク: このトグルを有効にすると、画像リスト セクションの画像にシェイプ マスクが適用されます。有効にすると、選択したシェイプによって画像がそのフォームに視覚的にクリップされます。
- 形状を選択: 画像に適用するさまざまな定義済み形状から選択します。これにより、丸型、ダイヤモンド型、ドロップ型などのユニークな形で画像を表示して、コンテンツをクリエイティブにスタイリングできます。
先端
使い方 コーナー半径 フィールドでは、さまざまな形状のリスト アイテム イメージを作成できます。 ここで 500 px を指定すると、画像は円形で表示されます。
- 分割コーナーを選択した場合は、コーナーごとに異なるコーナー半径を設定できます。
イメージボーダー
- 境界線の有効化/無効化 トグルを切り替えて画像の周囲を移動します。
- を選択してください 共通の境界線 画像のすべての側面に、または 別々に境界線を付ける それぞれの側に。
- 特定します 幅 国境の。 0 に設定すると、境界線は表示されません。画像の各辺の境界線の幅を個別に設定するオプションもあります。
- まず 境界線の色 カラーピッカーから。
- 優先するものを選択してください ボーダースタイル をドロップダウンから選択します。
- を決定する モバイルの境界線の幅 デスクトップ用に選択された幅に合わせて配置します。
フォームボタン
これらの設定により、ページのデザインやレイアウトに合わせてフォーム送信ボタンをカスタマイズできます。
- ボタンのサイズ - ボタンのサイズ (小、中、大) を選択します。
- ボタンのスタイル – デフォルトやカスタムなど、ボタンの全体的なスタイルを選択します。
- ボタンの色 – ボタンの色のスタイルを設定します。オプションには、「デフォルト」、「反転」、「カスタム」があります。
- ボタンテキスト – ボタンに表示されるテキストの色をカスタマイズします。
- ボタンの背景 – ボタンの背景色を選択します。
見出しボタン
これらの設定は、セクションの見出しとともに配置されるボタンの外観と間隔を制御します。
- ボタンのサイズ - ボタンの全体的なサイズ (小、中、大) を選択します。
- ボタン間のスペース – 複数のボタン間の間隔を調整します (vw で測定)。
- ボタンの上のスペース – ボタン上の垂直間隔を設定します (パーセンテージで測定)。
- ボタンの幅 – ボタンの表示幅を選択します。「デフォルト」、「大」、「特大」、「全幅」から選択できます。
- テキストリンクのサイズ – ボタンに関連付けられたテキスト リンクのフォント サイズを指定します (px 単位で測定)。
- 画像ボタンのサイズ – 画像ベースのボタンのサイズを調整します (px 単位で測定)。
見出しソーシャルアイコン
フォーム内のソーシャル共有アイコンを表示およびカスタマイズします。
- アイコンサイズ – ソーシャル アイコンのサイズを調整します (px 単位で測定)。
- アイコンの種類 – クラシック、ソリッド、アウトラインなどのオプションなど、アイコンのスタイルを選択します。
- アイコンの色 – アイコンの色を選択します。オプションには、「リンクテキスト」、「カスタム」、「ブランドカラー（ソーシャルプラットフォームのオリジナルカラー）」があります。
- アイコンの背景色 – 視認性とスタイルを向上させるために、アイコンのカスタム背景色を設定します。
レビューセクションの設定
- ボタンラベル (1) はフォーム上のボタン内のテキストです。
- 選択する ボタンのサイズ (2) 小、中、大から。
- 選択する ボタンスタイル (3) [デフォルト]、[ソリッド]、[アウトライン]、および [テキスト リンク] オプションから。
- 必要な場合は、「はい」を選択します。 色を反転するボタン とします。
- 選択する ボタンの配置 (5) フォームの左、中央、または右のオプションから選択します。
- を有効または無効にする 全幅ボタン とします。
- あなたは定義することができます 提出後のアクション (7) を表示するか、 成功メッセージ or ユーザーを指定された URL にリダイレクトする.
- ポスト送信に任意のスクリプトを追加することもできます。 成功したHTML (8) ボックス。
- あなたが見ることができます フォームID このレビューフォームの(9)。 この ID は便利で、次の期間に表示されます。 メーリングリストを作成する.
電子メール通知
- 特定します 件名 フォームの送信が成功したときに受け取るフォーム送信確認メールの最後に、 {WEBサイト} 変数にウェブサイトの名前を含めます。これは、複数のウェブサイトがある場合に便利です。
フォーム送信の管理
レビュー フォームへの投稿は自動的には公開されません。 に移動するとレビューを確認できます 設定 （1）、そして フォーム提出 とします。
を選択して提出物をフィルタリングできます。 ゲストブックのコメント とします。
ここから、次のことができます。
- いずれかをクリックします 提出 (1) 開きます。
- 公開/非公開、 としてマークする 既読/未読 or 削除 (2) レビューの提出。
- 複数選択/すべて選択 (3) 提出物を既読/未読としてマークする、削除するなどの設定を管理します。
- エクスポート (4) CSV ファイルとして提出。
