# التضمين والمشاركة


# التضمين والمشاركة

بمجرد ضبط [أنواع فعالياتك](./event-types)، يتعلق الحصول على الحجوزات بوضع صفحتك أمام الأشخاص. يمكنك مشاركة رابط بسيط في أي مكان، أو تضمين صفحة الحجز داخل موقعك الخاص مباشرة.

## مشاركة رابط

لكل نوع فعالية رابطه الخاص، المصنوع من معرّفك واسم الفعالية المختصر — على سبيل المثال `calendar.imatic.ai/book/priya/intro-call`.

1. افتح نوع الفعالية (أو اعثر عليه في قائمتك).
2. استخدم **نسخ الرابط**.
3. الصقه في بريد إلكتروني، أو توقيع بريدك، أو نبذة على شبكة اجتماعية، أو رسالة دردشة — في أي مكان.

يفتح ذلك الرابط [صفحة الحجز العامة الخاصة بك](./booking-page) لنوع الفعالية ذاك.

:::tip[رابط واحد لكل اجتماع]

شارك رابط نوع الفعالية المحدد للاجتماع الذي تريده، بدلًا من صفحة عامة. إرسال رابط "مكالمة التعارف" يعني أن المدعوّين يصلون مباشرة إلى الاجتماع الصحيح.

:::

## تضمين صفحة الحجز

هل تريد أن يحجز الأشخاص دون مغادرة موقعك؟ ضمّن صفحة الحجز **مضمّنة**، بحيث تظهر كجزء من صفحتك.

يوفّر imatic Calendar سكربت تضمين صغيرًا، **`embed.js`**. وجّهه إلى اسمك المختصر ونوع فعاليتك باستخدام `data-user` و`data-event-type`، وأضفه إلى HTML الخاص بموقعك حيث تريد أن تظهر صفحة الحجز:

```html
<script
  src="https://calendar.imatic.ai/embed.js"
  data-user="<your-handle>"
  data-event-type="<event-slug>"
  data-target="#book-here"
></script>
```

`data-user` و`data-event-type` مطلوبان. أما `data-target` الاختياري فهو محدِّد CSS للعنصر الذي يُركَّب فيه الإطار المضمّن؛ احذفه ليُعرَض الإطار في مكان وسم السكربت نفسه تمامًا. يعرض السكربت صفحة الحجز الخاصة بك كإطار مضمّن، وهو متجاوب — يناسب عرض المكان الذي تضعه فيه.

:::note[أين تحصل على المقتطف الدقيق الخاص بك]

استخدم خيار التضمين في لوحة التحكم لنسخ المقتطف المعبّأ مسبقًا لمعرّفك ونوع فعاليتك، ثم الصقه في صفحة موقعك حيث تريد أن تظهر أداة الحجز.

:::

## طرق أخرى للتضمين

التضمين المباشر ليس خيارك الوحيد. يدعم سكربت `embed.js` نفسه بضعة أوضاع — اختر ما يناسب صفحتك:

- **مضمّن** — تقع صفحة الحجز في حاوية على صفحتك (أعلاه).
- **منبثق / مشروط** — يفتح زر صفحة الحجز في طبقة فوق صفحتك، فلا تأخذ مساحة حتى يرغب أحدهم في الحجز.
- **شارة عائمة** — حبّة ثابتة "احجز وقتًا" في زاوية كل صفحة، مثل أدوات الشارات التي رأيتها على مواقع أخرى.
- **النقر على أي عنصر** — أضف `data-imatic-cal-link="handle/event-type"` إلى رابط أو زر لديك بالفعل، والنقر عليه يفتح صفحة الحجز. لا حاجة إلى زر إضافي.

تقبل كل الأوضاع **`theme`** (فاتح أو داكن) و**`primaryColor`** ليتطابق العنصر مع علامتك التجارية، ويُعيد الإطار المضمّن **تحجيم نفسه تلقائيًا** ليناسب محتواه أثناء تنقل الزائر عبر المسار.

:::note[انسخ المقتطف الدقيق]

استخدم خيار التضمين/المشاركة في لوحة التحكم لنسخ المقتطف الجاهز للوضع الذي تريده — فهو يأتي معبّأً مسبقًا بمعرّفك ونوع فعاليتك وخياراتك.

:::

## الخطوات التالية

- [صفحة الحجز العامة الخاصة بك](./booking-page) — ما يراه الزوّار في التضمين.
- [أنواع الفعاليات](./event-types) — الرابط والإعدادات وراء كل تضمين.
- [نماذج التوجيه](./routing-forms) — أهّل الزوّار قبل وصولهم إلى صفحة حجز.
- [للمطوّرين](./developers) — ابنِ تجربة حجز مخصصة بالكامل باستخدام الواجهة.