એમ્બેડ્સ અને શેરિંગ
એક વાર તમારા ઇવેન્ટ પ્રકારો સેટ થઈ જાય, પછી બુક થવાનો સંપૂર્ણ મુદ્દો તમારા પેજને લોકો સામે લાવવાનો છે. તમે કોઈ સાદી લિંક ગમે ત્યાં શેર કરી શકો છો, અથવા તમારી પોતાની વેબસાઇટની અંદર જ તમારું બુકિંગ પેજ એમ્બેડ કરી શકો છો.
લિંક શેર કરો
દરેક ઇવેન્ટ પ્રકારની પોતાની લિંક હોય છે, જે તમારા હેન્ડલ અને ઇવેન્ટ સ્લગ પરથી બને છે — ઉદાહરણ તરીકે calendar.imatic.ai/book/priya/intro-call.
- ઇવેન્ટ પ્રકાર ખોલો (અથવા તેને તમારી સૂચિમાં શોધો).
- Copy link નો ઉપયોગ કરો.
- તેને ઇમેઇલ, તમારી ઇમેઇલ સહી, સોશિયલ બાયો, ચેટ સંદેશ — ગમે ત્યાં પેસ્ટ કરો.
તે લિંક તે ઇવેન્ટ પ્રકાર માટે તમારું સાર્વજનિક બુકિંગ પેજ ખોલે છે.
સામાન્ય પેજને બદલે તમે જે મીટિંગ ઇચ્છો છો તેના માટેની ચોક્કસ ઇવેન્ટ-પ્રકાર લિંક શેર કરો. "Intro call" લિંક મોકલવાનો અર્થ એ છે કે આમંત્રિતો સીધા જ યોગ્ય મીટિંગ પર પહોંચે છે.
તમારું બુકિંગ પેજ એમ્બેડ કરો
લોકો તમારી સાઇટ છોડ્યા વિના બુક કરે એમ ઇચ્છો છો? તમારું બુકિંગ પેજ ઇનલાઇન એમ્બેડ કરો, જેથી તે તમારા પેજના ભાગ રૂપે દેખાય.
imatic Calendar એક નાનું એમ્બેડ સ્ક્રિપ્ટ પૂરું પાડે છે, embed.js. તેને data-user અને data-event-type વડે તમારા હેન્ડલ અને ઇવેન્ટ પ્રકાર પર પોઇન્ટ કરો, અને જ્યાં તમે બુકિંગ પેજ દેખાવા માગો ત્યાં તમારી સાઇટના 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 સિલેક્ટર છે જેમાં ઇનલાઇન ફ્રેમ માઉન્ટ થાય છે; તેને છોડી દો અને ફ્રેમ બરાબર ત્યાં જ રેન્ડર થાય છે જ્યાં સ્ક્રિપ્ટ ટેગ બેસે છે. સ્ક્રિપ્ટ તમારા બુકિંગ પેજને ઇનલાઇન ફ્રેમ તરીકે રેન્ડર કરે છે, અને તે રિસ્પોન્સિવ છે — તમે જ્યાં તેને મૂકો ત્યાંની પહોળાઈમાં તે બંધબેસે છે.
તમારા હેન્ડલ અને ઇવેન્ટ પ્રકાર માટે પૂર્વ-ભરેલ સ્નિપેટ કોપી કરવા માટે તમારા ડેશબોર્ડમાં 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 સ્વીકારે છે જેથી વિજેટ તમારી બ્રાન્ડ સાથે મેળ ખાય, અને મુલાકાતી પ્રવાહમાંથી પસાર થાય ત્યારે ઇનલાઇન ફ્રેમ તેની સામગ્રીને બંધબેસવા આપમેળે કદ બદલે છે.
તમે ઇચ્છો છો તે મોડ માટે તૈયાર સ્નિપેટ કોપી કરવા માટે તમારા ડેશબોર્ડમાં embed/share વિકલ્પનો ઉપયોગ કરો — તે તમારા હેન્ડલ, ઇવેન્ટ પ્રકાર, અને વિકલ્પો સાથે પૂર્વ-ભરેલ આવે છે.
આગળના પગલાં
- તમારું સાર્વજનિક બુકિંગ પેજ — એમ્બેડમાં મુલાકાતીઓ શું જુએ છે.
- ઇવેન્ટ પ્રકારો — દરેક એમ્બેડ પાછળની લિંક અને સેટિંગ્સ.
- રૂટિંગ ફોર્મ્સ — બુકિંગ પેજ પર પહોંચતા પહેલા મુલાકાતીઓને ક્વોલિફાય કરો.
- ડેવલપર્સ — API સાથે સંપૂર્ણ કસ્ટમ બુકિંગ અનુભવ બનાવો.