# एम्बेड्स आणि शेअरिंग


# एम्बेड्स आणि शेअरिंग

एकदा तुमचे [इव्हेंट प्रकार](./event-types) सेट झाले की, बुक होणे म्हणजे तुमचे पृष्ठ लोकांसमोर आणणे. तुम्ही एक साधी लिंक कुठेही शेअर करू शकता, किंवा तुमचे बुकिंग पृष्ठ थेट तुमच्या स्वतःच्या वेबसाइटमध्ये एम्बेड करू शकता.

## एक लिंक शेअर करा

प्रत्येक इव्हेंट प्रकाराची स्वतःची लिंक असते, जी तुमच्या हँडल आणि इव्हेंट slug पासून तयार होते — उदाहरणार्थ `calendar.imatic.ai/book/priya/intro-call`.

1. इव्हेंट प्रकार उघडा (किंवा तुमच्या यादीत तो शोधा).
2. **Copy link** वापरा.
3. ती एखाद्या ईमेलमध्ये, तुमच्या ईमेल स्वाक्षरीमध्ये, सोशल बायोमध्ये, चॅट संदेशात — कुठेही पेस्ट करा.

ती लिंक त्या इव्हेंट प्रकारासाठी तुमचे [सार्वजनिक बुकिंग पृष्ठ](./booking-page) उघडते.

:::tip[प्रति मीटिंग एक लिंक]

सामान्य पृष्ठाऐवजी तुम्हाला हवी असलेल्या मीटिंगसाठी विशिष्ट इव्हेंट-प्रकाराची लिंक शेअर करा. "Intro call" लिंक पाठवणे म्हणजे आमंत्रित थेट योग्य मीटिंगवर येतात.

:::

## तुमचे बुकिंग पृष्ठ एम्बेड करा

लोकांनी तुमची साइट न सोडता बुक करावे असे वाटते? तुमचे बुकिंग पृष्ठ **इनलाइन** एम्बेड करा, जेणेकरून ते तुमच्या पृष्ठाचा भाग म्हणून दिसेल.

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` स्क्रिप्ट काही मोडना समर्थन देते — तुमच्या पृष्ठाला साजेसा एक निवडा:

- **इनलाइन** — बुकिंग पृष्ठ तुमच्या पृष्ठावरील एका कंटेनरमध्ये बसते (वर).
- **पॉपअप / मोडल** — एक बटण तुमच्या पृष्ठावरील ओव्हरलेमध्ये तुमचे बुकिंग पृष्ठ उघडते, त्यामुळे जोपर्यंत कोणी बुक करू इच्छित नाही तोपर्यंत ते जागा घेत नाही.
- **फ्लोटिंग बॅज** — प्रत्येक पृष्ठाच्या कोपऱ्यात एक स्थिर "Book a time" पिल, इतर साइट्सवर तुम्ही पाहिलेल्या बॅज विजेटसारखे.
- **कोणत्याही घटकावर क्लिक करा** — तुमच्याकडे आधीच असलेल्या लिंक किंवा बटणावर `data-imatic-cal-link="handle/event-type"` जोडा, आणि त्यावर क्लिक केल्याने तुमचे बुकिंग पृष्ठ उघडते. अतिरिक्त बटणाची गरज नाही.

सर्व मोड एक **`theme`** (light किंवा dark) आणि एक **`primaryColor`** स्वीकारतात जेणेकरून विजेट तुमच्या ब्रँडशी जुळेल, आणि भेट देणारा प्रवाहातून पुढे जात असताना इनलाइन फ्रेम त्याच्या सामग्रीला बसण्यासाठी **आपोआप आकार बदलते**.

:::note[अचूक स्निपेट कॉपी करा]

तुम्हाला हव्या असलेल्या मोडसाठी तयार स्निपेट कॉपी करण्यासाठी तुमच्या डॅशबोर्डमधील एम्बेड/शेअर पर्याय वापरा — तो तुमच्या हँडल, इव्हेंट प्रकार आणि पर्यायांसह पूर्व-भरलेला येतो.

:::

## पुढील पावले

- [तुमचे सार्वजनिक बुकिंग पृष्ठ](./booking-page) — भेट देणारे एम्बेडमध्ये काय पाहतात.
- [इव्हेंट प्रकार](./event-types) — प्रत्येक एम्बेडमागील लिंक आणि सेटिंग्ज.
- [राउटिंग फॉर्म](./routing-forms) — भेट देणारे बुकिंग पृष्ठावर पोहोचण्याआधी त्यांना पात्र ठरवा.
- [डेव्हलपर्स](./developers) — API सह पूर्णपणे सानुकूल बुकिंग अनुभव तयार करा.