TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Lisää ja muokkaa yhteydenottolomaketta Weebly -sivustossa

21

Voit lisätä lomakkeita Weebly -sivustoosi monilla yksinkertaisilla tavoilla. Voit käyttää Weeblyn oletus "Yhteyslomake" -elementtiä, yhdistää lomakkeita App Centeristä ja upottaa lomakekoodit kolmansilta osapuolilta. Koska natiivi elementti, Weeblyn oletus "Yhteydenottolomake" -elementti on helppo integroida ja hallita vastaanotettuja lomakkeita helposti koontinäytön kautta tai iPhone/ Android -sovellukset. Tässä artikkelissa keskustelemme oletuksena olevan "Yhteydenottolomake" -elementin ominaisuuksista ja tavoista muokata sitä. Weebly tarjoaa yhteydenottolomakkeen lisäksi kaksi muuta lomake -elementtiä – vastauslomakkeen ja kyselyelementin.

Aiheeseen liittyviä: Kuinka lisätä yhteydenottolomake WordPress -sivustoihin?

"Yhteydenottolomake" on yksi Weebly -sivuston editorin "Perus" -ryhmään kuuluvista vedä ja pudota -elementteistä. Kun olet lisännyt yhteydenottolomakkeen sisältöalueelle ja napsauttanut sitä, näet Weebly -editorin elementit -sarakkeen muuttuvan automaattisesti lomakekentiksi. Kaikki lomakekentät on luokiteltu seuraaviin kolmeen luokkaan:

Lomakekentät:

  • Lyhyt tekstiruutu
  • Suuri tekstiruutu
  • Asetukset -painikkeet
  • Avattava laatikko
  • Valintaruudut
  • Tiedoston lataus Pro -käyttäjälle
  • Nimi, sähköposti, osoite ja puhelinnumero

Rakenne:

  • Jakaja ja välilevy

Perus:

  • Otsikko, teksti, kuva ja upotuskoodi

Lisää ja muokkaa yhteydenottolomaketta Weebly -sivustossa

Vedä ja pudota kenttiä Weebly -muodossa

Normaalien elementtien tapaan voit vetää jokaisen kentän ja lisätä sen lomakkeeseen. Lomake -elementin napsauttaminen näyttää kolme vaihtoehtoa Näytä merkinnät, lomakeasetukset ja tallenna.

Lomakkeen asetukset

Napsauta lomakeasetusten painiketta, niin näet lisäasetukset ponnahdusikkunassa alla olevan kuvan mukaisesti.

Lisää ja muokkaa yhteydenottolomaketta Weebly -sivustossa

Weebly -yhteydenottolomakkeen vaihtoehdot

Käytettävissä olevat mukautusvaihtoehdot ovat:

  • Lomakkeen nimi – Kirjoita lomakkeen nimi. Kun sivustossasi on useita lomakkeita, voit tarkastella lomakkeen nimen perusteella tehtyjä lähetyksiä helposti lomakkeen nimien avulla.
  • Sähköpostin lähetysosoite – Tämä on sähköpostiosoite, josta saat välittömän hälytyksen aina, kun lomake lähetetään.
  • Vahvistusviesti lähettämisen jälkeen – Vahvistusvaihtoehdon avulla voit näyttää automaattisen vastauksen käyttäjälle lomakkeen lähettämisen jälkeen. Voit asettaa tekstiviestin tai linkittää minkä tahansa verkkosivun. Tekstiviesti näkyy lomakealueella lähettämisen jälkeen. Voit yhdistää minkä tahansa ulkoisen verkkosivun tai oman sivustosi tai kauppasivun linkkivaihtoehdossa, joka näytetään lähettämisen jälkeen.
  • Väli – Käytetään lomakeelementin ylä- ja alareunojen etäisyyden säätämiseen.
  • Lähetä -painike – Käytetään lähetyspainikkeen kohdistamiseen vasemmalle, keskelle tai oikealle lomakkeen leveyden suhteen. Voit myös syöttää vapaata tekstiä, kuten "Yhteystiedot", painikkeen elementin lähettämisen sijaan.

Huomautus: Yleinen käytäntö on luoda kiitossivu sivustoosi mukautetuilla tiedoilla, jotka haluat näyttää käyttäjille, ja linkittää ne lomakkeeseen. Kiitos -sivu tulee näkyviin, kun käyttäjä on lähettänyt lomakkeen, ja antaa käyttäjälle enemmän mahdollisuuksia tutkia kiitossivun linkkejä.

Kentätason mukauttaminen

Kun napsautat minkä tahansa lomakekentän sisällä, näkyviin tulee kyseiseen kenttään soveltuva ponnahdusikkuna. Voit muuttaa kentän nimen, tehdä siitä valinnaisen tai pakollisen, lisätä täyttöohjeita ja säätää kentän väliä lomakkeessa. Pakollisen kentän tekeminen näyttää kentän nimen päällä tähtimerkin, joka osoittaa käyttäjän, joka on pakollinen kenttä. Pakollisten kenttien täyttämättä jättäminen ei salli lomakkeen lähettämistä ja näyttää viestin "Korjaa korostetut kentät" ja kenttä on korostettu punaisella värillä.

Lisää ja muokkaa yhteydenottolomaketta Weebly -sivustossa

Ohje ja pakollinen kenttä

Ohjeet auttavat käyttäjiä kyseisen kentän täyttämisessä, ja ohjeviesti näytetään aina, kun arkistointi on kohdistettu.

Joillakin kentillä, kuten "Asetukset -painikkeet”, “Valintaruudut” ja “Pudotusvalikko”, on lisävaihtoehtoja alla olevan kuvan mukaisesti. Voit syöttää jopa useita mukautettuja vaihtoehtoja käyttäjän valintaa varten tai valita sen ennalta määritetyistä vaihtoehdoista. Ennalta määritetyillä vaihtoehdoilla on pitkä luettelo vaihtoehdoista, kuten vertailu, sukupuoli, Yhdysvaltojen osavaltiot, kuinka kauan, kuinka usein, vuoden kuukaudet, viikonpäivät jne.

Lisää ja muokkaa yhteydenottolomaketta Weebly -sivustossa

Valintapainikkeiden käyttäminen Weebly -yhteydenottolomakkeessa

Lomakevaihtoehdot Pro -käyttäjälle

Pro -käyttäjillä on seuraavat lomakkeen lisäominaisuudet:

  • Tiedoston lataus – Tämä on ammattikenttä, joka auttaa käyttäjää lähettämään lomakkeen ladatulla tiedostolla. Tämä on erittäin hyödyllinen ominaisuus, jotta käyttäjä voi ladata lisäasiakirjan tai kuvakaappauksen, mikä puolestaan ​​auttaa sinua tarjoamaan paremman tuen. 20 Mt on enimmäiskoko, joka voidaan lähettää lomakkeella.
  • Lomakkeen lisääminen alatunnisteeseen – Lomakkeen lisäämisen lisäksi sivuston sisältöalueelle Pro -käyttäjät voivat lisätä lomakkeen myös alatunnisteeseen. Yhteydenottolomake voidaan lisätä alatunnisteeseen, joka näkyy sivuston kaikilla sivuilla.

Lisää ja muokkaa yhteydenottolomaketta Weebly -sivustossa

Tiedoston lataus Weebly -muodossa

Lomakemerkintöjen tarkasteleminen

Lomakemerkintöjä voidaan tarkastella useilla tavoilla ja tarvittava vastaus voidaan lähettää lähettäjälle vastaavasti.

  • Napsauta lomaketta nähdäksesi "Näytä merkinnät" -painikkeen, jota napsauttamalla avautuu uusi ikkuna, jossa on kaikki lomakkeen lähetykset.
  • Saat myös sähköposti -ilmoituksen aina, kun lomake lähetetään.
  • Tarkastele lomakkeen lähetyksiä suoraan koontinäytöstä.

Lisää ja muokkaa yhteydenottolomaketta Weebly -sivustossa

Tarkastele yhteydenottolomakkeen merkintöjä Weebly -hallintapaneelissa

Temppujen mukauttaminen Weebly -yhteydenottolomakkeelle

Yhteydenottolomakkeen koon säätäminen

Weebly -lomakkeen kokoa ei voi säätää oletuksena. Jos haluat muuttaa kokoa, aseta välilevyt lomakeelementin viereen ja säädä lomakkeen leveys.

Roskapostilomakkeiden lähetysten vähentäminen

Yksi suurimmista Weebly -yhteydenottolomakkeen ongelmista on roskapostin lähettäminen – roskapostittajat ja robotit lähettävät roskapostit ja upottavat postilaatikkosi. Koska Weebly ei tarjoa CAPTCHAa yhteydenottolomakkeelle, roskapostin käsittely on ärsyttävää tehtävää sivustojen omistajille. Roskapostit voidaan vähentää kahdella tavalla muuttamatta koodia:

  1. Lisää "valintaruudut" yhteydenottolomakkeeseen ja tee siitä pakollinen kenttä. Voit tehdä "Kentän otsikosta" "En ole robotti" ja lisätä yhden "Vaihtoehdot" nimellä "Olen ihminen". Tämä pakottaa käyttäjät valitsemaan ruudun, eikä lomaketta voi lähettää tarkistamatta sitä.
  2. Käytä samalla tavalla “Vaihtoehto -painikkeita” ja vaihda “Kentän otsikko” muotoon “CAPTCHA Check” tai “Human Check” ja tee siitä pakollinen kenttä. Lisää yksi vaihtoehto, kuten "Olen ihminen, en robotti" tai haluamasi teksti. Käyttäjän on nyt valittava vaihtoehto, jotta hän voi lähettää yhteydenottolomakkeen.

Lisää ja muokkaa yhteydenottolomaketta Weebly -sivustossa

Lisää manuaalinen Captcha Weebly -yhteydenottolomakkeeseen

Molemmissa yllä olevissa vaihtoehdoissa automaattiset robotit eivät valitse valintaruutua tai vaihtoehtopainiketta, mikä estää roskapostit.

Lisää ja muokkaa yhteydenottolomaketta Weebly -sivustossa

Estä roskapostin lähettäminen Weebly -yhteydenottolomakkeella

Weebly -yhteydenottolomakkeen taustavärin muuttaminen

Monet käyttäjät lähettivät meille sähköpostia ja pyysivät tapaa muuttaa Weebly -yhteydenottolomakkeen taustaväriä, ja tässä on ohjeet siihen. Jokaisella yhteydenottolomakkeella on lomake #id sivuston julkaisemisen jälkeen. Napsauta hiiren kakkospainikkeella julkaistun sivuston yhteydenottolomaketta ja napsauta "Tarkista" tai "Tarkasta elementti" -vaihtoehtoa ja selvitä lomakkeen #id numero yhteystietolomakkeellesi alla olevan kuvan mukaisesti. Lomake #id on jotain "form-1234567890123" ja on yksilöllinen jokaiselle lomakkeelle.

Lisää ja muokkaa yhteydenottolomaketta Weebly -sivustossa

Yhteystietolomakkeen #ID löytäminen Weeblystä

Siirry nyt Weebly -editoriin ja lisää alla oleva CSS -koodi sivun Otsikkokoodi -osioon, jolla sinulla on yhteydenottolomake. Muista korvata lomake #id omalla #tunnuksella.

<style> #form-632853235871630597 { background-color: beige; padding: 15px 15px 0 15px; border-radius: 10px; border: 1px solid rgba(158, 158, 158, 0.22); } </style>

Jos sinulla on useampi kuin yksi lomake, voit joko muokata niitä erilaisilla taustavärillä tai lisätä kaikki lomakkeen #ID -tunnukset, kuten #ID1, ID2, ja niillä on samat tyylit kaikille lomakkeille. Jos sinulla on enemmän muotoja lisää sitten CSS kohdasta “Asetukset> SEO> otsikkokoodilla ” -osiossa tai alle “main.less” tiedosto.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja