# ಎಂಬೆಡ್‌ಗಳು ಮತ್ತು ಹಂಚಿಕೆ


# ಎಂಬೆಡ್‌ಗಳು ಮತ್ತು ಹಂಚಿಕೆ

ನಿಮ್ಮ [ಇವೆಂಟ್ ಪ್ರಕಾರಗಳು](./event-types) ಹೊಂದಿಸಿದ ನಂತರ, ಬುಕ್ ಆಗುವುದು ನಿಮ್ಮ ಪುಟವನ್ನು ಜನರ ಮುಂದೆ ತರುವುದರ ಮೇಲೆ ಅವಲಂಬಿತವಾಗಿದೆ. ನೀವು ಸರಳ ಲಿಂಕ್ ಅನ್ನು ಎಲ್ಲಿಯಾದರೂ ಹಂಚಿಕೊಳ್ಳಬಹುದು, ಅಥವಾ ನಿಮ್ಮ ಬುಕಿಂಗ್ ಪುಟವನ್ನು ನಿಮ್ಮ ಸ್ವಂತ ವೆಬ್‌ಸೈಟ್‌ನ ಒಳಗೇ ಎಂಬೆಡ್ ಮಾಡಬಹುದು.

## ಲಿಂಕ್ ಹಂಚಿಕೊಳ್ಳಿ

ಪ್ರತಿ ಇವೆಂಟ್ ಪ್ರಕಾರವು ತನ್ನದೇ ಆದ ಲಿಂಕ್ ಹೊಂದಿರುತ್ತದೆ, ಅದನ್ನು ನಿಮ್ಮ ಹ್ಯಾಂಡಲ್ ಮತ್ತು ಇವೆಂಟ್ ಸ್ಲಗ್‌ನಿಂದ ಮಾಡಲಾಗುತ್ತದೆ — ಉದಾಹರಣೆಗೆ `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`** (ಲೈಟ್ ಅಥವಾ ಡಾರ್ಕ್) ಮತ್ತು **`primaryColor`** ಅನ್ನು ಸ್ವೀಕರಿಸುತ್ತವೆ, ಮತ್ತು ಭೇಟಿಕಾರ ಹರಿವಿನ ಮೂಲಕ ಸಾಗುವಂತೆ ಇನ್‌ಲೈನ್ ಫ್ರೇಮ್ ತನ್ನ ವಿಷಯಕ್ಕೆ ಹೊಂದಿಕೊಳ್ಳಲು **ಸ್ವಯಂ-ಮರುಗಾತ್ರಗೊಳ್ಳುತ್ತದೆ**.

:::note[ನಿಖರ ಸ್ನಿಪೆಟ್ ಅನ್ನು ನಕಲಿಸಿ]

ನಿಮಗೆ ಬೇಕಾದ ಮೋಡ್‌ಗೆ ಸಿದ್ಧ-ಸಿದ್ಧ ಸ್ನಿಪೆಟ್ ಅನ್ನು ನಕಲಿಸಲು ನಿಮ್ಮ ಡ್ಯಾಶ್‌ಬೋರ್ಡ್‌ನಲ್ಲಿ ಎಂಬೆಡ್/ಹಂಚಿಕೆ ಆಯ್ಕೆಯನ್ನು ಬಳಸಿ — ಅದು ನಿಮ್ಮ ಹ್ಯಾಂಡಲ್, ಇವೆಂಟ್ ಪ್ರಕಾರ ಮತ್ತು ಆಯ್ಕೆಗಳೊಂದಿಗೆ ಮೊದಲೇ ತುಂಬಿಸಲ್ಪಟ್ಟು ಬರುತ್ತದೆ.

:::

## ಮುಂದಿನ ಹಂತಗಳು

- [ನಿಮ್ಮ ಸಾರ್ವಜನಿಕ ಬುಕಿಂಗ್ ಪುಟ](./booking-page) — ಎಂಬೆಡ್‌ನಲ್ಲಿ ಭೇಟಿಕಾರರು ಏನು ನೋಡುತ್ತಾರೆ.
- [ಇವೆಂಟ್ ಪ್ರಕಾರಗಳು](./event-types) — ಪ್ರತಿ ಎಂಬೆಡ್‌ನ ಹಿಂದಿನ ಲಿಂಕ್ ಮತ್ತು ಸೆಟ್ಟಿಂಗ್‌ಗಳು.
- [ರೂಟಿಂಗ್ ಫಾರ್ಮ್‌ಗಳು](./routing-forms) — ಬುಕಿಂಗ್ ಪುಟವನ್ನು ತಲುಪುವ ಮೊದಲು ಭೇಟಿಕಾರರನ್ನು ಅರ್ಹತೆಗೊಳಿಸಿ.
- [ಡೆವಲಪರ್‌ಗಳು](./developers) — API ನೊಂದಿಗೆ ಸಂಪೂರ್ಣ ಕಸ್ಟಮ್ ಬುಕಿಂಗ್ ಅನುಭವವನ್ನು ನಿರ್ಮಿಸಿ.