ドロップダウン要素について
ドロップダウン要素を使用すると、ユーザーは 定義済みのオプションリストから選択する 中で お問い合わせ/ニュースレターフォーム 優先する連絡方法やサブスクリプションの種類を選択するなどの要素。
これは、整理されたユーザーフレンドリーなフォームを作成し、構造化された回答の収集を効率化するために不可欠なツールです。
ページにドロップダウン要素を追加するにはどうすればいいですか?
重要： ドロップダウン要素は単独で機能することはできず、ニュースレターまたは連絡フォーム要素内に追加する必要があります。
ページにドロップダウン要素を追加するには、次の手順に従います。
ステップ1： アクセス GemPagesダッシュボード > ページをクリックし、対象のページをクリックしてエディターを探します。
ステップ2： 左側のサイドバーから「落ちる"をタップし、その後、 ニュースレターまたはお問い合わせフォームの要素にドラッグアンドドロップします。
まだボタンがない場合は、まずページにボタンを 1 つ追加し、その中に [送信] ボタンをネストします。
設定タブを構成する
下 設定タブ、次のセクションを調整できます。
アイテム管理
ドロップダウン内の項目を管理するには、ボックスをクリックします。パネル内の編集オプションにマウスを合わせると、名前の変更、複製、または削除が行えます。
また、必要に応じてオプションの位置を並べ替えたり、ドロップダウンにオプションを追加したりすることもできます。
文字スタイル
下 文字スタイル セクションで、ボタンのテキストを好みに応じて変更します。
- 形式: テキストスタイルを選択します 見出し1-6 or 段落1-3 グローバルスタイルとして。
- フォント: ブランド アイデンティティに合ったフォント スタイルを選択します。
- サイズ: テキストが目立つようにフォント サイズを調整します。
- 色圏: デザインに合った色を選びます。
- フォントの太さ: テキストの太さや細さを制御します。
- 行の高さ: 読みやすくするために行間のスペースを調整します。
- 文字間隔: 文字間のスペースを変更して、よりモダンまたはコンパクトな外観を作成します。
- 最適化の適用: テキストを大文字、小文字、または各単語の最初の文字を大文字に変換します。
サイズ
- 幅： ボタンの水平方向のスケールを調整します。デフォルトの100%にするか、特定の値を入力することもできます。
- パディング： 要素内の内部間隔を定義します。
- 必須： 作成セッションプロセスで 〜へ はい・いいえ フィールドの送信が必須かどうかを判断します。
- フィールド名： フォーム処理用のチェックボックス フィールドに一意の名前を割り当てます。
整列
ボタンの 幅が100%以上に設定されているの場合、水平方向の配置は無効になります。それ以外の場合は、ボタンを左、中央、または右に配置できます。
詳細タブを設定する
より高度なカスタマイズについては、 詳細設定タブ の指示に従います。 この記事.
よくあるご質問
1. ドロップダウン要素内にハイパーリンクを追加できますか?
いいえ。GemPagesのドロップダウン要素は、ユーザーがオプションを選択できるようにするためのフォーム（例：お問い合わせフォームやニュースレターフォーム）専用に設計されています。クリック可能なハイパーリンクはサポートされていません。
2. ヘッダーにメニュー リンク (ハイパーリンク) を含むドロップダウンが必要な場合はどうすればよいでしょうか?
ナビゲーションメニューの場合は、 Shopify管理画面 > コンテンツ > メニューメニュー項目（例：ホーム、ショップ、お問い合わせ）を作成または編集すると、それらのリンクがストアのヘッダー/フッターに自動的に表示されます。GemPagesページを使用している場合、ヘッダーとフッターはShopifyテーマから取得されるため、ドロップダウンハイパーリンクはドロップダウン要素ではなく、Shopifyメニューから設定する必要があります。
参照する この記事 Shopify のヘッダーとフッターを編集する方法の詳細については、こちらをご覧ください。
