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