Formos, mygtukai ir valdikliai

4 modulis: Puslapiai, išvaizda ir funkcijos · Skaitymo laikas: 8 min.

Mokymosi tikslas: Po šios pamokos galėsite nustatyti kontaktų formą (gavėją, patvirtinimą, padėkos puslapį, šlamšto patikrą, naujienlaiškį ir siuntimo būdą), įdėti slankiojančius WhatsApp ir kontaktų mygtukus, įterpti kitos paslaugos valdiklį ir žinosite, kada tinka Savas kodas ir Savas HTML.

Pagrindinės sąvokos: kontaktų forma, gavėjas, patvirtinimo laiškas, padėkos puslapis, captcha, dvigubas užsiregistravimo patvirtinimas, siuntimo būdas, slankiojantis mygtukas, valdiklis, įterpimo kodas, sutikimas, Savas kodas, Savas HTML

Kontaktų forma: dvi vietos

Forma Jūsų svetainėje susideda iš dviejų dalių. Pati forma su laukais, kuriuos užpildo lankytojas, yra puslapyje. Ją įdedate su skiltimi Kontaktai (per Skiltys arba Pridėti skiltį) arba per pokalbį. Tai, kas nutinka, kai kas nors paspaudžia siųsti, nustatote skiltyje Nustatymai > Formos. Šį skydelį visada nustatote patys; pokalbis to nedaro.

Forma visada turi vardo, el. pašto ir žinutės laukus. Per pokalbį galite pridėti papildomų laukų, ne daugiau kaip aštuonis: teksto lauką, pasirinkimų sąrašą (pavyzdžiui, "Viduje ar lauke?"), el. paštą, telefoną, ilgo teksto lauką, datą arba skaičių. Lauko failui ar nuotraukai siųsti nėra. Jei Schildersbedrijf Example nori gauti darbų nuotraukų, padėkos tekste jis parašo: "Nuotraukas drąsiai siųskite mūsų el. pašto adresu."

Svarbu: nemokamoje svetainėje be paketo forma matoma, bet papilkinta, ir ji nesiunčia laiškų. Formos iš tikrųjų siunčia tik tada, kai Jūsų svetainė turi AI Builder paketą. Toliau aprašytus nustatymus galite paruošti iš anksto; tada jie bus naudojami iškart.

Nustatymai > Formos

Skydelis turi penkis blokus.

Žinučių gavimas. Lauke Siųsti žinutes adresu įrašote el. pašto adresą, kuriuo bus siunčiamos užpildytos formos. Jei paliksite tuščią, jos bus siunčiamos Jūsų WebOké paskyros el. pašto adresu. Įrašykite jį sąmoningai. Lauke Laiško tema pasirenkate temą (jei tuščia: "Nauja žinutė per Jūsų svetainę"). Ties Po išsiuntimo pasirenkate Rodyti padėką su savo tekstu arba Nukreipti į puslapį: tai padėkos puslapis, kurį sukuriate patys ir neįtraukiate į meniu (pamoka 4.1). Taip vėliau galėsite matuoti, kaip dažnai forma išsiunčiama.

Siųsti per. Kaip siunčiamas laiškas. WebOké serveris veikia iškart, siuntėjas yra noreply@weboke.site. Rekomenduojama Jūsų el. pašto adresas (SMTP): tada laiškas siunčiamas iš Jūsų domeno ir rečiau patenka į šlamštą. Su Sutvarkyti už mane kūrimo įrankis sukuria tą adresą Jūsų domene. Prie savo el. pašto adreso taip pat galite pasirinkti laiškų siuntimo paslaugą, pavyzdžiui, Postmark, Brevo, Mailgun ar SendGrid. Kodėl siuntėjas toks svarbus, skaitykite pamokoje 5.3.

Patvirtinimas lankytojui. Įjunkite Siųsti lankytojui kopiją, tada lankytojas gaus patvirtinimo laišką. Dažnai tai pirmoji žinutė, kurią žmogus iš Jūsų gauna. Pasirenkate temą, Jūsų tekstas (su {naam} lankytojo vardui), Parašas ir ar pridėti užpildytą žinutę. Kūrimo įrankis pateikia Jūsų tekstą svetainės stiliumi, su Jūsų logotipu. Su Leisti DI parašyti šį tekstą gausite pasiūlymą.

Šlamšto sulaikymas. Kiekviena forma visada turi nematomą patikrą: paslėptą lauką ir laiko užraktą. Ji sulaiko didžiąją dalį šlamšto, lankytojams nieko nepastebint. Jei vis tiek gaunate daug šlamšto, pasirinkite papildomą patikrą, captcha: Cloudflare Turnstile arba hCaptcha. Tam toje paslaugoje susikuriate nemokamą paskyrą ir įrašote Site key ir Secret key. Captcha įjunkite tik tada, kai jos reikia: kiekvienas papildomas žingsnis atbaido lankytojus.

Naujienlaiškis. Formoje galite įdėti varnelę, kuria lankytojai užsiregistruoja Mailchimp, Laposta, Brevo arba MailerLite. Pridedami tik tie, kurie varnelę pažymi patys. Visada su dvigubu užsiregistravimo patvirtinimu: lankytojas pirmiausia patvirtina per laišką. Laposta ir MailerLite tai įjungiate patys toje paslaugoje; kūrimo įrankis Jums parodo, kur. Be dvigubo patvirtinimo bet kas gali įrašyti svetimus adresus į Jūsų sąrašą.

Be to: vienas lankytojas per valandą gali išsiųsti ne daugiau kaip 5 žinutes. Jei turite privatumo politiką, po forma rodoma nuoroda į ją. Forma renka asmens duomenis; ką dėl to reikia sutvarkyti, rasite pamokoje 7.1.

Spąstai: po kiekvieno pakeitimo patys išbandykite formą iš kito adreso nei gavimo adresas. Pažiūrėkite ir į šlamšto aplanką bei patikrinkite, ar patvirtinimas pasiekia "lankytoją".

Slankiojantys mygtukai

Skiltyje Nustatymai > Mygtukai nustatote mygtukus, kurie kiekviename puslapyje lieka matomi apačioje, dešinėje arba kairėje (Kampas: Apačioje dešinėje arba Apačioje kairėje).

• WhatsApp numeris: tarptautiniu formatu, su šalies kodu ir be vietinio priešdėlio, pavyzdžiui, +31 olandiškam numeriui be priekinio 0 arba +370 lietuviškam numeriui be priekinio 8. Jei paliksite tuščią, WhatsApp mygtuko nebus. Galima nurodyti Iš anksto užpildytą žinutę, pavyzdžiui, "Norėčiau gauti dažymo darbų pasiūlymą." Mygtukas atidaro pokalbį su Jūsų numeriu.
• Slankiojantis kontaktų mygtukas: atidaro Jūsų kontaktų formą lange. Žinutė ateina tuo pačiu adresu kaip ir iš Jūsų formos. Pasirenkate Mygtuko tekstas.

Peržiūroje mygtukai yra šiek tiek aukščiau nei tikroje svetainėje, kad neužsidengtų kūrimo įrankio pagalbos mygtuku.

Atkreipkite dėmesį: WhatsApp mygtukas žada greitą atsakymą. Jei WhatsApp skaitote tik vakarais, geriau rinkitės kontaktų mygtuką.

Kitų paslaugų valdikliai

Valdiklis yra kitos paslaugos dalis Jūsų puslapyje: YouTube vaizdo įrašas, Google Maps žemėlapis, Calendly susitikimų planuoklis, Jūsų Instagram, Spotify grojaraštis. Daugeliui paslaugų pakanka nuorodos; grotuvą ar formą kūrimo įrankis sukuria pats. Pavyzdžiai: YouTube, Vimeo, Spotify, Calendly, Google Maps (pakanka adreso), Google Kalendorius, Instagram ir TikTok (pakanka Jūsų @vardo) bei Google Forms. Kitoms paslaugoms, pavyzdžiui, Salonized, Trustpilot ar Bandcamp, įklijuojate įterpimo kodą: kodo fragmentą, kurį ta paslauga pateikia įdėti į svetainę.

Kaip tai padaryti: parašykite pokalbyje ir pridėkite nuorodą ("įdėk mūsų maršruto žemėlapį po kontaktų bloku, adresas Dorpsstraat 1"), įklijuokite kodą pokalbyje arba skiltyje Skiltys pasirinkite skiltį Valdiklis. Kūrimo įrankis atpažįsta paslaugą, pasiūlo aukštį ir antraštę bei įspėja, jei kas nors neveiks. Jei valdiklį įdėti leidžiate DI, tai yra užduotis ir ji kainuoja redagavimų; iš anksto matote, kiek. Įdėtą valdiklį keičiate su Redaguoti kodą ant bloko peržiūroje.

Trys dalykai, kuriuos verta žinoti:

1. Valdiklis įkeliamas tik gavus sutikimą. Kitų paslaugos dažnai įrašo slapukus arba seka lankytojus. Kai slapukų juosta įjungta, valdiklis įkeliamas tik tada, kai lankytojas sutinka su tos rūšies slapukais. Paslauga automatiškai atsiranda Jūsų slapukų juostoje ties "Kas dabar veikia Jūsų svetainėje". Po to patikrinkite ir savo privatumo politiką (pamokos 7.1 ir 7.2).
2. Google Kalendorius turi būti viešas. Privataus kalendoriaus niekas kitas nemato. Google Kalendoriuje viešu padarykite tik atskirą kalendorių su tuo, ką lankytojai gali matyti, niekada ne savo asmeninį kalendorių.
3. Nesaugus kodas neįdedamas. Kodo, kuris gali persiųsti lankytojų duomenis, slepia, ką daro, arba įkelia ką nors iš nežinomos svetainės, DI į Jūsų svetainę nededa. Jis paaiškina, kodėl.

Savas kodas ir Savas HTML, pagrindai

Pažengusiems naudotojams yra dvi vietos.

Savas kodas yra apačioje skiltyje Nustatymai > Integracijos: kodas, kuris turi būti kiekviename puslapyje, Kiekvieno puslapio head dalyje arba Kiekvieno puslapio apačioje. Pavyzdžiui, pokalbių paslaugos ar atsiliepimų valdiklio įkėlimo scenarijus. Šio kodo kūrimo įrankis netikrina ("Šio kodo netikriname"). Žinomas paslaugas slapukų juosta sulaiko, kol gaunamas sutikimas. Pažymėkite Šis kodas būtinas tik tokiam kodui, kuris neseka lankytojų, nes tada jis įkeliamas iškart. Kūrimo įrankio peržiūroje savas kodas nevykdomas, o tikroje svetainėje vykdomas. Nemokamoje svetainėje savas kodas neveikia. Matavimo ID, pavyzdžiui, Google Analytics, įrašykite ne į Savas kodas, o į tam skirtą lauką skiltyje Integracijos (pamoka 7.2).

Savas HTML yra skiltis, esanti Skiltys. Įklijuojate savo HTML ir, jei reikia, CSS, o vėliau jį keičiate su Redaguoti HTML. Spalvos ir šriftai atitinka Jūsų firminį stilių. Scenarijai, iframe ir formos čia neveikia; tam naudokite valdiklį.

Abu naudokite tik tada, kai kitaip neišeina: svetimas kodas kelia riziką greičiui, saugumui ir privatumui.

Kūrimo įrankyje: kaip tai padaryti

1. Į savo kontaktų puslapį įdėkite skiltį Kontaktai su forma.
2. Atidarykite Nustatymai > Formos. Užpildykite Siųsti žinutes adresu.
3. Ties Siųsti per pasirinkite savo el. pašto adresą arba palikite WebOké serverį, kol Jūsų domenas bus paruoštas (pamoka 5.3).
4. Įjunkite Siųsti lankytojui kopiją ir parašykite savo tekstą.
5. Ties Po išsiuntimo pasirinkite padėką arba padėkos puslapį.
6. Jei reikia, skiltyje Nustatymai > Mygtukai įdėkite WhatsApp arba kontaktų mygtuką.
7. Paskelbkite svetainę ir išsiųskite bandomąją žinutę.

Santrauka

• Forma yra puslapyje; kas su ja vyksta, tvarkote skiltyje Nustatymai > Formos.
• Siųsti žinutes adresu užpildykite sąmoningai; siuntėju geriausia rinktis savo el. pašto adresą.
• Nemokamoje svetainėje forma laiškų nesiunčia; pridėti failo niekada negalima.
• Slankiojantys WhatsApp ir kontaktų mygtukai yra skiltyje Nustatymai > Mygtukai.
• Valdikliai įkeliami tik gavus sutikimą; Savas kodas ir Savas HTML skirti pažengusiems.

Testas (quiz)

Užduotis

Užduotis D4.3: Jūsų kontaktų forma ir valdiklis. Visiškai nustatykite savo formą ir įdėkite vieną valdiklį, kuris iš tikrųjų ką nors prideda.

Kontrolinis sąrašas:

• [ ] skiltis Kontaktai su forma Jūsų kontaktų puslapyje;
• [ ] Siųsti žinutes adresu užpildytas adresu, kurį skaitote kasdien;
• [ ] pasirinktas siuntimo būdas ir suprasta, kodėl;
• [ ] patvirtinimas lankytojui su Jūsų tekstu;
• [ ] nustatyta padėka arba padėkos puslapis;
• [ ] įdėtas vienas valdiklis (pavyzdžiui, žemėlapis arba susitikimų planuoklis) ir patikrinta, kad jis yra slapukų juostoje;
• [ ] svetainė paskelbta ir išsiųsta bandomoji žinutė (tik su paketu; nemokamoje svetainėje patikrinate nustatymus).

Klausimai:

1. Kokiu adresu ateina Jūsų formos žinutės ir kokiu siuntimo būdu?
2. Kokį valdiklį pasirinkote, ką jis duoda Jūsų lankytojui ir ką mato lankytojas, kuris nesutinka?
3. Ar Jūsų bandomoji žinutė atėjo ir ar patvirtinimas pasiekė "lankytoją", ar pateko į šlamštą?

Paspaudę "atlikta" pamatysite pavyzdinį atsakymą: Schildersbedrijf Example siunčia žinutes adresu info@example.com per savo el. pašto adresą domene; valdiklis yra Google Maps žemėlapis su adresu, kuris įkeliamas tik gavus sutikimą, o kitu atveju rodo plotą su mygtuku sutikimui duoti; bandomoji žinutė atėjo, patvirtinimas taip pat, ne į šlamštą.

Skaitykite daugiau

• Kontaktų forma Jūsų svetainėje: kaip laukų duomenis siųsti el. paštu ir išvengti šlamšto
• Nemokamas kursas Sutvarkytas el. paštas: nustatymas ir sklandus pristatymas 7.3: Laiškai iš Jūsų svetainės ir formų
• Nemokamas kursas Sutvarkytas el. paštas: nustatymas ir sklandus pristatymas 7.2: Sutikimas, atsisakymas ir švarus sąrašas
• Funkcijos „Spustelėti ir kalbėtis“ naudojimas (WhatsApp pagalbos centras): https://faq.whatsapp.com/5913398998672934
• Create & manage a public Google calendar (Google Kalendoriaus pagalba, anglų k.): https://support.google.com/calendar/answer/37083