من تخصيص no-code في backend إلى التكامل الحر عبر API، أنت من يختار مدى التعمّق.

تخصيص أساسي

متجر تذاكر بهويتك المؤسسية — جاهز خلال 10 دقائق

يتم الإعداد عبر backend لدينا: اختر theme، وارفع التصاميم والرسومات، وحدد نظام الألوان وخطك الخاص عند الحاجة، لتخصّص البوابات خلال ثوانٍ ومن دون خبرة سابقة في IT. هذا هو المستوى الأول والأساسي من التخصيص. ويساعد تطبيق الهوية المؤسسية ببضع نقرات الشركات الصغيرة خصوصًا، بفضل الأساس الافتراضي القوي الذي يوفّره framework لدينا.

No-CodeBackend-ThemingCorporate DesignWhite-Label

لا حاجة إلى خبرة في IT · 10 دقائق

الصفحة الرئيسية بهوية علامتك

جهد التطوير

لا شيء

CSS وscripts مخصصة

مزيد من التفرّد عبر CSS أو scripts مخصصة

هل تريد مزيدًا من التخصيص؟ هل تحتاج إلى لمسة شخصية تميّز فعاليتك أو إلى إبراز معلومات بعينها؟ لدينا الحل المناسب: نفّذ هذه التعديلات بتعليمات بسيطة من HTML وCSS. ويمكنك إضافة CSS أو HTML أو JavaScript مباشرة عبر backend. صُممت بواباتنا لهذه الامتدادات وتوفّر نقاط ربط محددة، مثل CSS Custom Properties المعروفة أيضًا بمتغيرات CSS.

Custom CSSCSS Custom PropertiesCustom ScriptsTheming-Hooks

CSS/JS مخصص · hooks محددة

خطوة العملية نفسها، مرة بالتصميم الافتراضي ومرة بتنسيق جريء ومتعمد عبر CSS:

صفحة الهبوط

Header: خلفية وردية وظل داكن
Footer: خلفية صفراء
بطاقات المنتجات: إطار وردي وظل داكن

اختيار التذاكر

Header: خلفية وردية وظل داكن
لوحة اختيار التذاكر: إطار وردي وظل داكن
رؤوس الأعمدة: خلفية وردية ونص أبيض
سعر التذكرة: خط أخف
مربع سعر التذكرة المخفّض: خلفية صفراء
اللوحات الجانبية: ظل داكن
زر إتمام الشراء: إطار وردي ونص أبيض وظل داكن
نص «أو ادفع باستخدام»: بخط مائل
رسالة التحذير: خلفية صفراء

التسجيل

Header: خلفية وردية وظل داكن
لوحة معلومات الحضور: إطار وردي وظل داكن
معاينة الشارة: إطار وردي وظل داكن

الملخص

Header: خلفية وردية وظل داكن
لوحة الملخص: إطار وردي وظل داكن
أسماء التذاكر: نص وردي
السعر: نص عريض
اللوحات الجانبية: ظل داكن
زر «شراء التذاكر»: إطار وردي وظل داكن

جهد التطوير

منخفضمرتفع

حاوية مضمّنة

أدرج متجر التذاكر الكامل كوحدة مستقلة

هل تريد تضمين متجر التذاكر في موقع فعاليتك؟ ببضعة أسطر فقط، تدمج جوهر شراء التذاكر والتسجيل مباشرة في موقعك. تحصل على وحدة جاهزة ومستقلة تعمل داخل صفحتك، مع إتاحة HTML كاملًا لتنسيقه عبر CSS الخاص بك. صُممت بوابة الزوّار لدينا خصيصًا لمثل هذا التكامل العميق، وتقدّم خيارات إعداد إضافية:

Drop-in WidgetiFrame-EmbedSelf-ContainedAuto-Resize

قصر العرض اختياريًا على فعالية محددة
قصره اختياريًا على وظائف محددة (الشراء، التسجيل، الصحافة)
قصره اختياريًا على منتجات أو مجموعات محددة
إظهار Header وFooter أو إخفاؤهما
إعداد اللغة تلقائيًا أو عبر الموقع المحيط
اختيار تنسيقك أو CSS مخصص للتكامل
إخفاء المحتوى غير الضروري
إعداد ضبط الحجم

بهذه الطريقة يبقى الزوّار على موقع الفعالية من دون إعادة توجيه. ويتوفر للمطورين عرض تكامل مخصص وبوابة للمطورين لاختبار التكامل وإنشاء scripts جاهزة. اختر النسخة المطلوبة، وانسخ كود التكامل والصقه في موقعك. ولا داعي للقلق بشأن أشرطة التمرير؛ فالحاوية تكيّف ارتفاعها ديناميكيًا مع المحتوى لتجنّب مناطق تمرير غير مرغوبة داخل صفحتك.

تقنيًا، يعتمد هذا التكامل على iframe، أي أن المتجر يعمل داخل إطار مستقل ومعزول في صفحتك. يعمل ذلك بموثوقية، لكنه يبلغ حدوده عند الاندماج السلس مع واجهتك. لذلك نوصي بهذا الحل عندما تكون السرعة هي الأولوية فقط. أما للتكامل الأصلي فعلًا، فالمستوى التالي أفضل: Shop Micro Frontend الذي يُعرض مباشرة داخل markup الخاص بك.

جهد التطوير

منخفضمرتفع

Shop Micro Frontend داخل الكود

تضمين متجر التذاكر بصورة أصلية كـ micro frontend

في هذا المستوى تتجاوز backend theming وتدمج المتجر مباشرة في الكود، على هيئة Shop Micro Frontend يُعرض بصورة أصلية داخل markup الخاص بك بدلًا من widget خارجي. المسار الكامل من اكتشاف المنتجات حتى إصدار التذكرة جاهز، ولديك خياران:

Micro FrontendHeadlessComposableLight-DOM EmbedDesign-Tokens

أسرع انطلاقة

استدعاء mount() واحد وينتهي الأمر

الطريق الأكثر مباشرة: استدعاء mount() واحد يضيف متجر التذاكر كامل التنسيق إلى صفحتك بتصميمنا الافتراضي الاحترافي والمتجاوب والمترجم. ولوسائل الدفع التي تتطلب إعادة توجيه، ما عليك سوى تحديد عناوين URL للعودة، ثم يتابع المتجر المسار تلقائيًا. هكذا تصبح جاهزًا للبيع خلال دقائق، بتصميم احترافي منذ السطر الأول.

استدعاء واحد · عناوين URL للعودة لمدفوعات إعادة التوجيه فقط

تصميمك الخاص بالكامل

Shop Micro Frontend بهوية علامتك

Shop Micro Frontend وحدة frontend مستقلة تُدمج في صفحتك وقت التشغيل باستدعاء mount(). المسار الكامل من اكتشاف المنتجات حتى إصدار التذكرة جاهز بتصميم افتراضي احترافي. والأهم أنها تُعرض داخل light DOM الخاص بك، لا داخل iframe، ليصبح المتجر جزءًا حقيقيًا من markup صفحتك ويرث الخطوط وسياق التخطيط. يكفي عدد قليل من design tokens لتطبيق هويتك: مرّر الألوان والخط وأنصاف الأقطار ضمن كائن theme إلى mount()، أو عيّنها كمتغيرات CSS ‏(--aditus-*)، من دون stylesheet خاص. ويقترح Styling Studio تلقائيًا الألوان والخطوط وأنصاف الأقطار انطلاقًا من URL موقعك، ثم ينشئ إعدادًا جاهزًا للنسخ. وبما أن الأنماط الأساسية موجودة في CSS layer مستقلة، يتجاوزها CSS العادي غير المضمّن في طبقة بلا صراع على specificity أو حاجة إلى !important. وللمسات الأخيرة، يمكنك استهداف المكوّنات عبر BEM hooks الثابتة (aditus-shop__*). لا نقل للمستخدم إلى widget غريب، ولا تغيير لحجم iframe، ولا تعامل مع postMessage، ولا تقطّع في التمرير؛ حرية تصميم كاملة من دون بناء منطق المسار بنفسك.

اندماج أصيل بلا تحويل · هوية عبر design tokens

يمكن أيضًا دمج نسختي micro frontend مع ADITUS Webhooks؛ فتُرسل أحداث مثل الطلبات أو التسجيلات المكتملة لحظيًا، ويمكن مواصلة معالجتها في backends أخرى، مثل CRM أو منطق العضويات أو عملياتك اللاحقة.

انتقل إلى وثائق micro frontend انتقل إلى Styling Studio

جهد التطوير

استدعاء mount() واحد وينتهي الأمر

Shop Micro Frontend بهوية علامتك

منخفضمرتفع

تحكم كامل عبر API

تكامل حر عبر Shop API

هذا أعمق مستوى لأقصى حرية: تدمج وظائف المتجر بالكامل في تطبيق Web أو App أو منظومة أنظمتك، إما كواجهة UI مخصصة تمامًا للمتجر والتسجيل، أو كمكوّن وظيفي إضافي في منصتك الحالية. كل ما تستطيع بوابة الزوّار فعله تستطيع API فعله أيضًا؛ فنحن نستخدم REST API الكاملة نفسها للقراءة والكتابة أساسًا لبواباتنا. وتتوفر REST APIs وWebhooks وSDKs لبناء حلول مصممة خصيصًا لك.

API-FirstHeadlessREST APIWebhooksSDKs

أقصى درجات التحكم

مباشرة عبر Shop API

تنشئ الواجهة بالكامل بنفسك فوق نقاط نهاية REST، فتتحكم في سلة التسوق والتسجيل وإتمام الشراء. ولا تحتاج إلى معالجة الترجمة بنفسك؛ إذ توفّر API أسماء المنتجات وأوصافها وأسئلة الاستبيانات وإجاباتها بلغة الزائر، وما عليك سوى عرض النص. تتمتع بتحكم كامل في رحلة المستخدم ويمكنك تصميمها من الصفر ودمجها بسلاسة في عملياتك، بما يشمل مسارات الحجز أو تسجيل الدخول المخصصة، ومنطق CRM والعضويات، وباقات الفنادق أو السفر، والتسعير الفردي أو الموافقات متعددة المراحل. كل تفاعل وكل بكسل ملك لك، مقابل تحمّل جهد تنفيذ أكبر.

مرونة كاملة · جهد أولي أكبر

مرجع API الكامل: كل endpoint مع أمثلة مباشرة باستخدام curl وNode وPython وGo.

يمكن أيضًا دمج هذا المسار مع ADITUS Webhooks؛ فتُرسل الأحداث ذات الصلة لحظيًا، ويمكن مواصلة معالجتها في backends أخرى، مثل CRM أو منطق العضويات أو عملياتك اللاحقة.

جهد التطوير

منخفضمرتفع