はじめる

9 記事 Manfred 作成者 Manfred

Smart Emailsとは何ですか?

Smart Emailsは、注文確認、発送更新、返品、ギフトカード、顧客通知、POSレシート、Shopifyメッセージング自動化など、52種類の対応Shopify通知テンプレートすべてを対象としたビジュアルエディターです。 どのように機能するのですか? Smart Emailsは2つのフェーズで動作します: 1. デザインフェーズ — プリセットを選択し、ビジュアルエディターで色、フォント、ボタン、ロゴ、フッター、セクション、コンテンツをカスタマイズできます。 2. インストールフェーズ — Smart Emailsでテンプレートを作成し、対応するShopify通知にプライマリ言語HTMLをコピーして保存してください。Shopifyはアプリが主要な通知ボディを自動的に置き換えることを許可していません。 3. ライブフェーズ — インストール後、メール送信時にShopifyのMetafieldsから多くの日常設定が読み込まれます。構造の変更は依然として新しいエクスポートが必要です。 何が違うのですか? - 30のプロフェッショナルプリセット — 10のデザインセットで、それぞれ3つの色の調整されたバリエーションがあります - 52件の対応Shopifyテンプレート — トランザクション通知、POSメール、スタッフ通知、選択されたShopifyメッセージング自動化 - ライブ設定 — 色、ボタン、フッター、バナー、その他のMetafieldベースの設定は、プライマリテンプレートコードを置き換えることなく更新可能です - 自動翻訳 — 33の対応言語から選択し、1つのショップデザインセットで最大20のメール言語を使用可能 - コードなし — HTML、CSS、Liquidは一度も見かけません 追加の言語はGoogle Cloud Translationで翻訳されます。Smart Emailsは、主要なテンプレートがすでにインストールされている場合、Shopifyが翻訳用に公開する44の通知テンプレートのローカライズされた本文を自動的にインストールできます。

Smart Emailsはどうやってインストールすればいいですか?

ShopifyストアにSmart Emailsをインストールするのは1分もかかりません。 1. Shopify App StoreのSmart Emailsリストをご覧ください。 2. Add appを選択します。 3. リクエストされた許可を確認し、承認してください。 4. ShopifyはSmart Emailsダッシュボードを開きます。 注: Smart Emailsは、リアルなプレビューを作成するために、製品、注文、ブランドなど関連するショップデータを読む許可が必要です。エクスポートを生成しても、自動的に主要なShopify通知の代わりにはなりません。どのプライマリテンプレートをインストールするかは自分で決めます。

デザインプリセットはどうやって選べばいいですか?

Smart Emailsには30種類のプリセットバリエーションがあり、それぞれ3つの色の調整されたバリエーションを持つプロがデザインしたベースセット10種類です。表示されるバリエーション名は選択したベースセットによって異なります。 1. Smart Emailsダッシュボードを開きます。 2. プリセットを閲覧してください。各プリセットには完全なプレビューが表示されます。 3. 使いたいプリセットを選択してください。 4. 母国語を選択してください。 5. 編集を始めてください。 すべてのプリセットには、色、フォント、ボタン、間隔、フッター設定、セクションのデフォルトが含まれます。後からすべてをカスタマイズできます — プリセットはあくまで出発点に過ぎません。 重要: 別のベースプリセットを適用すると、テンプレートのデザインや構造が変わります。もし現在のバージョンに戻りたい場合は、まずデザインスナップショットを保存してください。構造の変更には新しい一次言語のエクスポートが必要です。

エディターはどのように機能するのですか?

Smart EmailsエディタはShopify内で開き、主に3つのエリアがあります。 - 設定パネル — テキスト、色、画像、スペース、セクションごとのオプションを編集できます。 - Canvas — 現在選択中のテンプレートのライブビジュアルプレビュー。 - ツールバー — グローバル設定を開き、プレビュー幅を切り替え、変更を元に戻すかやり直し、テストを送信し、エクスポートを開始できます。 変更 1. キャンバス内のセクションを選択します。 2. 設定パネルで対応するコントロールが開きます。 3. 変更を加えてください。キャンバスは即座に更新されます。 4. セーブインジケーターが終わるまでエディタを離れるのを待ちましょう。 スイッチングテンプレート テンプレートピッカーを使って、サポートされている52種類のテンプレートすべてを切り替えてください。色、タイポグラフィ、ボタン、ロゴ、フッターなどのグローバルなデザイン設定は共有されます。セクション構成やテンプレート固有のテキストはテンプレートによって異なる場合があります。 デスクトップおよびモバイルプレビュー デスクトップ/モバイルのトグルを使って幅の異なる様子をプレビューしてください。最終的なチェックは本格的なテストメールです。なぜならGmail、Outlook、Apple Mail、その他のメールクライアントは異なるレンダリングエンジンを使っているからです。 主要言語と第二言語 プライマリ言語エディタには完全なデザインおよび構造制御が含まれています。セカンダリー言語エディタは翻訳テキストに特化します。設計の変更はプライマリデザインから継承されるため、すべての言語が視覚的に同期したままです。 重要: 自動保存は作品を保護しますが、完了した保存は構造が変わった場合でもShopifyに保存された主要なHTMLを自動的に置き換えるわけではありません。

コーディングの知識は必要ですか?

いいえ。Smart Emailsは完全にビジュアル化されたエディターで、コーディングの知識は必要ありません。すべてはカラーピッカー、ドロップダウン、トグルなどの視覚的なコントロールで行います。 上級者向けには、特定の表示条件のために各セクションごとにカスタムのLiquidコードフィールドがオプションで用意されています。しかし通常の使用では、コードに触れる必要はありません。

Shopifyでメールはどこで見つけられますか?

あなたの Shopify 通知メールはこちらです: 1. Shopify 管理者→設定→通知を開きます。 2. 注文確認や発送更新など、インストールしたい通知を見つけてください。 3. 通知を開いてメール本文をプレビューまたは編集してください。 これはエクスポートの際にSmart EmailsのHTMLコードを貼り付ける方法です。

どんな変更が即座に有効になるのでしょうか?

Smart Emailsは対応可能なライブ設定にShopifyのメタフィールドを使用しています。これらの値はShopifyがメールを作成する際に読み取ります。構造の変更はインストールされたHTMLの一部として残り、新しいエクスポートが必要です。 インスタント(再エクスポートなし) - 色(背景、テキスト、リンク、ボタン) - タイポグラフィ(フォントファミリー、サイズ) - ボタンのスタイリング(フィル、アウトライン、半径) - ヘッダーロゴ(画像、サイズ、アラインメント) - フッターテキスト(法的、著作権、ソーシャルリンク、フリーテキスト) - メッセージバナー(テキスト、色、テンプレートごとのオン/オフ) - 割引、商品、ギフトカード、再注文設定など、サポートされたマーケティングセクションのコンテンツと可視性 - 言語ごとのフッター、ショップリンク、メッセージバナー、そして地域ごとのメタフィールドに保存されたマーケティングテキスト 再エクスポートが必要 - セクションの追加または削除 - セクションの順序の変更 - 別のベースプリセットに切り替える - 生成されたHTML構造を変更するコンバーターの更新 重要: プライマリテンプレートHTMLはShopifyのAPIを通じて自動で置き換えられません。Smart Emailsが再エクスポート通知を表示したら、新たに生成された一次言語コードをShopifyにコピーしてください。サポートされているセカンダリー言語のボディは自動的に同期できます。

完全なセットアップ:プリセットから多言語対応のShopifyメールへ

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

セクションの追加、移動、削除はどうすればいいですか?

52のテンプレートそれぞれが独自のセクション構造を持っています。セクションを追加、移動、削除する前に変更したいテンプレートを選択してください。 セクションを追加 1. キャンバス内のセクションを選択します。 2. 新しいセクションが表示されるはずの位置で**+**コントロールをクリックしてください。 3. そのテンプレートの利用可能なセクションのいずれかを選びましょう。 4. 設定パネルでコンテンツと設定をカスタマイズしてください。 リストはテンプレート対応です。現在のShopify通知に合わないセクションは非表示され、一度しか表示されないセクションは二度挿入できません。 セクションを移動する セクションを選択し、上下のコントロールを使います。Smart Emailsは必要な位置を尊重します。例えば、フッターは最終セクションのままです。 セクションを削除する セクションを選択し、その削除コントロールをクリックします。必要なセクションやグローバルに管理されているセクションは削除から保護できます。 出版の構造変更 セクションの追加、削除、順序の変更は生成されたHTMLを変化させます。これらの変更を行った後、新しいエクスポートを生成し、Shopifyのプライマリテンプレートコードを置き換えます。インストールされた二次言語は、更新された構造から自動的に再生成できます。 ヒント: 誤ってセクションを削除または移動した場合、現在の編集セッションを離れたり再読み込んだりしていなければ、元に戻すことができます。