Veidlapas, pogas un logrīki

4. modulis: Lapas, izskats un funkcijas · Lasīšanas laiks: 8 min.

Mērķis: Pēc šīs nodarbības Jūs varēsiet iestatīt kontaktu veidlapu (saņēmēju, apstiprinājumu, pateicības lapu, surogātpasta pārbaudi, jaunumu vēstuli un sūtīšanas veidu), izvietot peldošās pogas WhatsApp un kontaktiem, iegult citas tiešsaistes platformas logrīku, un Jūs zināsiet, kad der Pielāgots kods un Pielāgots HTML.

Pamatjēdzieni: kontaktu veidlapa, saņēmējs, apstiprinājuma e-pasts, pateicības lapa, captcha, dubultā apstiprināšana, sūtīšanas veids, peldošā poga, logrīks, iegulšanas kods, piekrišana, Pielāgots kods, Pielāgots HTML

Kontaktu veidlapa: divas vietas

Veidlapa Jūsu vietnē sastāv no divām daļām. Pati veidlapa ar laukiem, ko apmeklētājs aizpilda, atrodas lapā. To ievietojat ar sadaļu Kontakti (izmantojot Bloki vai Pievienot sadaļu) vai ar tērzēšanas palīdzību. To, kas notiek, kad kāds noklikšķina uz nosūtīšanas, iestatāt sadaļā Iestatījumi > Veidlapas. Šo paneli Jūs vienmēr iestatāt paši; tērzēšana to nedara.

Veidlapā vienmēr ir lauki vārds, e-pasts un ziņa. Ar tērzēšanas palīdzību varat pievienot papildu laukus, ne vairāk kā astoņus: teksta lauku, izvēles sarakstu (piemēram, "Iekštelpās vai ārā?"), e-pastu, tālruni, garu teksta lauku, datumu vai skaitli. Lauka faila vai fotoattēla nosūtīšanai nav. Ja Schildersbedrijf Example vēlas saņemt darba vietas fotoattēlus, pateicības tekstā var ierakstīt: "Droši sūtiet fotoattēlus uz mūsu e-pasta adresi."

Svarīgi: bezmaksas vietnē bez paketes veidlapa ir redzama, bet pelēkota, un tā nesūta e-pastu. Veidlapas patiešām sūta tikai tad, kad Jūsu vietne ir AI Builder paketē. Tomēr zemāk aprakstītos iestatījumus varat sagatavot jau tagad; tad tie tiks izmantoti uzreiz.

Iestatījumi > Veidlapas

Panelī ir pieci bloki.

Ziņu saņemšana. Laukā Sūtīt ziņas uz ievadiet e-pasta adresi, uz kuru jānonāk aizpildītajām veidlapām. Ja to atstājat tukšu, ziņas nonāk Jūsu WebOké konta e-pasta adresē. Aizpildiet to apzināti. Laukā E-pasta temats izvēlaties tematu (ja tukšs: "Jauna ziņa no Jūsu vietnes"). Sadaļā Pēc nosūtīšanas izvēlieties Rādīt pateicību ar savu tekstu vai Pāradresēt uz lapu: uz pateicības lapu, ko izveidojat paši un neiekļaujat izvēlnē (nodarbība 4.1). Tā vēlāk varat izmērīt, cik bieži veidlapa tiek nosūtīta.

Sūtīt caur. Kā e-pasts tiek nosūtīts. WebOké serveris darbojas uzreiz, sūtītājs ir noreply@weboke.site. Ieteicams ir Jūsu e-pasta adrese (SMTP): tad e-pasts nāk no Jūsu domēna un retāk nonāk surogātpastā. Ar Iestatīt to manā vietā veidotājs izveido šo adresi Jūsu domēnā. Zem savas e-pasta adreses varat izvēlēties arī e-pasta pakalpojumu, piemēram, Postmark, Brevo, Mailgun vai SendGrid. Kāpēc sūtītājam ir tik liela nozīme, lasiet nodarbībā 5.3.

Apstiprinājums apmeklētājam. Ieslēdziet Nosūtīt apmeklētājam kopiju, tad apmeklētājs saņems apstiprinājuma e-pastu. Bieži tā ir pirmā ziņa, ko kāds no Jums saņem. Jūs izvēlaties tematu, Jūsu teksts (ar {naam} apmeklētāja vārdam), Paraksts un to, vai pievienot aizpildīto ziņu. Veidotājs ievieto Jūsu tekstu vietnes noformējumā ar Jūsu logotipu. Ar Ļaut MI uzrakstīt šo tekstu saņemsiet priekšlikumu.

Surogātpasta aizturēšana. Katrai veidlapai vienmēr ir neredzama pārbaude: slēpts lauks un laika ierobežojums. Tā aiztur lielāko daļu surogātpasta, apmeklētājiem to nemaz nepamanot. Ja tomēr saņemat daudz surogātpasta, izvēlieties papildu pārbaudi, captcha: Cloudflare Turnstile vai hCaptcha. Šim nolūkam izveidojiet bezmaksas kontu attiecīgajā pakalpojumā un ievadiet Site key un Secret key. Ieslēdziet captcha tikai tad, kad tas nepieciešams: katrs papildu solis atbaida daļu apmeklētāju.

Jaunumu vēstule. Veidlapā varat pievienot izvēles rūtiņu, ar kuru apmeklētāji piesakās Mailchimp, Laposta, Brevo vai MailerLite sarakstam. Pievienoti tiek tikai tie, kas paši atzīmē rūtiņu. Vienmēr ar dubulto apstiprināšanu: apmeklētājs vispirms apstiprina pieteikumu e-pastā. Laposta un MailerLite to ieslēdzat paši attiecīgajā pakalpojumā; veidotājs pastāsta, kur. Bez dubultās apstiprināšanas ikviens var pievienot Jūsu sarakstam svešas adreses.

Turklāt apmeklētājs var nosūtīt ne vairāk kā 5 ziņas stundā. Ja Jums ir privātuma politika, zem veidlapas būs saite uz to. Veidlapa vāc personas datus; kas Jums šajā sakarā jānokārto, skatiet nodarbībā 7.1.

Slazds: pēc katras izmaiņas pārbaudiet veidlapu paši, sūtot no citas adreses, nevis no saņemšanas adreses. Ieskatieties arī surogātpasta mapē un pārbaudiet, vai apstiprinājums nonāk pie "apmeklētāja".

Peldošās pogas

Sadaļā Iestatījumi > Pogas iestatāt pogas, kas katrā lapā paliek redzamas ekrāna apakšā, labajā vai kreisajā pusē (Stūris: Apakšā pa labi vai Apakšā pa kreisi).

• WhatsApp numurs: starptautiskā formātā ar valsts kodu (piemēram, +371 Latvijas numuram vai +31 Nīderlandes numuram) un bez nulles priekšā. Ja atstājat to tukšu, WhatsApp pogas nebūs. Var pievienot Iepriekš aizpildītu ziņu, piemēram, "Vēlos saņemt piedāvājumu krāsošanas darbiem." Poga atver sarunu ar Jūsu numuru.
• Peldošā kontaktu poga: atver Jūsu kontaktu veidlapu logā. Ziņa nonāk tajā pašā adresē, kur Jūsu veidlapas ziņas. Jūs izvēlaties Teksts uz pogas.

Priekšskatījumā pogas ir nedaudz augstāk nekā Jūsu īstajā vietnē, lai tās neaizsegtu veidotāja palīdzības poga.

Uzmanību: WhatsApp poga sola ātru atbildi. Ja WhatsApp lasāt tikai vakaros, labāk izvēlieties kontaktu pogu.

Citu pakalpojumu logrīki

Logrīks ir cita pakalpojuma daļa Jūsu lapā: YouTube video, Google Maps karte, Calendly tikšanos plānotājs, Jūsu Instagram, Spotify atskaņošanas saraksts. Daudziem pakalpojumiem pietiek ar saiti; veidotājs pats izveido atskaņotāju vai veidlapu. Piemēri: YouTube, Vimeo, Spotify, Calendly, Google Maps (pietiek ar adresi), Google Calendar, Instagram un TikTok (pietiek ar Jūsu @vārdu) un Google Forms. Citiem pakalpojumiem, piemēram, Salonized, Trustpilot vai Bandcamp, ielīmējiet iegulšanas kodu: koda fragmentu, ko attiecīgais pakalpojums sniedz ievietošanai tīmekļa vietnē.

Lūk, kā to izdarīt: pasakiet to tērzēšanā, pievienojot saiti ("ievietojiet mūsu maršruta karti zem kontaktu bloka, adrese Dorpsstraat 1"), ielīmējiet kodu tērzēšanā vai sadaļā Bloki izvēlieties sadaļu Logrīks. Veidotājs atpazīst pakalpojumu, iesaka augstumu un virsrakstu un brīdina, ja kaut kas nedarbosies. Ja logrīku ievieto MI, tas ir norādījums un patērē labojumus; Jūs iepriekš redzat, cik. Ievietotu logrīku maināt ar Rediģēt kodu pie bloka priekšskatījumā.

Trīs lietas, kas jāzina:

1. Logrīks ielādējas tikai pēc piekrišanas. Citu pakalpojumi bieži izvieto sīkdatnes vai izseko apmeklētājus. Ja sīkdatņu josla ir ieslēgta, logrīks ielādējas tikai tad, kad apmeklētājs dod piekrišanu attiecīgā veida sīkdatnēm. Pakalpojums automātiski parādās Jūsu sīkdatņu joslā pie "Kas pašlaik darbojas Jūsu vietnē". Pēc tam pārbaudiet arī savu privātuma politiku (nodarbība 7.1 un 7.2).
2. Google Calendar jābūt publiskam. Privātu kalendāru neviens cits nevar redzēt. Google Calendar padariet publisku tikai atsevišķu kalendāru ar to, ko apmeklētāji drīkst redzēt, nekad ne savu personīgo kalendāru.
3. Nedrošs kods netiek ievietots. Kodu, kas var pārsūtīt apmeklētāju datus, slēpj savu darbību vai ielādē kaut ko no nezināmas vietnes, MI Jūsu vietnē neievieto. Tas paskaidro, kāpēc.

Pielāgots kods un Pielāgots HTML: galvenais

Pieredzējušiem lietotājiem ir divas vietas.

Pielāgots kods atrodas sadaļas Iestatījumi > Integrācijas apakšā: kods, kam jābūt katrā lapā, Katras lapas head daļā vai Katras lapas apakšā. Piemēram, tērzēšanas pakalpojuma ielādes skripts vai atsauksmju logrīks. Šo kodu veidotājs nepārbauda ("Šo kodu mēs nepārbaudām"). Zināmus pakalpojumus sīkdatņu josla aiztur, līdz ir dota piekrišana. Atzīmējiet Šis kods ir nepieciešams tikai kodam, kas neizseko apmeklētājus, jo tad tas ielādējas uzreiz. Veidotāja priekšskatījumā pielāgots kods netiek izpildīts, Jūsu īstajā vietnē gan. Bezmaksas vietnē pielāgots kods nedarbojas. Mērīšanas ID, piemēram, Google Analytics, neievadiet laukā Pielāgots kods, bet gan paredzētajā laukā sadaļā Integrācijas (nodarbība 7.2).

Pielāgots HTML ir sadaļa blokā Bloki. Jūs ielīmējat savu HTML un, ja vajag, CSS, un vēlāk to maināt ar Rediģēt HTML. Krāsas un burti atbilst Jūsu korporatīvajam stilam. Skripti, iframe un veidlapas šeit nedarbojas; tiem izmantojiet logrīku.

Izmantojiet abus tikai tad, ja citādi nevar: cita koda izmantošana ir risks ātrumam, drošībai un privātumam.

Veidotājā: lūk, kā to izdarīt

1. Ievietojiet kontaktu lapā sadaļu Kontakti ar veidlapu.
2. Atveriet Iestatījumi > Veidlapas. Aizpildiet Sūtīt ziņas uz.
3. Sadaļā Sūtīt caur izvēlieties savu e-pasta adresi vai atstājiet WebOké serveri, līdz Jūsu domēns ir gatavs (nodarbība 5.3).
4. Ieslēdziet Nosūtīt apmeklētājam kopiju un uzrakstiet savu tekstu.
5. Sadaļā Pēc nosūtīšanas izvēlieties pateicību vai pateicības lapu.
6. Ja nepieciešams, sadaļā Iestatījumi > Pogas pievienojiet WhatsApp vai kontaktu pogu.
7. Publicējiet vietni tiešsaistē un nosūtiet testa ziņu.

Kopsavilkums

• Veidlapa atrodas lapā; to, kas ar to notiek, iestatāt sadaļā Iestatījumi > Veidlapas.
• Aizpildiet Sūtīt ziņas uz apzināti; kā sūtītāju vēlams izvēlēties savu e-pasta adresi.
• Bezmaksas vietnē veidlapa nesūta e-pastu; failu pievienot nav iespējams nekad.
• Peldošās pogas WhatsApp un kontaktiem atrodas sadaļā Iestatījumi > Pogas.
• Logrīki ielādējas tikai pēc piekrišanas; Pielāgots kods un Pielāgots HTML ir pieredzējušiem lietotājiem.

Tests (quiz)

Uzdevums

Uzdevums D4.3: Jūsu kontaktu veidlapa un logrīks. Pilnībā iestatiet savu veidlapu un ievietojiet vienu logrīku, kas patiešām kaut ko pievieno.

Kontrolsaraksts:

• [ ] sadaļa Kontakti ar veidlapu Jūsu kontaktu lapā;
• [ ] lauks Sūtīt ziņas uz aizpildīts ar adresi, ko lasāt katru dienu;
• [ ] sūtīšanas veids izvēlēts, un saprotat, kāpēc;
• [ ] apstiprinājums apmeklētājam ar Jūsu tekstu;
• [ ] iestatīta pateicība vai pateicības lapa;
• [ ] ievietots viens logrīks (piemēram, karte vai tikšanos plānotājs) un pārbaudīts, ka tas ir sīkdatņu joslā;
• [ ] vietne tiešsaistē un nosūtīta testa ziņa (tikai ar paketi; bezmaksas vietnē pārbaudiet iestatījumus).

Jautājumi:

1. Uz kuru adresi nonāk Jūsu veidlapas ziņas, un ar kādu sūtīšanas veidu?
2. Kuru logrīku izvēlējāties, ko tas sniedz apmeklētājam un ko redz apmeklētājs, kurš nedod piekrišanu?
3. Vai Jūsu testa ziņa pienāca, un vai apstiprinājums nonāca pie "apmeklētāja" vai surogātpastā?

Pēc "izpildīts" redzēsiet atbildes piemēru: Schildersbedrijf Example sūta ziņas uz info@example.com, izmantojot savu e-pasta adresi domēnā; logrīks ir Google Maps karte ar adresi, kas ielādējas tikai pēc piekrišanas, bet citādi rāda laukumu ar pogu piekrišanas došanai; testa ziņa pienāca, apstiprinājums arī, ne surogātpastā.

Vairāk lasīt

• Kontaktforma Jūsu vietnē: lauku satura nosūtīšana pa e-pastu un surogātpasta novēršana
• Bezmaksas kurss E-pasts kārtībā: iestatīšana un pareiza piegāde 7.3: Pasts no Jūsu vietnes un veidlapām
• Bezmaksas kurss E-pasts kārtībā: iestatīšana un pareiza piegāde 7.2: Piekrišana, atrakstīšanās un tīrs adresātu saraksts
• Funkcijas Click to chat izmantošana (WhatsApp palīdzības centrs): https://faq.whatsapp.com/5913398998672934
• Create & manage a public Google calendar (Google Calendar palīdzība, angļu valodā): https://support.google.com/calendar/answer/37083