Calendly: Pehea e hoʻokomo ai i kahi popup hoʻonohonoho a i ʻole kalena i hoʻokomo ʻia i kāu pūnaewele a i ʻole WordPress.

Widget Hoʻonohonoho Kalemana

I kekahi mau pule i hala aku nei, aia wau ma kahi pūnaewele a ʻike wau i koʻu kaomi ʻana i kahi loulou e hoʻonohonoho i kahi manawa me lākou ʻaʻole au i lawe ʻia i kahi kahua e hele ai, aia kahi widget i paʻi i ka Hōʻuluʻulu mea hoʻonohonoho pololei ma ka pukaaniani popup. He mea hana maikaʻi kēia… ʻoi aku ka maikaʻi o ka mālama ʻana i kekahi ma kāu pūnaewele ma mua o ka hoʻouna ʻana iā lākou i kahi ʻaoʻao waho.

He aha ka Calendly?

Hōʻuluʻulu hoʻohui pololei me kāu ʻO Google Workspace a i ʻole ʻōnaehana kalena ʻē aʻe e kūkulu i nā palapala hoʻonohonoho i nani a maʻalahi hoʻi e hoʻohana. ʻO ka mea maikaʻi loa, hiki iā ʻoe ke kaupalena i ka manawa āu e ʻae ai i kekahi e hui pū me ʻoe ma kāu kalena. No ka laʻana, loaʻa iaʻu he mau hola wale nō i loaʻa i nā lā kikoʻī no nā hālāwai o waho.

He ʻoi aku ka maikaʻi o ka hoʻohana ʻana i kahi mea hoʻonohonoho e like me kēia ma mua o ka hoʻopiha ʻana i kahi palapala. No kaʻu hui kūkākūkā hoʻololi kikohoʻe, Loaʻa iā mākou nā hanana kūʻai pūʻulu kahi o ka hui alakaʻi i ka hālāwai. Hoʻohui pū mākou i kā mākou kahua hālāwai pūnaewele me Calendly i mea e komo ai i nā kono alemanaka nā loulou hui pūnaewele āpau.

Ua hoʻolaha ʻo Calendly i kahi palapala widget a me ka stylesheet e hana nui i ka hoʻopili pololei ʻana i ka palapala hoʻonohonoho i kahi ʻaoʻao, wehe ʻia mai kahi pihi, a i ʻole mai kahi pihi lana ma ka wāwae o kāu pūnaewele. Ua kākau maikaʻi ʻia ka palapala no Calendly, akā ʻaʻole maikaʻi loa nā palapala e hoʻohui ai i kāu pūnaewele. ʻOiaʻiʻo, kahaha wau ʻaʻole i hoʻopuka ʻo Calendly i kāna mau plugins a i ʻole nā ​​​​polokalamu no nā paepae like ʻole.

He mea maikaʻi loa kēia. Inā ʻoe i loko o nā lawelawe home a makemake ʻoe e hoʻolako i kahi ala no kāu mea kūʻai aku e hoʻonohonoho i kā lākou koho, kahi ʻīlio hele wāwae, kahi hui SaaS makemake i nā malihini e hoʻonohonoho i kahi demo, a i ʻole kahi hui nui me nā lālā he nui āu e pono ai e hoʻonohonoho maʻalahi… Calendly a ʻo nā widget i hoʻokomo ʻia he mea lawelawe ponoʻī maikaʻi loa.

Pehea e hoʻokomo ai iā Calendly i kāu pūnaewele

ʻO ka mea kupanaha, e ʻike wale ʻoe i nā kuhikuhi ma kēia embed ma ka Keʻano o ka hanana pae a ʻaʻole ka pae hanana maoli i loko o kāu moʻokāki Calendly. E ʻike ʻoe i ke code ma ka hāʻule iho no nā hoʻonohonoho o ke ʻano hanana ma ka ʻaoʻao ʻākau.

hoʻokomo pono

Ke kaomi ʻoe i kēlā, e ʻike ʻoe i nā koho no nā ʻano o nā hoʻokomo:

hoʻokomo i nā kikokikona popup

Inā hopu ʻoe i ke code a hoʻokomo iā ia i nā wahi āu e makemake ai ma kāu pūnaewele, aia kekahi mau pilikia.

  • Inā makemake ʻoe e kāhea i nā widget ʻokoʻa ʻelua ma ka ʻaoʻao hoʻokahi… loaʻa paha kahi pihi e hoʻomaka i ka mea hoʻonohonoho (Popup Text) a me ke pihi footer (Popup Widget)… o na manawa. ʻAʻole pono kēlā.
  • ʻO ke kāhea ʻana i kahi palapala waho a me ka faila stylesheet i loko o kāu pūnaewele ʻaʻole ia ke ala maikaʻi loa e hoʻohui ai i ka lawelawe i kāu pūnaewele.

ʻO kaʻu manaʻo e hoʻouka i ka stylesheet a me ka Javascript i kāu poʻo… a laila e hoʻohana i nā widget ʻē aʻe kahi e kūpono ai lākou ma kāu pūnaewele.

Pehea e hana ai nā Widgets o Calendly

Hōʻuluʻulu he ʻelua faila e pono e hoʻokomo i kāu pūnaewele, kahi stylesheet a me javascript. Inā ʻoe e hoʻokomo i kēia mau mea i kāu pūnaewele, e hoʻohui au i kēia ma ka ʻāpana poʻo o kāu 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>

Eia naʻe, inā ʻoe ma WordPress, ʻo ka hoʻomaʻamaʻa maikaʻi loa e hoʻohana i kāu functions.php faila e hoʻokomo i nā palapala e hoʻohana ana i nā hana maikaʻi loa o WordPress. No laila, ma kaʻu kumuhana keiki, loaʻa iaʻu nā laina code e hoʻouka i ka stylesheet a me ka palapala:

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' );

E hoʻouka i kēia mau mea (a hūnā iā lākou) ma kaʻu pūnaewele. I kēia manawa hiki iaʻu ke hoʻohana i nā widget kahi aʻu e makemake ai iā lākou.

Pākuʻi wāwae wāwae o Calendly

Makemake wau e kāhea i ka hanana kikoʻī ma mua o ke ʻano hanana ma kaʻu pūnaewele, no laila ke hoʻouka nei au i kēia ʻatikala ma koʻu wāwae:

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

Eʻikeʻoe i ka Hōʻuluʻulu Ua wehe ʻia ka ʻatikala penei:

  • URL - ka hanana pololei aʻu e makemake ai e hoʻouka i kaʻu widget.
  • Text – ka kikokikona a'u i makemake ai i ke pihi.
  • kala like 'ole – ke kala hope o ke pihi.
  • kalakala kikokiko - ke kala o ka ʻōlelo.
  • kuni - wehe i ka hōʻailona ʻo Calendly.

Popup kikokikona o Calendly

Makemake au e loaʻa kēia ma kaʻu pūnaewele me ka hoʻohana ʻana i kahi loulou a i ʻole pihi. No ka hana ʻana i kēia, hoʻohana ʻoe i kahi hanana onClick i kāu Hōʻuluʻulu heleuma kikokikona. He mau papa ʻē aʻe koʻu e hōʻike iā ia ma ke ʻano he pihi (ʻaʻole ʻike ʻia ma ka laʻana ma lalo nei):

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

Hiki ke hoʻohana ʻia kēia memo no ka loaʻa ʻana o nā makana he nui ma ka ʻaoʻao hoʻokahi. Loaʻa paha iā ʻoe 3 mau hanana āu e makemake ai e hoʻokomo…

ʻO ka Popup Inline Embed ʻo Calendly

He ʻokoʻa iki ka hoʻokomo ʻana i loko o ka laina no kona hoʻohana ʻana i kahi div i kapa ʻia e ka papa a me kahi e hele ai.

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

Eia hou, pono kēia no ka mea hiki iā ʻoe ke loaʻa i nā divs me kēlā me kēia Hōʻuluʻulu mea hoʻonohonoho ma ka ʻaoʻao hoʻokahi.

Manaʻo ʻaoʻao: Manaʻo wau e hoʻololi ʻo Calendly i ke ʻano i hoʻokō ʻia ai no laila ʻaʻole pono ia e ʻenehana. He mea maikaʻi inā hiki iā ʻoe ke loaʻa i kahi papa a laila hoʻohana i ka href huakaʻi e hoʻouka i ka widget. Pono ia i ka liʻiliʻi liʻiliʻi o ka coding ma waena o nā ʻōnaehana hoʻokele maʻiʻo. Akā… he mea hana maikaʻi loa ia (no kēia manawa!). No ka laʻana - he mea hoʻohui WordPress me nā pōkole pōkole e kūpono no kahi kaiapuni WordPress. Inā makemake ʻoe, Calendly… hiki iaʻu ke hana i kēia no ʻoe!

E hoʻomaka me Calendly

Hōʻole: He mea hoʻohana wau iā Calendly a he hui pū kekahi no kā lākou ʻōnaehana. Aia kēia ʻatikala i nā loulou pili i loko o ka ʻatikala.