نظرة عامة على الاستوديو
الاستوديو هو أداة MailInApp المرئية لبناء رسائل البريد الإلكتروني. يُفتح فيه كل مشروع في لوحة التحكم الخاصة بك.
البدء من غرض
يمكن أن تبدأ المشاريع الجديدة من غرض: استبيان، أو عرض ترويجي، أو نشرة إخبارية، أو فعالية، أو رسالة معاملاتية، أو لوحة معلومات، أو فصل دراسي، أو فريق رياضي، تختاره عند إنشاء المشروع. يفتح اختيار أحدها عرضًا دوّارًا لقوالب جاهزة حقيقية خاصة بذلك الموضوع، كل منها معاينة كبيرة مُنتَجة فعلًا لا صورة تقريبية. تنقّل بينها واختر أحدها، فيملأ مساحة التصميم بتخطيط أولي مبني من عناصر عادية (عنصر تقييم للاستبيانات، وعنصر رئيسي وقسيمة للعروض الترويجية، وهكذا). ولا شيء مميز فيها بعد ذلك: عدّلها أو احذفها أو أضف إليها كأي عنصر آخر. يتخطى خيار البدء من الصفر هذه الخطوة ويفتح مساحة التصميم الافتراضية الفارغة.
راجع البدء السريع للتعرّف على أداة الاختيار، والردود وWebhooks لمعرفة كيف يشكّل الغرض لوحة الردود، والقوالب الجاهزة ومكتبتك الخاصة لحفظ قوالبك بشكل خاص أو نشرها في معرض المجتمع.
مساحة العمل
- مساحة التصميم — وسط الشاشة: عرض حي لرسالتك. انقر أي عنصر لتحديده؛ يعرض شريط مسار التنقل المسار من جسم الرسالة وصولًا إليه، وكل عنصر أعلى منه قابل للنقر.
- الشريط الجانبي — أربع لوحات، تُفتح واحدة في كل مرة بالنقر على أيقونتها: إدراج (مكتبة العناصر — اسحب عناصر التخطيط مثل القسم والنص والصورة والزر والفاصل والمسافة، والعناصر التفاعلية مثل العرض الدوّار والاستطلاع والنموذج والعدّاد التنازلي والاختبار إلى مساحة التصميم؛ ويصفّي مربع البحث كل شيء حسب الاسم)، والبنية (البنية الكاملة للرسالة — أعِد ترتيب العناصر، وحدّد العناصر المتداخلة مثل شريحة واحدة من عرض دوّار، واطوِ الحاويات، وأخفِ عنصرًا من المُخرَج بزر العين الخاص به دون حذفه، أو اترك لنفسك ملاحظة عبر إعادة التسمية بالنقر المزدوج؛ كما تحمل كل حاوية زر + يفتح أداة اختيار قابلة للبحث تضم بالضبط أنواع العناصر الفرعية التي تقبلها — وتتوسع أداة النموذج إلى متغيرات حقول الإدخال نفسها الموجودة في قسم «المدخلات» في لوحة «إدراج» — فيمكنك الإضافة دون سحب، وتظهر أداة الاختيار نفسها مكان العنصر النائب «أفلت هنا» للحاوية الفارغة على مساحة التصميم)، والبيانات (مصادر البيانات ووسوم الدمج — اربط المصادر، واختر الجمهور، وتصفّح الحقول)، والمظهر (راجع السمات أدناه).
- لوحة الخصائص — اللوحة الخاصة بكل ما هو محدَّد، مقسّمة إلى أربع علامات تبويب: المحتوى (النص، والروابط، والحقول الخاصة بكل عنصر مثل خيارات الاستطلاع)، والنمط (الألوان، والتباعد، والحدود، وCSS مخصص)، والمنطق (ربط التكرار، وشروط العرض)، والإجراءات (النقل، والاستنساخ، والحذف، و**⧉ تضمين في…** — وهو عكس زر + في لوحة «البنية»: يضع التحديد الحالي داخل عنصر قسم أو أعمدة أو تكرار أو HTML جديد يمكنه احتواؤه بشكل صحيح في مكانه تمامًا، مثل منح زر منفرد خلفية خاصة به، أو تحويل عنصر واحد إلى تخطيط من عمودين — وحفظ كمكوّن، راجع المكوّنات القابلة لإعادة الاستخدام). ويصفّي مربع بحث فوق علامات التبويب الحقول عبر الأربع دفعة واحدة.
أوضاع المعاينة
فوق مساحة التصميم، يتحكم مفتاح تعديل / معاينة فيما تنظر إليه:
- تعديل — بنية العناصر، قابلة للتحديد والتعديل.
- معاينة تحلّ وسوم الدمج وشروط العرض والتكرارات مقابل صف مستلم تختاره، مع محدِّد مستوى أسفلها: العرض المباشر (صفحة React نفسها التي يصل إليها المستلمون)، والمُرسَل — حديث والمُرسَل — Outlook يعرضان شيفرة HTML المُجمَّعة الفعلية التي ستستلمها صناديق البريد الوارد لدى مستلميك — ويفرض مستوى Outlook فروع التعليقات الشرطية نفسها التي سيسلكها تطبيق Outlook حقيقي، فيمكنك فحص البديل دون امتلاك نسخة من Outlook. ويحاكي مفتاح الوضع الداكن مستوى العرض المباشر كما سيعرضه الوضع الداكن في تطبيق البريد.
يغيّر عنصر التحكم في التكبير (50–150%، أو الملاءمة للعرض) حجم مساحة التصميم دون تغيير التصميم الأساسي.
التراجع والإعادة والحفظ التلقائي
كل تعديل على التصميم — سحب عنصر، أو الكتابة في حقل، أو تغيير لون — قابل للتراجع باستخدام Ctrl/Cmd+Z (الإعادة: Shift+Ctrl/Cmd+Z أو Ctrl/Cmd+Y)، بما في ذلك من داخل حقل نصي. تُدمج التعديلات المتلاحقة السريعة (كتابة جملة، أو سحب شريط تمرير) في خطوة تراجع واحدة بدلًا من خطوة لكل ضغطة مفتاح.
يحفظ الاستوديو تلقائيًا وباستمرار — لا يوجد زر للحفظ، وإغلاق علامة التبويب لا يُفقدك شيئًا؛ إذ يُعاد فتح المشروع تمامًا حيث توقفت. وإذا كان المشروع نفسه مفتوحًا لديك ولدى زميل في الوقت ذاته، فإن الحفظ الثاني يعرض شريط «تغيّر في مكان آخر» بدلًا من الكتابة فوق الأول بصمت. أعِد التحميل للحصول على أحدث نسخة، أو اختر حفظ كنسخة للاحتفاظ بتغييراتك كمشروع جديد.
السمات
تضبط لوحة المظهر مجموعة صغيرة من الرموز على مستوى المشروع (ألوان العلامة التجارية واللون المميّز والنص والنص الخافت والخلفية، ومجموعة خطوط، ونصف قطر زوايا الأزرار الافتراضي)، فيصبح تغيير الهوية تعديلًا واحدًا بدلًا من البحث عن حقل اللون في كل عنصر. يمكن لحقل اللون أن يحمل مرجعًا إلى رمز، يظهر كأداة اختيار عيّنات إلى جانب حقل اللون المعتاد، أو لونًا حرفيًا خاصًا به. العناصر التي تأتي بمرجع إلى رمز — الأزرار، وأيقونات التواصل الاجتماعي، وأزرار إرسال النماذج والاختبارات — يتغير مظهرها تلقائيًا عند تغيير الرمز، بينما يحتفظ أي عنصر ضبطت له لونًا حرفيًا بذلك اللون. تُعرض المشاريع التي لا سمة لها تمامًا كما كانت من قبل؛ فاللوحة تجعل ألوان العلامة التجارية صريحة فحسب بدلًا من رموز hex منسوخة ومُلصقة.
مكتبة الوسائط
توجد بعض الحقول لغرض واحد هو حمل صورة: عنصر الصورة، وصورة الغلاف أو المعاينة لعنصر الفيديو/الصوت، وصورة شريحة العرض الدوّار، والصورة الأمامية/الخلفية للبطاقة التعليمية، وصورة عنصر المنتج. تعرض هذه الحقول صورة مصغّرة وزر اختيار صورة… في لوحة الخصائص بدلًا من مربع عنوان URL. يفتح النقر عليه شبكة بكل ما رفعته بالفعل إلى حسابك (لا إلى هذا المشروع فقط)، مع زر رفع جديد في المكان نفسه لملف PNG أو JPEG أو WebP أو GIF بحجم يصل إلى 5MB. اختر واحدًا فيُكتب في الحقل فورًا، كما لو أنك كتبت عنوان URL. أداة الاختيار مجرد وسيلة لتسهيل التصميم، فلا يتغير شيء في طريقة عرض العنصر في البريد أو العرض المباشر أو مساحة التصميم.
الملفات المرفوعة مشتركة بين كل المشاريع في حسابك: ارفع شعارًا أو صورة منتج مرة واحدة وأعد استخدامها في أي مكان تظهر فيه أداة الاختيار. ويمكن أيضًا تصفّح المكتبة الكاملة من الوسائط في قائمة التنقل في لوحة التحكم، حيث يمكنك رفع الملفات وعرضها وحذفها خارج أي مشروع بعينه. حذف ملف يزيله من المكتبة فقط — أما العنصر الذي يحمل عنوان URL الخاص به بالفعل فيواصل عرض الصورة إلى أن تستبدلها بنفسك بشيء آخر.
تُحتسب مساحة التخزين من حصة باقتك (راجع الأسعار)، وتظهر كمقياس إلى جانب استخدامك الآخر في الإعدادات. وتأخذ بعض الحقول رابطًا بدلًا من صورة — مثل رابط النقر الاختياري للشريحة، وملف src الخاص بعنصر الفيديو/الصوت، وعنوان URL للانضمام في رابط الاجتماع. تبقى هذه الحقول مربعات عادية لعناوين URL: فـ MailInApp يخزّن الصور فقط، لا ملفات الفيديو/الصوت ولا الصفحات العشوائية.
المكوّنات القابلة لإعادة الاستخدام
بنيت شيئًا يستحق الاستخدام مرة أخرى — ترويسة منسّقة، أو قسم قسيمة، أو صف منتجات؟ حدّده، وافتح علامة التبويب الإجراءات في لوحة الخصائص، واختر حفظ كمكوّن. يُحفظ في حسابك (لا في هذا المشروع فقط) ويظهر ضمن مكوّناتي أعلى لوحة «إدراج» في كل مشروع من ذلك الحين. اسحب أو انقر لإدراج نسخة جديدة مستقلة تمامًا؛ وأعد تسمية المكوّن المحفوظ أو احذفه من القائمة نفسها. وهذا يختلف عن التراكيب المدمجة في قسم الجاهزة (راجع العناصر التفاعلية): فتلك تأتي مع MailInApp للجميع، بينما المكوّن المحفوظ ملكك أنت، مبني من تصاميمك الخاصة.
العرض المباشر
يفتح زر العرض المباشر ↗ في شريط الأدوات النسخة المستضافة على الويب من الرسالة — صفحة تفاعلية بالكامل تُعرض من تصميمك الحالي. وهي أداة معاينة لك، وفي الوقت نفسه البديل الشامل الذي يحصل عليه المستلمون حين لا يستطيع تطبيق بريدهم عرض التفاعلية. الرابط موقّع وصالح لمدة 30 يومًا؛ راجع روابط العرض المباشر.
النصوص بمساعدة الذكاء الاصطناعي
عالق في سطر الموضوع؟ انقر ✨ اقتراح بجوار حقل الموضوع في صفحة الإرسال. يصوغ MailInApp بضعة خيارات استنادًا إلى اسم المشروع، وغرضه، ومقتطف قصير من النص الحالي للرسالة.
الاقتراحات تُملأ بالنقر فقط — لا يُكتب أي شيء في مشروعك تلقائيًا أبدًا. وتُحتسب طلبات الاقتراح من الحصة الشهرية لحسابك (راجع الأسعار)، وهي مشتركة بين كل المشاريع وكل من يعدّلها. ولبناء الرسالة نفسها أو تعديلها — لا حقل واحد فقط — راجع المساعد الذكي.
حدّ الحجم
يقتطع Gmail الرسائل التي يتجاوز حجمها نحو 102KB — والرسالة المقتطعة تفقد عنصر <style> الخاص بها، مما يُعطّل بصمت كل تفاعلية CSS. يتتبّع الاستوديو الحجم المُجمَّع لرسالتك مقابل هذا الحد أثناء البناء وينبّهك قبل أن يصبح مشكلة. المزيد في التصدير والإرسال.