كيف يعمل الودجت

ودجت tikento هو حزمة JavaScript مستقلة تُحمّل من tikento.com/widget.js وتُعرض في Shadow DOM. بفضل Shadow DOM تكون أنماط الودجت معزولة عن أنماط موقعك -- بدون أي تعارضات CSS.

يتزامن النموذج تلقائياً مع المنصة: التغييرات في المُنشئ (حقول جديدة، تعديل التذاكر) تظهر في الودجت دون الحاجة لتحديث الكود على الموقع.

الكود الأساسي للودجت

<!-- حاوية النموذج -->
<div data-tikento-widget="YOUR_EVENT_ID"></div>

<!-- سكربت الودجت (مرة واحدة لكل صفحة) -->
<script
  src="https://tikento.com/widget.js"
  async
  defer
></script>

استبدل YOUR_EVENT_ID بـ UUID فعاليتك -- يمكنك رؤيته في عنوان URL الفعالية في لوحة التحكم أو في قسم «الودجت».

وضعا العرض

النموذج المدمج (Inline)

يُعرض النموذج مباشرة في الصفحة في مكان حاوية data-tikento-widget. يملأ المشارك النموذج بدون نوافذ منبثقة.

يُفتح النموذج في طبقة فوقية عند الضغط على زر. أضف سمة data-tikento-popup لأي زر في موقعك:

<button data-tikento-popup="YOUR_EVENT_ID">
  سجّل الآن
</button>

سكربت الودجت يبقى نفسه.

تخصيص المظهر

في باقات Pro وما فوق يتوفر التخصيص عبر متغيرات CSS. أضف في HTML أو CSS موقعك:

:root {
  --tikento-primary: #4F46E5;
  --tikento-radius: 8px;
  --tikento-font: 'Inter', sans-serif;
}

متغيرات CSS المتاحة للودجت مدرجة في قسم الودجت ← التخصيص في إعدادات الفعالية.

على باقة Free تظهر العلامة المائية «Powered by tikento» دائماً ولا يمكن إزالتها تقنياً.

قيود المصادر (CORS)

في باقات Pro وما فوق اضبط قائمة النطاقات المسموحة لحماية نموذجك من الاستخدام في مواقع غير مصرح بها.

المزيد -- إعداد CORS.

المنصات المتوافقة

يعمل الودجت على أي منصة تدعم HTML:

Tilda، Webflow، Wix، Framer
WordPress، Squarespace
صفحات HTML العادية
تطبيقات React، Vue، Angular

تعليمات خاصة لمنشئي المواقع الشهيرة -- التثبيت على Tilda وWebflow وWix.

مقالات ذات صلة