Miten lisään yhteydenottolomakkeen Website Builder -sivustolleni?

Tässä oppaassa näytämme, miten voit lisätä yhteydenottolomakkeen Website Builder -sivustollesi.

Eikö Website Builder ole vielä käytössäsi? Voit kokeilla sitä ilmaiseksi 14 päivän ajan ja luoda verkkosivuston hetkessä. Aloita ilmainen kokeiluversiosi nyt.

Vaihe 1 - Vedä Yhteydenotto-komponentti työtilaan

  1. Siirry Website Builder -editorissa sivustosi siihen osioon, johon haluat sijoittaa yhteydenottolomakkeen.
  2. Napsauta Ota yhteyttä editorin vasemmalla puolella olevasta komponenttivalikosta.
  3. Napsauta ja vedä Yhteydenotto-komponentti työtilaasi ja aseta se haluamaasi paikkaan.
Huomaa: Sinulla voi olla vain yksi yhteydenottolomake sivua kohden. Jos komponentti on harmaa, se tarkoittaa, että kyseisellä sivulla on jo yhteydenottolomake.

wsb_contactform9.png

Vaihe 2 - Määritä lomakkeen sähköpostiosoite

  1. Valitse sähköpostiosoite, johon lomakkeen viestit lähetetään. Voit valita olemassa olevan osoitteen tai luoda uuden sähköpostiosoitteen. Huomaa, että sähköpostiosoitteen täytyy olla tehty omalla verkkotunnuksellasi. Jos sinulla on esimerkiksi verkkotunnus one-example.com, sähköpostiosoitteen on oltava @one-example.com-osoite. Jos käytät ulkopuolista sähköpostipalveluntarjoajaa, sinun on luotava uusi sähköpostitili one.comin ohjauspaneelissa.
  2. Kirjoita sähköpostien aihe, josta tunnistat ne postilaatikossasi.
  3. Napsauta Tallenna jatkaaksesi.

Jos haluat vaihtaa sähköpostiosoitetta myöhemmin, napsauta yhteydenottolomaketta ja valitse Muokkaa yhteydenottolomaketta --> Sähköpostiasetukset.

Vinkki: Määritä sähköpostisuodatin siirtääksesi kaikki yhteystietolomakkeen sähköpostiviestit tiettyyn kansioon sähköpostitililläsi.

contact_form_new1.png

Vaihe 3 - Muokkaa yhteydenottolomaketta

Yhteydenottolomakkeessa on oletuksena Lähetä-painike ja kolme kenttää: Nimi, sähköpostiosoite ja viesti.

Napsauta Muokkaa yhteydenottolomaketta, jos haluat lisätä tai muokata kenttiä.

wsb_contactform1-2.png

Vaihe 4 - Valitse Muokkaa kenttiä

Valitse Muokkaa kenttiä, jos haluat muuttaa kenttien oletusasetuksia.

Vinkki: Voit vaihtaa painikkeen oletustekstiä. Napsauta painikkeen tekstikenttää ja kirjoita haluamasi teksti.

contact_form_new2.png

Vaihe 5 - Napsauta Lisää

Tällä sivulla voit muokata olemassa olevien lomakekenttien asetuksia sekä poistaa ja lisätä uusia kenttiä eri vaihtoehdoilla. Voit lisätä niin monta kenttää kuin haluat napsauttamalla oikeassa yläkulmassa olevaa Lisää-painiketta.

Tässä oppaassa lisäämme vierailijoillesi valintaruudun uutiskirjeiden tilaamista varten, mutta voit lisätä mitä haluat.

wsb_contactform1.png

Vaihe 6 - Valitse kentän tyyppi

Voit lisätä yhteydenottolomakkeeseesi useita erilaisia kenttiä. Tässä oppaassa lisäämme valintaruutuja.

Valitse lisättävä kenttä ja napsauta sitten Valmis.

wsb_contact_form14-12-2023.png

Vaihe 7 - Muokkaa kentän asetuksia

Jokaisella kenttätyypillä on erilaisia asetuksia, joita voit muokata.

  1. Napsauta kentän vieressä olevaa kynäkuvaketta.
  2. Kirjoita kentän otsikko. Se näkyy kävijöille.
  3. Kentän tyypistä riippuen sinulla voi olla useita vaihtoehtoja. Voit muokata kuvausta napsauttamalla vaihtoehtoa, poistaa sen napsauttamalla lopussa olevaa roskakorikuvaketta tai lisätä uuden napsauttamalla Lisää vaihtoehto -painiketta.
  4. Jos vähintään yhden vaihtoehdon valitseminen vaaditaan, pidä tämä ruutu valittuna. Jos kenttä vaaditaan, lomakkeen lähettäminen ilman sitä antaa virheilmoituksen. Voit ottaa virheilmoituksen käyttöön ja kirjoittaa sen ikkunan alaosassa olevaan kenttään.
  5. Napsauta Tallenna jos haluat päivittää lomakkeeseen uudet kenttäasetukset.

wsb_contactform3.png

Vaihe 8 - Mene kohtaan Tyyli yhteydenottolomakkeen asetuksissa

Oletusarvoisesti yhteydenottolomake käyttää mallin tyyliä, mutta voit myös luoda mukautetun tyylin.

Valitse siirrettävästä valikosta Tyyli.

contact_form_new3.png

Vaihe 9 - Muokkaa yhteystietolomakkeen tyyliä

Voit muuttaa fontin ja lähetyspainikkeen asetuksia.

  • Fontti: tyyppi, koko ja väri.
  • Painike: painikkeen tyyli (väri, muoto ja reunus) ja fonttikoko.

wsb_contactform5.png

Vaihe 10 - Napsauta Onnistui-viestiä yhteystietolomakkeen asetuksissa

Vierailijat saavat vahvistusviestin, kun yhteydenottolomake on lähetetty onnistuneesti.

Muokkaa oletusviestiä napsauttamalla siirrettävän valikon Onnistui-viestiä. Viesti tallentuu automaattisesti, kun olet syöttänyt sen kenttään.

contact_form_new6.png

Vaihe 11 - Kirjoita onnistumisviesti

Oletusarvoisesti yhteydenottolomake käyttää seuraavaa viestiä: "Kiitos viestistäsi". Voit muokata sitä lisäämällä oman tekstisi.

wsb_contactform7.png

Vaihe 12 - Ota captcha käyttöön

Captcha-työkalulla voit suojata lomakettasi bottihyökkäyksiltä ja roskapostiviesteiltä. 

Se otetaan automaattisesti käyttöön, jos luot sivustollesi uuden yhteydenottolomakkeen. Voit kuitenkin hallita sitä myös manuaalisesti lomakkeen asetuksissa. 

  1. Valitse Yhteydenottolomake-komponentti.
  2. Valitse Muokkaa yhteydenottolomaketta.
  3. Napsauta avautuvassa kelluvassa valikossa Captcha.
  4. Ota Captcha käyttöön tai poista se käytöstä liu”uttamalla Näytä Captcha -kytkintä ja valitse kieli avattavasta valikosta.

contact_form_new4.png

Vaihe 13 - Muokkaa yhteydenottolomakkeen kokoa ja paikkaa

Nyt kun lomake on valmis, voit säätää sen sijoittelua ja kokoa. Napsauta Tallenna ja Julkaise, jotta lomake on saatavilla verkossa.

contact_form_new5.png

Aiheeseen liittyviä artikkeleita:

Oliko tämä artikkeli hyödyllinen?

Etkö löytänyt etsimääsi?

Aloita chat

Sen avulla saat nopeimmin meihin yhteyttä.

Aloita chat