# એમ્બેડ્સ અને શેરિંગ


# એમ્બેડ્સ અને શેરિંગ

એક વાર તમારા [ઇવેન્ટ પ્રકારો](./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 વિકલ્પનો ઉપયોગ કરો, પછી તેને તમારી સાઇટના પેજમાં જ્યાં તમે બુકિંગ વિજેટ બતાવવા માગો છો ત્યાં પેસ્ટ કરો.

:::

## એમ્બેડ કરવાની વધુ રીતો

ઇનલાઇન એ તમારો એકમાત્ર વિકલ્પ નથી. એ જ `embed.js` સ્ક્રિપ્ટ થોડા મોડ્સને સપોર્ટ કરે છે — તમારા પેજને બંધબેસતો એક પસંદ કરો:

- **Inline** — બુકિંગ પેજ તમારા પેજ પરના કન્ટેનરમાં બેસે છે (ઉપર).
- **Popup / modal** — એક બટન તમારા પેજ ઉપર ઓવરલેમાં તમારું બુકિંગ પેજ ખોલે છે, જેથી જ્યાં સુધી કોઈ બુક કરવા ન માગે ત્યાં સુધી તે જગ્યા લેતું નથી.
- **Floating badge** — દરેક પેજના ખૂણામાં એક નિશ્ચિત "Book a time" પિલ, અન્ય સાઇટ્સ પર તમે જોયેલા બેજ વિજેટ્સ જેવું.
- **Click any element** — તમારી પાસે પહેલેથી જ રહેલી લિંક અથવા બટનમાં `data-imatic-cal-link="handle/event-type"` ઉમેરો, અને તેને ક્લિક કરવાથી તમારું બુકિંગ પેજ ખુલે છે. કોઈ વધારાના બટનની જરૂર નથી.

બધા મોડ્સ **`theme`** (light અથવા dark) અને **`primaryColor`** સ્વીકારે છે જેથી વિજેટ તમારી બ્રાન્ડ સાથે મેળ ખાય, અને મુલાકાતી પ્રવાહમાંથી પસાર થાય ત્યારે ઇનલાઇન ફ્રેમ તેની સામગ્રીને બંધબેસવા **આપમેળે કદ બદલે છે**.

:::note[ચોક્કસ સ્નિપેટ કોપી કરો]

તમે ઇચ્છો છો તે મોડ માટે તૈયાર સ્નિપેટ કોપી કરવા માટે તમારા ડેશબોર્ડમાં embed/share વિકલ્પનો ઉપયોગ કરો — તે તમારા હેન્ડલ, ઇવેન્ટ પ્રકાર, અને વિકલ્પો સાથે પૂર્વ-ભરેલ આવે છે.

:::

## આગળના પગલાં

- [તમારું સાર્વજનિક બુકિંગ પેજ](./booking-page) — એમ્બેડમાં મુલાકાતીઓ શું જુએ છે.
- [ઇવેન્ટ પ્રકારો](./event-types) — દરેક એમ્બેડ પાછળની લિંક અને સેટિંગ્સ.
- [રૂટિંગ ફોર્મ્સ](./routing-forms) — બુકિંગ પેજ પર પહોંચતા પહેલા મુલાકાતીઓને ક્વોલિફાય કરો.
- [ડેવલપર્સ](./developers) — API સાથે સંપૂર્ણ કસ્ટમ બુકિંગ અનુભવ બનાવો.