デザインのカスタマイズ

7 記事

作成者 Manfred

7 記事

作成者 Manfred

タイポグラフィ

ツールバーのフォントをクリックすると、異なるテキスト要素のフォントやサイズを変更できます: - Shopify見出し — メインのメール見出し(例:「注文確認済み」)。 - 見出し — セクション見出し - 字幕 — ラベルと小さな副見出し - 本文 — メインコンテンツテキスト - フッター — フッターテキストテキストレベルに応じて、フォントファミリー、サイズ、太さ、イタリックスタイル、大文字スタイル、行高を調整できます。利用可能なフォントは広範なメールクライアント互換性のために選択されますが、メールクライアントは選択したフォントをサポートしていない場合、安全なシステムのフォントに戻すこともできます。グローバル設定:タイポグラフィは52種類のメールテンプレートすべてに適用されます。変更は即座に有効化されます。

ボタンのカスタマイズ

ツールバーでボタンを選択して、メール内のすべてのボタンを一度にカスタマイズできます。各行のアイコン選択は左から右へ順に並んでいます: - ボタンスタイル — 単色の塗りつぶし、枠のみ、またはテキストリンク - ボタンサイズ — 小、中、大 - ボタン幅 — 自動またはワイド - 角のスタイル — 四角い、丸みを帯びた角、または丸みを帯びた形の角 - 角丸 — 中央の角スタイルを選択した場合の微調整の丸みを帯びた角 - ボタンフォント — フォント、サイズ、太さ、オプションの大文字スタイルを選択できます - 色 — 利用可能なスタイルのテキスト、背景、枠の色を設定しますボタンの設定はグローバルです。これらは注文状況ボタン、追跡ボタン、今すぐ支払うボタン、ボタン**など、52のテンプレートすべてで対応ボタンセクションの視覚デザインを制御します。セクションごとに異なるラベル、URL、アラインメント、または可視性を定義することは可能です。すべてのボタンを個別に設定する必要がありますか? いいえ。一貫したビジュアルデザインのためにグローバルなボタンパネルを一度だけ使ってください。ラベル、URL、アラインメント、または可視性が異なるべき特定のボタンだけを編集してください。グローバル設定:ボタンで選択されたデザインは、52のメールテンプレートすべてに適用されます。変更は即座に有効化されます。

ロゴ

ツールバーのロゴをクリックするか、キャンバス内のロゴエリアをクリックしてください。ロゴ画像自分のロゴをアップロードするか、Shopifyファイルから選択してください。ロゴを削除してショップのURLにリンクすることもできます。サイズとアライメント - ロゴサイズ — 幅をパーセンテージスライダーで調整してください - アライメントデスクトップ — 左、中央、右 - Alignment Mobile — モバイル用の別アライメントヘッダーレイアウト - コンテナ内 — メール本文の幅の内側にロゴ - フル — ロゴがメール全幅にわたって間隔と色 - 垂直密度 — ロゴの上下の間隔を制御する - 背景色 — ロゴの背景 - アクセントバー — ロゴ上部のオプションカラーストリップ(オン/オフ切り替え、高さと色の調整可能) グローバル設定:ロゴは52種類のメールテンプレートすべてに適用されます。変更は即座に有効化されます。

背景とスタイル

ツールバーの色をクリックするとグローバルカラーパネルが開かれます。背景 - 外部背景 — あなたのメールの周囲のエリア - 内部背景 — 主要なメール本文 - フッター背景 — フッターエリア - ロゴ背景 — ヘッダーロゴの後ろのエリア - コンテナ背景 — セクションコンテナの背景本文とリンクメイン見出し、セクション見出し、字幕、本文、リンク、フッターテキスト、フッターリンクごとに別々のカラーコントロールが利用可能です。テキストと背景の間には十分なコントラストを常に保ってください。境界と境界線 - カラー — 境界線や仕切りの共有色 - 仕切りスタイル — なし、実線、破線、点線 - 仕切りの厚さセクションコンテナ - コンテナ背景 — コンテンツセクションの背景色 - 角丸角 — 丸みを帯びたまたは鋭い角グローバル設定: 色は52種類のサポートテンプレートすべてに適用されます。Smart Emailsは、マーチャント選択のパレットを維持し、部分的なダークモード変換でテキストと背景の組み合わせが読めないのを防ぐため、光のみのカラースキームを宣言しています。

メールセクションの完全ガイド

セクションはSmart Emailsテンプレートの構成要素です。エディターは選択したShopify通知に対応したセクションのみを提供し、通知専用のセクションは手動で追加できません。構成と本文 - Shopifyヘッダー — メインの通知見出し - 導入テキスト、スタッフ紹介テキスト、そして配送案内テキスト — 文脈に応じた冒頭コンテンツ - テキスト、カスタムメッセージ、締めくくりテキスト — 編集可能なテキストエリア - テキスト列 — 列内の複数のテキストブロック - スペーサーと区切り線 — 視覚的な間隔と区切り - よくある質問 — カスタム質問と回答のリスト注文数、製品数、合計 - 商品および商品 — 基本的な製品情報 - 価格付き商品 — 項目、割引、税金、送料、合計 - 返金商品および交換商品 — 返金および交換の詳細 - 注文番号、注文メモ、支払い情報、支払い条件、支払い期限リマインダー、そして合計金額 - 住所詳細、配送配送詳細、受け取り場所これらのセクションは通知でShopifyデータが表示された場合にのみ表示されます。プレビュー目的で、サポートされているパネルでサンプルデータを有効にすることができます。ボタンとアクション - 注文状況ボタン、追跡ボタン、そして今すぐ支払うボタン - ボタン — ラベルとURL付きのカスタム行動喚起 - Apple Walletボタン - ショップリンク — 店舗ページへのナビゲーションリンク画像とレイアウト - 画像 - テキスト付き画像 - 2列画像 - オーバーレイ画像 - アプリダウンロードマーケティング部門 - メッセージバナー - 割引 - 注目の商品 - おすすめ商品 - ギフトカード - 再注文マーケティングセクションは選択したテンプレートに割り当てられ、プライマリテンプレートがインストールされた後はライブ設定で管理できます。ギフトカード、返品、アカウント通知 - ギフトカードコード、ギフトカード詳細、受取人へのメッセージ - 返品ラベル説明および返品拒否理由 - ストアクレジット詳細 - メールアドレス変更および販売帰属の変更 - アンケートグローバルセクションヘッダーロゴ、メッセージバナー、ショップリンク、フッターは共有設定を使用しています。これらのビジュアルデザインはプライマリエディターから管理され、対応テキストは各言語ごとに別々に保存されます。重要: セクションの追加、削除、並べ替えは構造的な変更であり、新しい一次言語のエクスポートが必要です。

ショップリンク

Shop Linksは通知メール内にコンパクトなナビゲーションエリアを提供します。ホームページ、新商品、セールコレクション、連絡先ページ、返品情報などの目的地に利用してください。オープンショップリンクエディターのツールバーでショップリンクをクリックするか、キャンバス内のショップリンクエリアを選択してください。コンテンツの設定以下は可能です: - ショップリンクの有効化または無効化 - オプションの見出しを編集する - 利用可能なリンクラベルとURLを設定する - リンクのスタイリングはグローバルカラーとタイポグラフィ設定で制御できます完全なhttps:// URLを使い、実際のテストメール内のすべてのリンクをテストしてください。言語と同期リンクのレイアウトとデザインはプライマリエディタから来ています。リンクラベルは言語ごとに翻訳可能です。URLは関数値としてコピーされ、翻訳はされません。異なる言語で異なる宛先URLが必要な場合は、関連するセカンダリー言語エディターを開き、公開前に現在の言語固有の設定を確認してください。ショップリンクは地域ごとのShopifyメタフィールドに保存され、ショップリンクブロックを含む52のサポートテンプレートすべてに適用されます。

デザインセーブスロット

Smart Emailsは4つの顧客デザインスロットを提供しています。季節ごとのバリエーションやキャンペーンスタイル、または別のプリセットを適用する前に安全なコピーを保持するのに役立ちます。なんてスロットショップだデザインスナップショットには、色、タイポグラフィ、ボタン、フッター、ショップリンク、メッセージバナー、マーケティング設定、スペース、その他あらかじめ制御されたデザイン値などのグローバルなビジュアル設定が含まれます。デザインを保存する 1. エディターでプリセットと保存されたデザインコントロールを開きます。 2. 空いているスロットを選びましょう。 3. 説明的な名前を入力してください。 4. 現在のデザインを保存してください。保存したデザインの管理占有されているスロットでは以下のことができます: - 格納された設計を読み込みます - 現在の設計で上書きします - 名称変更 - 確認後に削除してくださいスロットの読み込みは現在のグローバルデザイン設定に置き換わります。もし戻りたいなら、まず別のスロットに現在の状態を保存してください。重要: デザインスロットは別個のShopifyインストールではありません。読み込み時にテンプレート構造やベースプリセットが変わる場合は、新しいプライマリエクスポートを生成してインストールしてください。