تثبيت الودجت على Tilda وWebflow وWix

Tilda

الخطوة 1. احصل على كود الودجت

في tikento افتح الفعالية ← التسجيل ← ودجت للموقع. انسخ الكود.

الخطوة 2. أضف كتلة HTML إلى الصفحة

في محرر Tilda:

1. اضغط «+» لإضافة كتلة جديدة.
2. انتقل إلى فئة «أخرى» ← اختر كتلة T123 (كتلة HTML).
3. اضغط على الكتلة للتحرير والصق كود الودجت.

الخطوة 3. انشر الموقع

اضغط «نشر» في Tilda. سيظهر الودجت على الصفحة المنشورة.

إعداد CORS لـ Tilda

أضف نطاقك إلى قائمة المصادر المسموحة في tikento:

• نطاق مخصص: yourdomain.com
• نطاق Tilda: yoursite.tilda.ws

التعليمات: إعداد CORS.

Webflow

الخطوة 1. أضف مكوّن Embed

في Webflow Designer:

1. اضغط «+» ← مكوّن «Embed» (قسم «Components» أو «Add»).
2. اسحب المكوّن إلى المكان المطلوب في الصفحة.

الخطوة 2. الصق الكود

انقر مرتين على مكوّن Embed، الصق كود ودجت tikento. اضغط «Save».

الخطوة 3. انشر

اضغط «Publish» في Webflow. مكوّنات Embed تظهر فقط على الصفحات المنشورة وليس في المحرر.

CORS لـ Webflow

أضف في tikento نطاق Webflow الخاص بك (.webflow.io أو مخصص).

Wix

الخطوة 1. أضف HTML iFrame

في محرر Wix:

1. اضغط «+» ← «المزيد» ← «HTML iFrame».
2. أضف العنصر إلى الصفحة.

الخطوة 2. الصق الكود

اضغط على العنصر ← «تعديل الكود». الصق كود الودجت. اضغط «تطبيق».

Wix يستخدم iFrame معزول لكود HTML، مما قد يؤثر على ارتفاع الودجت. اضبط ارتفاعاً كافياً لـ iFrame (يُوصى بـ 800px للنماذج متعددة الخطوات).

CORS لـ Wix

أضف نطاق Wix الخاص بك (yoursite.wixsite.com أو مخصص).

Framer

1. افتح المشروع ← «Insert» ← «Custom Code» (في قسم Assets).
2. الصق كود الودجت في حقل الكود.
3. ضع المكوّن في الصفحة المطلوبة.

WordPress

عبر إضافة Header Footer Code

1. ثبّت إضافة «Header Footer Code Manager» أو ما يعادلها.
2. أضف سكربت الودجت (<script src="...">) في قسم Footer.
3. في الصفحة المطلوبة أدرج shortcode أو كتلة HTML مع حاوية <div data-tikento-widget="...">.

عبر Gutenberg

في محرر الصفحة أضف كتلة «HTML مخصص» والصق كود الودجت الكامل (الحاوية + script).

HTML عام

لأي موقع آخر الصق الكود مباشرة قبل وسم </body>:

<div data-tikento-widget="YOUR_EVENT_ID"></div>
<script src="https://tikento.com/widget.js" async defer></script>