إنشاء قالب طباعة لتصميم فاتورة/عرض أسعار
يتيح لك منشئ تصاميم الفواتير تصميم شكل الفواتير وعروض الأسعار وأوامر البيع والإشعارات والمرتجعات عند العرض والطباعة: الشعار، وبيانات نشاطك والعميل، وأعمدة البنود، والمسميات، والألوان والخطوط، والحقول الإضافية. يشرح هذا الدليل خطوات إنشاء التصميم، وكل ما يمكن إضافته أو إخفاؤه أو إعادة تسميته فيه، ومنه إخفاء المدفوع والرصيد المستحق من الفاتورة.
🛈
ملاحظة: تحتاج صلاحية تعديل الإعدادات العامه.
محتويات المقال
إنشاء تصميم جديد
- من القائمة الرئيسية اضغط القوالب ثم قوالب للطباعة، واختر تصاميم الفواتير/عروض الأسعار.
- اضغط تصميم جديد، واختر أحد التصاميم الجاهزة للبدء منه. أو اضغط نسخ على تصميم موجود لتعديل نسخة منه.
- عدّل الأقسام من القائمة الجانبية، وتظهر التعديلات في المعاينة مباشرة.
- أدخل اسم التصميم في القالب، واضبط بيانات القالب.
- اضغط حفظ.
ومن قائمة التصاميم، لكل تصميم: تعديل، وتعديل HTML، ونسخ، وحذف، وأضف الى نماذج القسائم. وتظهر علامة افتراضي على التصميم الأساسي مع أنواع المستندات التي يُستخدم لها.
بيانات القالب
| الخيار | وظيفته |
|---|---|
| القالب | اسم التصميم (إلزامي). |
| اجعل هذا التصميم هو التصميم الأساسي | يجعله التصميم الافتراضي. ومن خيارات أكثر: تحدد المستندات التي يكون أساسيًا لها: الفواتير، وعروض الأسعار، وأوامر البيع، وفواتير الوقت، والإشعارات الدائنة، والفواتير المرتجعة، والإشعارات المدينة. |
| لا تظهر علامة العملة في سعر البنود | إخفاء رمز العملة من أسعار البنود. |
| أظهر دائما المبلغ المدفوع والمبلغ المستحق | إظهار صفي المدفوع والمستحق في الفاتورة. التفاصيل. |
| إضافة بيانات الشحن (عنوان ثانوي) للفاتورة | إظهار عنوان الشحن. |
| خيارات الكمية وسعر الوحدة | إظهار سعر الوحدة قبل الكمية، أو إظهار الكمية قبل سعر الوحدة، أو إخفاء سعر الوحدة والكمية. |
أقسام منشئ التصاميم
| القسم | ما يمكنك فعله |
|---|---|
| مسمى | عنوان كل نوع مستند: عنوان الفاتورة، وعنوان عرض الأسعار، وعنوان مسودة الفاتورة، وعنوان أمر البيع، وعنوان إشعار دائن، وعنوان إيصال الارتجاع، وعنوان الاشعار المدين. (يظهر القسم في التصاميم التي تدعم العنوان المتغير). |
| الشعار | رفع الشعار (حتى 1 ميجابايت، JPG أو PNG أو GIF) وتحديد عرضه وطوله. وإذا لم يوجد شعار يختفي مكانه. |
| بيانات العمل | بيانات نشاطك (الاسم، والعنوان، والرقم الضريبي…) بالمتغيرات من الكلمات المستبدلة؛ أضف أو احذف ما تريد. |
| بيانات العميل | بيانات العميل التي تظهر في الفاتورة بالمتغيرات؛ أضف أو احذف ما تريد. |
| معلومات الشحن | بيانات الشحن، وتظهر عند تفعيل بيانات الشحن. |
| أعمدة البنود | اختيار أعمدة جدول البنود وتسميتها. التفاصيل. |
| الحقول الإضافية | أسطر إضافية في رأس الفاتورة: حقل مخصص، أو قيم جاهزة مثل رقم الأمر، وحالة الدفع، والإجمالي، وتاريخ الاستحقاق، والمدفوع، والمستحق، والدفعة القادمة، والخصم، ومصدر الطلب، ووقت ومبلغ ووسيلة الدفع، ونقاط الولاء. ولا يظهر الحقل إذا كانت قيمته فارغة. |
| المسميات | إعادة تسمية كل مسميات الفاتورة. التفاصيل. |
| المقدمة / التذييل | محتوى يتكرر أعلى وأسفل كل صفحة، مثل الختم أو الشروط أو رقم الصفحة {%page_no%}. |
| التنسيق | الخطوط والألوان وحجم الورق والهوامش وكود CSS. التفاصيل. |
| الملاحظات | نص يظهر أسفل الفاتورة، ويمكن إظهار ملاحظات كل فاتورة بالمتغير {%invoice_notes%}. |
🛈
ملاحظة: للاطلاع على كل المتغيرات المتاحة في الأقسام، افتح دليل المتغيرات الكامل.
أعمدة البنود
في أعمدة البنود خمس خانات للأعمدة، ولكل منها الحقل والعنوان (اسم العمود في الفاتورة). الحقول المتاحة:
- الرقم التسلسلي، وصورة المنتج، والبند، والوصف (وبالاسم الأساسي أو الثانوي عند تفعيل لغة ثانوية).
- كود المنتج، وباركود، والماركة، والتصنيف.
- اسم ونسبة وقيمة الضريبة الأولى والثانية.
- المستودع، والمجموع، ومسئول مبيعات، والحساب، ومركز التكلفة، والحقول الإضافية للمنتج.
- أعمدة سعر الوحدة والكمية والمجموع ثابتة، ويمكن إخفاء السعر والكمية من خيارات الكمية وسعر الوحدة.
- إظهار عمود الوحدة مع تسمية عمود الوحدة: لإظهار وحدة القياس.
- لإخفاء عمود، اترك خانته فارغة.
🛈
ملاحظة: في تصاميم “فاتورة ضريبية” لا يُنصح بتغيير الأعمدة عدا البند والوصف، حتى لا يختل تنسيق التصميم.
إضافة الحقول الإضافية إلى التصميم
يمكنك إضافة بيانات ليست في التصميم افتراضيًا، مثل رقم الحساب البنكي أو الآيبان أو رقم السجل التجاري أو أي بيانات خاصة بنشاطك. وتوجد ثلاث طرق، فاختر المناسبة حسب نوع البيانات:
| الطريقة | مناسبة لـ | أين تظهر |
|---|---|---|
| نص ثابت في بيانات العمل أو الملاحظات أو التذييل | بيانات ثابتة لا تتغير، مثل الحساب البنكي واسم البنك. | في كل الفواتير التي تستخدم التصميم، الجديدة والقديمة. |
| حقل مخصص من قسم الحقول الإضافية | سطر بعنوان وقيمة في رأس الفاتورة، ويمكن تعديل قيمته في كل فاتورة. | في الفواتير الجديدة التي تُنشأ بعد إضافته. |
| متغير حقل إضافي من حقول الفواتير | قيمة تختلف من فاتورة لأخرى وتُدخل في نموذج الفاتورة. | في كل فاتورة لها قيمة في هذا الحقل. |
الطريقة 1: نص ثابت في بيانات العمل أو الملاحظات أو التذييل
- افتح تصاميم الفواتير/عروض الأسعار، واضغط تعديل على التصميم المستخدم.
- من القائمة الجانبية اختر بيانات العمل لإظهار البيانات بجوار بيانات نشاطك، أو الملاحظات لإظهارها أسفل الفاتورة، أو المقدمة / التذييل لإظهارها في كل صفحة.
- اكتب البيانات كنص، مثل: البنك: بنك المثال — رقم الحساب: 1234567890 — الآيبان: SA0000000000001234567890.
- اضغط حفظ.
تظهر البيانات فورًا في كل الفواتير التي تستخدم هذا التصميم، بما فيها الفواتير القديمة.
الطريقة 2: حقل مخصص من قسم الحقول الإضافية
- افتح التصميم من تصاميم الفواتير/عروض الأسعار واضغط تعديل.
- من القائمة الجانبية اختر الحقول الإضافية.
- اضغط إضافة حقول أخرى ثم حقل مخصص.
- اكتب العنوان، مثل رقم الحساب البنكي، والقيمة، مثل رقم الحساب أو الآيبان.
- رتّب الحقل بالأسهم إن أردت، ثم اضغط حفظ.
- يظهر الحقل في رأس الفاتورة بالعنوان والقيمة.
- يُنسخ الحقل تلقائيًا إلى كل فاتورة جديدة تستخدم هذا التصميم، ويمكنك تعديل قيمته أو حذفه من داخل الفاتورة.
- لا يُضاف الحقل إلى الفواتير التي أُنشئت قبل إضافته. ولإضافته لفاتورة قديمة، عدّلها وأضف الحقل يدويًا من إضافة حقل مخصص إضافي.
- ومن نفس القائمة يمكنك إضافة قيم جاهزة بدل الحقل المخصص، مثل رقم الأمر وحالة الدفع وتاريخ الاستحقاق ووسيلة الدفع.
الطريقة 3: متغير حقل إضافي من حقول الفواتير
إذا كانت البيانات تختلف من فاتورة لأخرى، مثل رقم المشروع أو رقم العقد، فأنشئها كحقل إضافي للفواتير ثم أضف متغيرها في التصميم:
- أنشئ الحقل من إعدادات المبيعات ← حقول الفواتير الإضافية.
- افتح التصميم، واختر القسم الذي تريد إظهار الحقل فيه، مثل بيانات العميل أو الملاحظات.
- أضف متغير الحقل من قائمة الكلمات المستبدلة، ويظهر باسم الحقل، مثل {%field_15%}، ثم احفظ.
تُدخل قيمة الحقل في نموذج كل فاتورة، وتظهر في الطباعة مكان المتغير.
🛈
مثال: لإظهار الحساب البنكي في كل الفواتير أضفه بالطريقة 1 في الملاحظات. أما إذا كان لديك أكثر من حساب بنكي وتريد اختيار الحساب لكل فاتورة، فأنشئ حقلًا إضافيًا للفواتير من نوع القائمة المنسدلة فيه أرقام الحسابات، وأضف متغيره في التصميم بالطريقة 3.
إضافة اسم الفرع وبياناته في التصميم
عند تفعيل تطبيق الفروع، يمكنك إظهار اسم الفرع الذي صدرت منه الفاتورة وبياناته في التصميم، باستخدام متغيرات الفرع. وتُملأ تلقائيًا ببيانات فرع الفاتورة؛ فيكفي تصميم واحد لكل الفروع.
- افتح تصاميم الفواتير/عروض الأسعار، واضغط تعديل على التصميم المستخدم.
- من القائمة الجانبية اختر القسم الذي تريد إظهار الفرع فيه، مثل بيانات العمل (بجوار بيانات نشاطك) أو المقدمة أو التذييل.
- اكتب العنوان الذي تريده ثم أضف المتغير، مثل: الفرع: {%invoice_branch_name%}. ويمكنك اختيار المتغير من قائمة الكلمات المستبدلة.
- اضغط حفظ.
| البيان | المتغير |
|---|---|
| اسم الفرع | {%invoice_branch_name%} |
| كود الفرع | {%invoice_branch_code%} |
| هاتف الفرع | {%invoice_branch_phone1%} / {%invoice_branch_phone2%} |
| عنوان الفرع | {%invoice_branch_address1%} / {%invoice_branch_address2%} |
| المدينة / المنطقة / الدولة | {%invoice_branch_city%} / {%invoice_branch_state%} / {%invoice_branch_country%} |
| موقع الفرع على الخريطة (صورة) | {%invoice_branch_map_location%} |
- تعمل نفس المتغيرات في عروض الأسعار وأوامر البيع والإشعارات والمرتجعات التي تستخدم التصميم.
- تُعدَّل بيانات الفرع (الاسم والهاتف والعنوان) من صفحة الفرع في الفروع؛ فتظهر محدّثة في كل الفواتير.
- إذا كانت بيانات الفرع فارغة، لا يظهر مكان المتغير شيء.
🛈
ملاحظة: إذا أردت أن يظهر اسم الفرع بدل اسم نشاطك، فاحذف متغير اسم النشاط من بيانات العمل وضع مكانه {%invoice_branch_name%}. وفي الفواتير الإلكترونية تأكد أن اسم المنشأة والرقم الضريبي المطلوبين ما زالا ظاهرين.
المسميات
من المسميات اختر القسم، وغيّر أي مسمى يظهر في الفاتورة:
| القسم | المسميات |
|---|---|
| عام | البند، والوصف، وسعر الوحدة، والكمية، والمجموع، والإجمالي، والمدفوع، والرصيد المستحق، وحالة الدفع، ومستحقة الدفع بعد، وتاريخ الاستحقاق، والدفعة القادمة، والتاريخ من/إلى، والخصم، واشحن إلى، ومصاريف الشحن، ورقم الأمر، وإلى، ومصدر الطلب، ووسيلة الدفع. |
| الفاتورة | رقم الفاتورة، وتاريخ الفاتورة. |
| عروض الأسعار | رقم عرض الأسعار، وتاريخ عرض الأسعار. |
| أمر البيع / المرتجع / الإشعار الدائن / الإشعار المدين | الرقم والتاريخ لكل منها، ومرتجع. |
🛈
ملاحظة: إفراغ المسمى يُخفي النص فقط، لكن قيمته تظهر بدون عنوان. لإخفاء صف كامل استخدم الطرق في الجزء التالي.
التنسيق
| الخيار | الوصف |
|---|---|
| الخط الافتراضي | الخط (خطوط النظام أو Google Fonts) والحجم. |
| تنسيق جدول البنود | لون الحدود، ولون خلفية العنوان، ولون نص العنوان، ولون الصف الاول، ولون الصف الثاني. |
| حجم الورق | A3 أو A4 أو A5، أو أخرى بالعرض والطول بالسنتيمتر. |
| هامش الصفحة | أعلى وأسفل ويسار ويمين بالسنتيمتر. |
| كود التنسيق | كود CSS لتعديلات متقدمة، مثل إخفاء صفوف معينة أو إضافة علامة مائية. |
إخفاء المدفوع والرصيد المستحق من الفاتورة
الطريقة 1: من بيانات القالب
- افتح تصاميم الفواتير/عروض الأسعار، واضغط تعديل على التصميم المستخدم.
- في بيانات القالب، ألغِ تحديد أظهر دائما المبلغ المدفوع والمبلغ المستحق.
- اضغط حفظ.
في معظم التصاميم يختفي صفّا المدفوع والمستحق من كل الفواتير. أما في بعض التصاميم القديمة، فيختفيان فقط عندما تكون الفاتورة غير مدفوعة أو مدفوعة بالكامل، ويظهران في الفاتورة المدفوعة جزئيًا.
الطريقة 2: إخفاؤهما دائمًا بكود التنسيق
إذا ظهرا بعد الطريقة 1، افتح التنسيق › كود التنسيق والصق:
.row-paid-amount,
.row-unpaid-amount {
display: none;
}
الطريقة 3: من تعديل HTML
في التصاميم القديمة، يمكنك حذف جزء المدفوع والمستحق من كود التصميم من تعديل HTML (الجزء بين <!– PaidAmount –> و<!– /PaidAmount –>). جرّب ذلك على نسخة من التصميم أولًا، ولمزيد من التفاصيل راجع دليل التعديلات المخصصة على قالب الفاتورة.
🛈
ملاحظة: المدفوع والمستحق لا يظهران أصلًا في عروض الأسعار والإشعارات الدائنة والمرتجعات. وإذا أردت إظهارهما في رأس الفاتورة بدلًا من أسفلها، أضفهما من الحقول الإضافية.
ما يظهر ويختفي تلقائيًا
- عمود الخصم: يظهر تلقائيًا فقط إذا كان على أحد البنود خصم.
- عمود الوصف: يختفي تلقائيًا إذا لم يكن لأي بند وصف.
- صف المجموع: يختفي إذا كان مساويًا للإجمالي.
- صفوف الخصم والضرائب ومصاريف الشحن والمرتجع: تظهر فقط إذا كانت لها قيمة.
- عمود الوحدة: يظهر فقط إذا كان لأحد البنود وحدة قياس.
- رمز QR: يُضاف تلقائيًا في تصاميم الفوترة الإلكترونية (السعودية والأردن).
- الشعار: يختفي مكانه إذا لم يُرفع شعار.
- في الباقة المجانية يظهر تذييل دفترة تلقائيًا.
جدول: ما يمكن إضافته أو إخفاؤه وكيف
| العنصر | الطريقة |
|---|---|
| المدفوع والرصيد المستحق | إلغاء أظهر دائما المبلغ المدفوع والمبلغ المستحق، أو كود التنسيق. |
| رمز العملة في أسعار البنود | لا تظهر علامة العملة في سعر البنود. |
| سعر الوحدة والكمية | خيارات الكمية وسعر الوحدة. |
| أي عمود في جدول البنود | أعمدة البنود (اترك الخانة فارغة أو اختر حقلًا آخر). |
| عمود الوحدة | إظهار عمود الوحدة. |
| عنوان الشحن | إضافة بيانات الشحن (عنوان ثانوي) للفاتورة. |
| بيانات نشاطك أو العميل (مثل الرقم الضريبي أو الجوال) | احذف أو أضف المتغير من بيانات العمل أو بيانات العميل. |
| رصيد العميل | أضف أو احذف المتغير {%invoice_advanced_client_balance%}. |
| الشعار | ارفعه أو احذفه من الشعار. |
| الختم أو التوقيع | أضف صورة من التذييل أو الملاحظات. |
| رقم الحساب البنكي، الآيبان، أو أي بيانات ثابتة | نص في بيانات العمل أو الملاحظات، أو حقل مخصص من الحقول الإضافية. التفاصيل. |
| اسم الفرع وعنوانه وهاتفه | المتغيرات {%invoice_branch_name%} وغيرها في بيانات العمل أو المقدمة. التفاصيل. |
| تاريخ الاستحقاق، حالة الدفع، وسيلة الدفع… | أضفها من الحقول الإضافية. |
| رقم الصفحة | المتغير {%page_no%} في المقدمة أو التذييل. |
| أي مسمى | المسميات. |
| صفوف الخصم والضرائب والشحن والمرتجع | تظهر حسب القيمة؛ ولإخفائها دائمًا استخدم كود التنسيق التالي. |
| رمز QR | من تعديل HTML فقط (غير مُنصح به في الفواتير الإلكترونية). |
كود إخفاء صفوف أخرى (الصق ما تحتاجه فقط في كود التنسيق):
/* الخصم */ .row-summary-discount { display: none; }
/* الضرائب */ .row-tax-summary { display: none; }
/* مصاريف الشحن */ .row-shipping-amount { display: none; }
/* المرتجع */ .row-summary-refund { display: none; }
🛈
تنبيه: الفاتورة الضريبية في بعض الدول تتطلب بيانات معينة (مثل الضريبة ورمز QR والرقم الضريبي)، فلا تخفِها إلا إذا كانت لا تلزمك.
أسئلة شائعة
كيف أضيف رقم الحساب البنكي في الفاتورة؟
افتح تصاميم الفواتير/عروض الأسعار وعدّل التصميم، واكتب بيانات الحساب البنكي والآيبان في الملاحظات أو بيانات العمل ثم احفظ، فتظهر في كل الفواتير. أو أضفها كـحقل مخصص من الحقول الإضافية لتظهر في رأس الفواتير الجديدة. التفاصيل في إضافة الحقول الإضافية إلى التصميم.
أضفت حقلًا مخصصًا في التصميم ولا يظهر في الفواتير القديمة؟
الحقل المخصص من قسم الحقول الإضافية يُنسخ للفواتير الجديدة فقط. لإظهار بيانات ثابتة في الفواتير القديمة أيضًا، اكتبها في الملاحظات أو بيانات العمل، أو عدّل الفاتورة القديمة وأضف الحقل يدويًا.
كيف أضيف اسم الفرع في قالب الفاتورة؟
عدّل التصميم، وأضف المتغير {%invoice_branch_name%} في بيانات العمل أو المقدمة ثم احفظ؛ فيظهر اسم فرع كل فاتورة تلقائيًا. التفاصيل.
هل أحتاج تصميمًا منفصلًا لكل فرع؟
لا، متغيرات الفرع تأخذ بيانات فرع الفاتورة تلقائيًا، فيكفي تصميم واحد.
كيف أحذف كلمة مدفوع والرصيد المستحق من الفاتورة؟
ألغِ أظهر دائما المبلغ المدفوع والمبلغ المستحق من بيانات القالب واحفظ. وإذا استمر ظهورهما، استخدم كود التنسيق في إخفاء المدفوع والرصيد المستحق.
حذفت مسمى المدفوع لكن المبلغ ما زال ظاهرًا؟
إفراغ المسمى يُخفي العنوان فقط؛ استخدم الخيار أو كود التنسيق لإخفاء الصف كاملًا.
عدّلت التصميم ولم يتغير شكل الفاتورة؟
تأكد أن الفاتورة تستخدم هذا التصميم (التصميم الأساسي أو المختار في الفاتورة).
هل التعديل يؤثر على الفواتير القديمة؟
نعم، يظهر التعديل في كل الفواتير التي تستخدم التصميم عند فتحها أو طباعتها، ما عدا الحقول المخصصة المضافة من قسم الحقول الإضافية، فهي تُنسخ للفواتير الجديدة فقط.