Cov ntsiab lus MarketingCRM thiab Cov Ntaub Ntawv PlatformsEmail Marketing & AutomationKev Lag Luam Kev Ua Lag LuamUa Lag Luam & Muag Yeeb Yaj KiabCov cuab yeej ua lag luamKev Muag Khoom Ntev

Calendly: Yuav Ua Li Cas Embed Ib Lub Sijhawm Popup lossis Embedded Calendar Hauv Koj Lub Vev Xaib lossis WordPress Site

Ob peb lub lis piam dhau los, kuv tau nyob hauv ib lub xaib thiab pom thaum kuv nyem qhov txuas mus teem sijhawm teem sijhawm nrog lawv uas kuv tsis tau coj mus rau qhov chaw, muaj ib lub widget uas luam tawm cov Calendly teem caij ncaj qha rau hauv lub qhov rai popup. Qhov no yog ib qho cuab yeej zoo… khaws ib tus neeg ntawm koj lub xaib yog qhov kev paub zoo dua li xa lawv mus rau nplooj ntawv sab nraud.

Calendly yog dab tsi?

Calendly integrates ncaj qha nrog koj Google Ntshoo los yog lwm yam txheej txheem los tsim cov ntawv teem caij uas zoo nkauj thiab siv tau yooj yim. Qhov zoo tshaj plaws, koj tuaj yeem txwv thaum koj cia ib tus neeg txuas nrog koj ntawm koj daim ntawv qhia hnub. Ua piv txwv, kuv feem ntau tsuas muaj ob peb teev nyob rau hnub tshwj xeeb rau cov rooj sib tham sab nraud.

Kev siv lub sijhawm teem sijhawm zoo li no kuj yog qhov kev paub zoo dua li tsuas yog sau daim ntawv. Rau kuv digital transformation consulting tuam txhab, peb muaj pab pawg muag khoom cov txheej xwm uas pab pawg thawj coj nyob rau hauv lub rooj sib tham. Peb kuj tseem koom nrog peb lub vev xaib kev sib tham rau Calendly kom daim ntawv thov caw suav nrog tag nrho cov kev sib tham hauv online.

Calendly tau tshaj tawm ib tsab ntawv widget thiab stylesheet uas ua haujlwm zoo ntawm kev kos daim ntawv teem sijhawm ncaj qha rau hauv nplooj ntawv, qhib los ntawm lub pob, lossis txawm tias los ntawm lub pob ntab hauv koj lub xaib footer. Tsab ntawv rau Calendly tau sau tau zoo, tab sis cov ntaub ntawv los muab tso rau hauv koj qhov chaw tsis zoo txhua. Qhov tseeb, kuv xav tsis thoob tias Calendly tseem tsis tau tshaj tawm nws tus kheej plugins lossis apps rau ntau lub platform.

Qhov no yog incredibly pab tau. Txawm hais tias koj nyob hauv cov kev pabcuam hauv tsev thiab xav muab txoj hauv kev rau koj cov neeg siv khoom teem sijhawm teem sijhawm, tus dev taug kev, lub tuam txhab SaaS uas xav kom cov neeg tuaj saib teem sijhawm ua haujlwm, lossis lub koomhaum loj nrog ntau tus tswvcuab koj xav tau yooj yim teem sijhawm… Calendly thiab cov embed widgets yog cov cuab yeej ua haujlwm zoo rau tus kheej.

Yuav Ua Li Cas Embed Calendly Hauv Koj Qhov Chaw

Qhov txawv, koj tsuas pom cov lus qhia ntawm cov embed ntawm lub Cov Ntaus Yam qib thiab tsis yog theem kev tshwm sim tiag tiag hauv koj tus account Calendly. Koj yuav pom cov cai nyob rau hauv dropdown rau qhov chaw ntawm cov xwm txheej hom nyob rau sab xis saum toj.

calendly embed

Thaum koj nyem qhov ntawd, koj yuav pom cov kev xaiv rau hom embeds:

embed popup ntawv nyeem

Yog tias koj rub tus lej thiab kos nws txhua qhov chaw koj xav tau ntawm koj lub xaib, muaj qee qhov teeb meem.

  • Yog tias koj xav hu rau ob peb lub widgets sib txawv ntawm ib nplooj ntawv… tej zaum muaj lub pob uas qhib lub sijhawm teem sijhawm (Popup Text) nrog rau cov khawm footer (Popup Widget)… koj yuav ntxiv cov ntawv style thiab ntawv ob peb ntawm lub sij hawm. Qhov ntawd tsis tsim nyog.
  • Hu rau ib tsab ntawv sab nraud thiab cov ntaub ntawv style hauv kab hauv koj lub xaib tsis yog qhov zoo tshaj plaws ntawm kev ntxiv cov kev pabcuam rau koj lub xaib.

Kuv qhov kev pom zoo yuav yog txhawm rau thauj cov ntawv style thiab JavaScript hauv koj lub header ... tom qab ntawd siv lwm cov widgets uas lawv ua kom nkag siab thoob plaws hauv koj lub xaib.

Calendly's Widgets Ua haujlwm li cas

Calendly muaj ob cov ntaub ntawv uas yuav tsum tau embed rau hauv koj qhov chaw, stylesheet thiab javascript. Yog tias koj yuav ntxig cov no rau hauv koj qhov chaw, kuv yuav ntxiv cov hauv qab no rau hauv lub taub hau ntawm koj HTML:

<link href="https://calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://calendly.com/assets/external/widget.js" type="text/javascript"></script>

Txawm li cas los xij, yog tias koj nyob hauv WordPress, qhov kev coj ua zoo tshaj plaws yuav yog siv koj li functions.php cov ntaub ntawv los ntxig cov ntawv sau siv WordPress 'kev coj ua zoo tshaj plaws. Yog li, hauv kuv tus menyuam lub ntsiab lus, kuv muaj cov kab hauv qab no ntawm cov lej los thauj cov ntawv style thiab ntawv:

wp_enqueue_script('calendly-script', '//assets.calendly.com/assets/external/widget.js', array(), null, true);
wp_enqueue_style('calendly-style', '//assets.calendly.com/assets/external/widget.css' );

Qhov ntawd yuav thauj cov no (thiab cache lawv) thoob plaws hauv kuv qhov chaw. Tam sim no kuv tuaj yeem siv cov widgets uas kuv xav tau.

Calendly's Footer Button

Kuv xav hu rau qhov kev tshwm sim tshwj xeeb tsis yog hom kev tshwm sim ntawm kuv qhov chaw, yog li kuv tab tom thauj cov ntawv hauv qab no hauv kuv footer:

<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/link', text: 'Schedule a Consultation', color: '#0069ff', textColor: '#ffffff', branding: false }); }</script>

Koj yuav pom qhov Calendly tsab ntawv tawg raws li hauv qab no:

  • URL - qhov tseeb qhov xwm txheej kuv xav thauj khoom hauv kuv widget.
  • Phau ntawv - Cov ntawv nyeem uas kuv xav kom lub pob muaj.
  • xim - xim tom qab ntawm lub pob.
  • textColor - xim ntawm cov ntawv nyeem.
  • Branding - Tshem tawm Calendly branding.

Calendly's Text Popup

Kuv kuj xav kom qhov no muaj thoob plaws hauv kuv qhov chaw siv qhov txuas lossis khawm. Txhawm rau ua qhov no, koj siv qhov kev tshwm sim onClick hauv koj li

Calendly thauj tog rau nkoj ntawv. Kuv muaj cov chav kawm ntxiv los tso saib nws ua lub pob (tsis pom hauv qhov piv txwv hauv qab no):

<a href="#" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/link'});return false;">Schedule time with us</a>

Cov lus no tuaj yeem siv los ua kom muaj ntau yam khoom ntawm ib nplooj ntawv. Tej zaum koj muaj 3 hom txheej xwm uas koj xav embed ... tsuas yog hloov qhov URL rau qhov chaw uas tsim nyog thiab nws yuav ua haujlwm.

Calendly's Inline Embed Popup

Lub inline embed yog txawv me ntsis nyob rau hauv uas nws siv ib tug div uas tshwj xeeb hu ua los ntawm chav kawm ntawv thiab lo lus uas peb.

<div class="calendly-inline-widget" data-url="https://calendly.com/link" style="min-width:320px;height:630px;"></div>

Ntxiv dua thiab, qhov no yog qhov tseem ceeb vim tias koj tuaj yeem muaj ntau yam divs nrog txhua tus Calendly teem sijhawm nyob rau tib nplooj ntawv.

Kev Ceeb Toom: Kuv xav kom Calendly hloov kho txoj hauv kev no yog li nws tsis tas yuav tsum muaj kev txawj ntse. Nws yuav zoo yog tias koj tuaj yeem muaj chav kawm thiab tom qab ntawd siv lub hom phiaj href los thauj cov widget. Qhov ntawd yuav xav tau tsawg dua kev coding ncaj qha thoob plaws cov txheej txheem tswj cov ntsiab lus. Tab sis ... nws yog ib qho cuab yeej zoo (rau tam sim no!). Piv txwv li - WordPress plugin nrog shortcodes yuav zoo tagnrho rau ib puag ncig WordPress. Yog tias koj txaus siab, Calendly… Kuv tuaj yeem tsim qhov no yooj yim rau koj!

Pib Nrog Calendly

Douglas Karr

Douglas Karr yog CMO OpenINSIGHTS thiab tus founder ntawm lub Martech Zone. Douglas tau pab ntau ntau qhov kev vam meej MarTech startups, tau pab nyob rau hauv kev mob siab rau ntau tshaj $ 5 bil nyob rau hauv Martech nrhiav thiab kev nqis peev, thiab txuas ntxiv pab cov tuam txhab hauv kev siv thiab automating lawv cov kev muag khoom thiab kev lag luam cov tswv yim. Douglas yog tus paub thoob ntiaj teb kev hloov pauv digital thiab MarTech kws tshaj lij thiab hais lus. Douglas tseem yog tus sau phau ntawv Dummie phau ntawv qhia thiab phau ntawv ua lag luam.

lwm yam khoom

Rov qab mus rau sab saum toj
Close

Adblock nrhiav tau

Martech Zone muaj peev xwm muab cov ntsiab lus no rau koj yam tsis muaj nqi vim tias peb tau txais peb lub vev xaib los ntawm kev tshaj tawm cov nyiaj tau los, koom nrog kev sib txuas, thiab kev txhawb nqa. Peb yuav txaus siab yog tias koj yuav tshem koj cov ad blocker thaum koj saib peb lub xaib.