送信ボタン要素について
送信ボタンは、訪問者が情報や回答を送信できるようにするために連絡フォーム内でのみ使用される重要な要素です。
送信ボタンはフォームデータの送信と送信のために特別に設計されています。 (Comma Separated Values) ボタンをクリックして、各々のジョブ実行の詳細（開始/停止時間、変数値など）のCSVファイルをダウンロードします。 別のリンクにリダイレクトするため、または 商品をカートに追加 ボタン.
ページに送信ボタン要素を追加するにはどうすればいいですか?
ページに「送信」ボタンを追加するには、次の手順に従います。
ステップ1： アクセス GemPagesダッシュボード > ページをクリックし、対象のページをクリックしてエディターを探します。
ステップ2： 左側のサイドバーから「送信ボタンをタップし、その後、 ニュースレターまたはお問い合わせフォームの要素にドラッグアンドドロップします。
まだボタンがない場合は、まずページにボタンを 1 つ追加し、その中に [送信] ボタンをネストします。
ステップ3： 要素をクリックすると設定が開き、さらにカスタマイズできます。
設定タブを構成する
下 設定タブ、次のセクションを調整できます。
サイズ
幅： ボタンを水平方向に拡大縮小する方法を選択します。
- コンテンツの調整（自動）: ボタンは、そのコンテンツ (テキストとアイコン) のサイズに合わせて調整されます。
- フルサイズ（100ピクセル）: ボタンはコンテナーの幅いっぱいに拡大されます。
- カスタム幅: 他の値を希望する場合は、ボックスに特定の数値（％）を入力して、ボタンの幅を調整します。
高さ: 高さを「コンテンツに合わせる (自動)」または固定ピクセル値に設定します。
パディング: ボタン内の内部間隔を定義します。
経歴
を設定 固体 or グラデーションカラーの背景 送信ボタンの色を調整できます。
- カラーコードを入力してください
- 色見本をドラッグまたは選択
- カラーピッカーを使用して、現在のページの任意の色を選択します
- 以下から1つ選択してください 最近の色 or あなたにおすすめ lists
アイコン
送信ボタン要素にアイコンを追加するには、 アイコン セクションで設定からアイコンをカスタマイズします。
- アイコン： GemPages の利用可能なオプションからアイコンを選択するか、独自のアイコン (.SVG ファイルのみ) をアップロードできます。
- ポジション： アイコンの位置をボタンテキストの左側または右側に選択します。
- ギャップ： アイコンとボタンテキストの間隔を調整する
テキストスタイル
下 テキストスタイル セクションで、ボタンのテキストを好みに応じて変更します。
- コンテンツ: 顧客にアクションを起こさせるようにボタンのテキストを変更します。
- 形式: テキストスタイルを選択します 見出し1-6 or 段落1-3 グローバルスタイルとして。
- フォント: ブランド アイデンティティに合ったフォント スタイルを選択します。
- サイズ: テキストが目立つようにフォント サイズを調整します。
- 色圏: デザインに合った色を選びます。
詳しくはこちら Show more 完全な設定を展開するには テキストスタイル セクション：
- フォントの太さ: テキストの太さや細さを制御します。
- 行の高さ: 読みやすくするために行間のスペースを調整します。
- 文字間隔: 文字間のスペースを変更して、よりモダンまたはコンパクトな外観を作成します。
- 最適化の適用: テキストを大文字、小文字、または各単語の最初の文字を大文字に変換します。
- 影： ドロップ シャドウ効果を適用して視覚的な奥行きを強調します。
効果
送信ボタンにマウスを置いたときの反応をカスタマイズします。
経歴: ボタンにマウスを置いたときに変わるボタンの背景色を選択します。
テキストの色: ホバー時のテキストの色を変更します。
形状： マウスをホバーしたときのボタンの形状をカスタマイズします。
- ボーダー: ホバーしたときの境界線のスタイル (色、太さ、ストローク) を追加またはカスタマイズします。
- コーナー: マウスオーバー時に角の半径を調整して、エッジをより丸くしたり、角張らせたりします。
- Shadow: 影の効果を適用して、マウスをホバーしたときにボタンに深みを与えます。
整列
ボタンの 幅が100%以上に設定されているの場合、水平方向の配置は無効になります。それ以外の場合は、ボタンを左、中央、または右に配置できます。
詳細タブを設定する
より高度なカスタマイズについては、 詳細設定タブ の指示に従います。 この記事.
