はじめる

9 記事

による Manfred

9 記事

による Manfred

プログラミングの知識は必要ですか？

いいえ。Smart Emailsは完全なビジュアルエディタなので、コーディングの知識は一切不要です。カラーピッカー、ドロップダウンリスト、トグルスイッチなどの視覚的なコントロールですべての操作が可能です。上級ユーザー向けには、各セクションごとに特別な表示条件を設定できるLiquidコードフィールドが用意されています。しかし、通常の使用においては、コードに触れる必要は一切ありません。

Smart Emailsは、注文確認、配送状況の更新、返品、ギフトカード、顧客通知、POSレシート、Shopifyメッセージングの自動化など、サポートされている52種類のShopify通知テンプレートすべてに対応したビジュアルエディターです。どのように機能するのですか？スマートメールは2つのフェーズで動作します。 1. デザインフェーズ — プリセットを選択し、ビジュアルエディターで色、フォント、ボタン、ロゴ、フッター、セクション、コンテンツをカスタマイズします。 2. インストール手順 — Smart Emailsでテンプレートを生成し、主要言語のHTMLをコピーして対応するShopify通知に保存します。Shopifyでは、アプリが主要通知本文を自動的に置き換えることはできません。 3. 本番稼働段階 — インストール後、メール送信時にShopifyメタフィールドから多くの日常的な設定が読み込まれます。構造的な変更には、引き続き新規エクスポートが必要です。何が違うのか？ - 30種類のプロ仕様プリセット — それぞれ3種類のカラーバリエーションが組み合わされた10種類のデザインセット - 52種類のShopifyテンプレートに対応 — 取引通知、POSメール、スタッフ通知、および一部のShopifyメッセージング自動化機能 - ライブ設定 — 色、ボタン、フッター、バナー、その他のメタフィールドベースの設定は、プライマリテンプレートコードを置き換えることなく更新できます。 - 自動翻訳 — 現在33言語に対応しており、言語は継続的に追加されています。 - コードなし — HTML、CSS、Liquidは一切使用しません。追加言語はGoogle Cloud Translationを使用して翻訳され、Shopifyに既にインストールされているすべての主要テンプレートにインストールされます。

スマートメールはどのようにインストールすればよいですか？

ShopifyストアにSmart Emailsをインストールするのは1分もかかりません。 1. ShopifyアプリストアでSmart Emailsのページにアクセスします。 2. アプリを追加をクリックします。 3. 承認画面で権限を承認します。 4. Smart Emailsダッシュボードにリダイレクトされます。これで準備完了です。 || 注意: Smart Emailsは、エディターでリアルなプレビューを表示するために、ショップデータ（商品、注文、ロゴ）を読み取る権限を必要とします。明示的にエクスポートするまで、既存のメールは変更されません。

デザインプリセットはどのように選べばいいですか？

Smart Emailsには、30種類のプリセットバリエーションが用意されています。10種類のプロがデザインした基本セットには、それぞれ3種類のコーディネートされたカラーバリエーションが含まれています。表示されるバリエーション名は、選択した基本セットによって異なります。 1. スマートメールダッシュボードを開く 2. プリセットを閲覧する — 各プリセットにはフルプレビューが表示されます 3. 好きなものをクリックしてください 4. 主要言語を選択してください 5. 「編集を開始」をクリックしてください。各プリセットには、色、フォント、ボタン、間隔、フッター設定、セクションのデフォルト設定が統一されています。プリセットはあくまで出発点であり、後からすべてカスタマイズできます。 || **重要:**別のベースプリセットを適用すると、テンプレートで使用されるデザインと構造が変更されます。現在のバージョンに戻せる可能性がある場合は、まずデザインのスナップショットを保存してください。構造変更には、プライマリ言語の新規エクスポートが必要です。

エディターはどのように動作するのですか？

Smart EmailsエディターはShopify内で開き、主に3つの領域で構成されています。 - 設定パネル — テキスト、色、画像、間隔、およびセクション固有のオプションを編集します。 - キャンバス — 現在選択されているテンプレートのライブビジュアルプレビュー。 - ツールバー — グローバル設定を開き、プレビューの幅を切り替え、変更を元に戻したりやり直したり、テストを送信したり、エクスポートを開始したりできます。変更を加える 1. キャンバス（右側）の任意のセクションをクリックしてください。 2. 設定は左側に開きます 3. 変更を加えると、キャンバスはリアルタイムで更新されます。 4. 変更内容は、編集を停止してから約2秒後に自動的に保存されます。テンプレートの切り替えテンプレート選択ツールを使用して、サポートされている52種類のテンプレートを切り替えることができます。色、フォント、ボタン、ロゴ、フッターなどのグローバルなデザイン設定は共有されます。セクション構造とテンプレート固有のテキストは、テンプレートごとに異なる場合があります。デスクトップおよびモバイルプレビューデスクトップ/モバイル切り替え機能を使用して、さまざまな幅をプレビューできます。Gmail、Outlook、Apple Mailなどのメールクライアントはそれぞれ異なるレンダリングエンジンを使用しているため、最終的な確認は実際のテストメールで行うのが最善です。主要言語および第二言語プライマリ言語エディタには、デザインと構造に関するすべての制御機能が備わっています。セカンダリ言語エディタは、翻訳されたテキストに特化しています。デザインの変更はプライマリデザインから継承されるため、すべての言語で視覚的な同期が維持されます。 | 自動保存機能は作業内容を保護しますが、構造が変更された場合、保存が完了してもShopifyに保存されている元のHTMLが自動的に置き換えられるわけではありません。

Shopifyでメールはどこで確認できますか？

Shopifyの通知メールは以下の場所にあります。 1. Shopify管理画面 → 設定 → 通知にアクセスしてください。 2. すべての通知テンプレート（注文確認、配送など）が表示されます。 3. いずれかのテンプレートをクリックしてプレビューまたは編集してください。ここに、エクスポート時にSmart Emailsから取得したHTMLコードを貼り付けてください。

どの変更が即座に反映されますか？

Smart EmailsはShopifyのメタフィールドを利用して、再エクスポートせずに変更を即座に反映させます。以下は、即座に反映されるものと再エクスポートが必要なものです。即時（再エクスポート不可） - 色（背景、テキスト、リンク、ボタン） - タイポグラフィ（フォントファミリー、サイズ） - ボタンのスタイル設定（塗りつぶし、アウトライン、角丸） - ヘッダーロゴ（画像、サイズ、配置） - フッターテキスト（法的情報、著作権表示、ソーシャルリンク、自由記述） - メッセージバナー（テンプレートごとにテキスト、色、表示/非表示を設定可能） - マーケティングセクション（割引、商品、ギフトカード） - 言語ごとのフッター、ショップリンク、メッセージバナー、およびマーケティングテキストは、地域固有のメタフィールドに保存されます。再エクスポートが必要です - セクションの追加または削除 - セクションの順序を変更する - 別のベースプリセットに切り替える - 生成されるHTML構造を変更するコンバーターの更新 || 重要: プライマリテンプレートのHTMLは、ShopifyのAPIを使用して自動的に置き換えることはできません。Smart Emailsで再エクスポートの通知が表示されたら、新しく生成されたプライマリ言語のコードをShopifyにコピーしてください。その後、インストール済みのセカンダリ言語を自動的に同期できます。

完全セットアップ：プリセットから多言語対応のShopifyメールまで

スマートメールを初めて設定する際は、このチェックリストをご活用ください。 1. 主要言語を選択してください選択した言語は、デザイン、テンプレート構造、自動翻訳のソースとなります。普段メールコンテンツを作成・管理している言語を選択してください。 2. プリセットを選択してカスタマイズする 30種類のプリセットバリエーションから1つを選択し、エディターを開きます。グローバルカラー、フォント、ボタン、ロゴ、ショップリンク、フッター、およびマーケティングセクションを設定します。使用予定のテンプレートの個々の構造とテキストを確認してください。 3. テストメールを送信するテンプレートを開き、「テスト送信」をクリックしてメールアドレスを入力し、デスクトップとモバイルで結果を確認してください。重要なリンク、画像、フッターコンテンツ、ライトモードとダークモードの両方をテストしてください。 4. プライマリテンプレートを生成する「Shopifyにエクスポート」をクリックしてください。Smart Emailsはデザインを保存し、プランで利用可能なすべてのテンプレートのHTMLを生成します。 5. Shopifyにプライマリ言語をインストールするエクスポートに移動し、テンプレートを選択してコードをコピーします。Smart Emailsが表示するShopifyの送信先を開き、通知本文を置き換えて保存します。使用したいプライマリテンプレートごとにこの手順を繰り返します。 Shopifyでは、アプリがメインの通知本文を自動的に置き換えることはできません。そのため、このコピー＆保存の手順は、メインテンプレートごとに一度、そして構造変更後にも再度必要となります。 6. 第二言語を追加する Smart Emailsのホーム画面に戻り、「言語を追加」をクリックします。必要な言語を選択して確定します。Smart Emailsは次のようになります。 - 言語固有のデザインセットを作成する - 主要なデザインをコピーする - Google Cloud Translation を使用してサポートされているテキストを翻訳します - Shopifyでロケールを有効にして公開します - 既にインストールされているすべてのプライマリテンプレートに対して、翻訳された body_html をインストールします。第二言語版は手動でエクスポートする必要はありません。 7. メールのステータスを確認するメールステータスを開いて、どのプライマリテンプレートと言語バージョンが存在するかを確認してください。プライマリテンプレートがインストールされる前に言語が追加された場合は、まずプライマリテンプレートをインストールしてから、提供されている同期を実行してください。 8. 実際のShopify通知をトリガーするテスト注文を作成するか、関連する通知をトリガーしてください。この最終テストでは、Shopify Liquidのデータ、顧客の言語選択、件名、およびメール本文がまとめて検証されます。 || 現在の制限事項: Smart Emailsは翻訳済みのメール本文を自動的にインストールします。Shopify通知の件名は別個のものであり、現時点ではSmart Emailsによる翻訳は行われません。

セクションの追加、移動、削除方法を教えてください。

52種類のテンプレートはそれぞれ独自のセクション構造を持っています。セクションを追加、移動、または削除する前に、変更したいテンプレートを選択してください。セクションを追加する 1. キャンバス内のセクションを選択してください。 2. 新しいセクションを表示させたい位置にある「+」ボタンをクリックしてください。 3. そのテンプレートで利用可能なセクションの中から1つを選択してください。 4. サイドパネルでコンテンツと設定を構成してください。このリストはテンプレートに対応しています。現在のShopify通知に関係のないセクションは非表示になり、一度しか表示されないセクションは二度挿入できません。セクションを移動セクションを選択し、上下のコントロールを使用してください。Smart Emailsは、必要な位置を自動的に認識します。例えば、フッターは最後のセクションとして表示されます。セクションを削除するセクションを選択し、削除ボタンをクリックします。必須セクションとグローバル管理セクションは削除から保護できます。出版構造変更セクションの追加、削除、順序変更を行うと、生成されるHTMLが変更されます。これらの変更を行った後は、新しいエクスポートを生成し、Shopifyのプライマリテンプレートコードを置き換えてください。インストール済みのセカンダリ言語は、更新された構造から自動的に再生成されます。 || 誤ってセクションを削除または移動してしまった場合、現在のエディターセッションを終了または再読み込みしていない限り、元に戻す機能が利用できます。