# ఎంబెడ్‌లు & షేరింగ్


# ఎంబెడ్‌లు & షేరింగ్

మీ [ఈవెంట్ రకాలు](./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తో పూర్తిగా అనుకూల బుకింగ్ అనుభవాన్ని నిర్మించండి.