WordPress: Yhteydenottolomakkeen lisääminen

Yhteydenottolomakkeiden avulla verkkosivuston vierailijat voivat kätevästi ottaa sinuun yhteyttä tiedusteluissa ja pyynnöissä ja jopa ostaa sinulta. Voit lisätä yhteydenottolomakkeen WordPressiin rakennetuille verkkosivustoille, jotta asiakkaat voivat tavoittaa sinut tehokkaammin. Tämä artikkeli näyttää, kuinka voit lisätä yhteydenottolomakkeen WordPressiin.

WordPress: Yhteydenottolomakkeen lisääminen

Yhteydenottolomakkeen lisääminen WordPressiin

Vaikka WordPressillä on kaksi erillistä alustaa verkkosivustojen rakentamiseen, useimmat yritykset pitävät WordPress.orgista parempana kuin WordPress.comia, koska se on itseisännöity ja siksi paremmin muokattavissa. Voit helposti tehdä verkkosivustosta omannäköisesi tällä alustalla, joka vetoaa yritysten omistajiin.

Tämä on toisin kuin WordPress.com, jota harrastusbloggaajat käyttävät usein sen rajoitusten vuoksi. WordPress.orgin haittapuoli WordPress.comiin verrattuna on kuitenkin se, että siinä ei ole sisäänrakennettua yhteydenottolomaketta.

Onneksi WordPress mahdollistaa yhteydenottolomakkeen lisäämisen laajennuksilla, joita tässä artikkelissa käsitellään.

Löydät erilaisia ​​WordPress-lomakelaajennuksia yhteydenottolomakkeen lisäämiseen. Tässä artikkelissa käytämme kuitenkin yhtä suosituimmista lomakelaajennuksista, WPFormsia. Lomakkeiden rakentajalla on maksullinen ja ilmainen versio, WPForms Lite. Aloittelijana voit aina aloittaa tästä ja päivittää WPForms Proksi, kun tarvitset lisää ominaisuuksia.

1. Asenna laajennus

  1. Avaa kojelautasi, siirry valikkoriviltä kohtaan Plugins ja napsauta sitten Add New Plugin.
    Wordpress Ad New Plugin vaihtoehto
  2. Etsi WPForms hakukentästä.
  3. Valitse ensimmäinen merkintä nimeltä Contact Forms by WPForms – Drag and Drop Form Builder for WordPress ja napsauta Asenna sen vieressä.
    Asenna WP Forms
  4. Napsauta Aktivoi, kun se on asennettu.

2. Luo yhteydenottolomake

  1. Palaa kojelautaan, selaa valikkopalkkia ja napsauta WPForms.
  2. Napsauta oikeanpuoleisessa ruudussa Lisää uusi.
    Lisää uusi lomake
  3. Tämä avaa mallikirjaston. Valitse malli viemällä hiiri sen päälle ja napsauttamalla esiin tulevaa Käytä mallia -painiketta.
    Käytä WPForms-mallia
  4. Voit luoda peruslomakkeen valitsemalla Yksinkertainen yhteydenottolomake. Saat lomakkeen, jonka oletuskenttinä ovat Nimi, Sähköposti ja Viesti.
  5. Muokkaa kenttiä seuraavasti:
    • Napsauta sitä muuttaaksesi kentän otsikkoa.
    • Järjestä kentät uudelleen vetämällä ja pudottamalla.
    • Vedä kenttä vasemman sivupalkin valinnasta ja pudota se haluamaasi kohtaan lomakkeessasi.
  6. Napsauta Tallenna, kun olet valmis.
    WPForms tallentaa lomakkeesi

3. Aseta sähköpostivahvistukset

Sähköpostivahvistukset ovat se, mitä yleisösi saa lomakkeen täyttämisen jälkeen. Se voi olla kiitosviesti tai myyntisuppilosi seuraava vaihe. Esimerkiksi seuraava toiminta lomakkeen täyttämisen jälkeen voi olla sähköisen kirjan lataaminen tai yhteisöön liittyminen.

  1. Siirry lomakkeen rakennustyökalun Asetukset-välilehteen ja napsauta Vahvistukset.
    WPForms-vahvistusten määrittäminen
  2. Muokkaa oletusarvostusta, jos haluat.
  3. Jos ohjaat heidät uudelleen, siirry Vahvistustyyppiin ja valitse avattavasta valikosta Siirry URL-osoitteeseen.
  4. Kirjoita URL-osoite ja napsauta Tallenna.
    Ohjaa vahvistus WPFormsissa

4. Aseta sähköposti-ilmoitusten asetukset

Tämä on sähköposti, jonka saat, kun joku täyttää lomakkeesi. Se voidaan myös räätälöidä.

  1. Valitse Asetukset ja napsauta Ilmoitukset.
    WPForms-ilmoitusten määrittäminen
  2. Muokkaa kenttiä tarpeen mukaan tai jätä ne sellaisina kuin ne ovat.
    • Vaihda sähköpostiosoite, jos haluat jotain muuta. Käytä pilkkua lisätäksesi useita sähköposteja.
    • Aiherivi on yhteydenottolomakkeesi nimi, kun taas Nimeltä-kenttä on automaattisesti käyttäjän nimi.
  3. Napsauta Tallenna.
    Ilmoitusten muokkaaminen WPFormsissa

5. Lisää lomake sivulle

Kun olet määrittänyt yllä olevat, sinun on lisättävä lomake WordPress-sivulle, jossa haluat sen näkyvän. Voit käyttää olemassa olevaa sivua tai luoda uuden.

  1. Siirry kojelautaan ja valitse valikkopalkista Sivut.
  2. Napsauta Lisää uusi sivu tai etsi sivu, jolle haluat lisätä lomakkeen.
    Lisää uusi sivu WPFormsille
  3. Riippuen siitä, käytätkö Classic Editoria vai Gutenberg (Block) Editoria, prosessi eroaa tästä. Sinun on napsautettava Julkaise tai Päivitä suorittaaksesi prosessin loppuun.

Klassinen editori

  1. Aseta kohdistin kohtaan, johon haluat lomakkeen, ja valitse työkalupalkista Lisää lomake.
  2. Valitse luomasi lomake ja tunnista se lomakkeelle antamastasi nimestä.
  3. Napsauta Lisää lomake.
    Yhteydenottolomakkeen lisääminen Classic-editoriin

Estä editori

  1. Napsauta +-kuvaketta ja kirjoita wpforms hakukenttään.
  2. Napsauta WPForms-lohkossa avattavaa valikkoa ja valitse lomake.
    WPForms-lomakkeen valitseminen Block Editorissa
  3. Napsauta Julkaise tai Päivitä.

Yhteydenottolomakkeen lisäksi voit upottaa Google Mapsin WordPressiin näyttääksesi yrityksesi sijainnin.

Lisää yhteydenottolomake widget-alueelle

Voit halutessasi lisätä lomakkeen myös widget-alueelle, kuten alatunnisteeseen tai sivupalkkiin. Prosessi on sama riippumatta käyttämästäsi editorista.

  1. Siirry WordPress-hallintapaneeliisi.
  2. Valitse valikkoriviltä Ulkoasu ja napsauta Widgetit.
    Widget-alueen avaaminen WordPressissä
  3. Etsi WPForms-widget ja vedä se tarkalle widget-alueelle näytön oikealla puolella.
  4. Anna widgetille nimi ja valitse luomasi lomake avattavasta valikosta.
  5. Napsauta Tallenna.
    WPForms-widgetin tallentaminen

Hanki tarvittavat asiakastiedot

Noin puolet Internetin verkkosivustoista on rakennettu WordPress.org:lle. Joten on hyvä, että sivustollesi on varattu yhteydenottolomake, vaikka WordPress.orgissa ei ole sisäänrakennettua lomakkeiden rakennustyökalua.

Onneksi voit nyt lisätä lomakkeen sivustollesi yllä olevan oppaan avulla. Vaikka WPForms oli yllä käyttämämme esimerkki, useimmat lomakkeiden rakentajat käyttävät samanlaista muotoa, joten sinun ei pitäisi syntyä ongelmaa, jos tyytyy toiseen.

UKK

Integroituuko WPForms hyvin kolmannen osapuolen sähköpostipalveluihin?

Tarvitset kuitenkin maksullisia lisäosia integroidaksesi palveluihin, kuten Mailchimp, Constant Contact, AWeber, GetResponse ja Campaign Monitor.

Tekeekö WPFormsin käyttö verkkosivustostasi haavoittuvan?

Vanhentuneiden tai huonosti ylläpidettyjen laajennusten käyttö on aina turvallisuusuhka. Sinulla ei pitäisi olla haavoittuvuusongelmia niin kauan kuin pidät WPFormsin ajan tasalla. Auttaisi harkita sisäänrakennettua integrointia Googlen reCAPTCHA:n ja Cloudflare Turnstilen kanssa roskapostin torjumiseksi.

Recent Articles

spot_img

Related Stories

Stay on op - Ge the daily news in your inbox

[tdn_block_newsletter_subscribe input_placeholder="Email address" btn_text="Subscribe" tds_newsletter2-image="730" tds_newsletter2-image_bg_color="#c3ecff" tds_newsletter3-input_bar_display="" tds_newsletter4-image="731" tds_newsletter4-image_bg_color="#fffbcf" tds_newsletter4-btn_bg_color="#f3b700" tds_newsletter4-check_accent="#f3b700" tds_newsletter5-tdicon="tdc-font-fa tdc-font-fa-envelope-o" tds_newsletter5-btn_bg_color="#000000" tds_newsletter5-btn_bg_color_hover="#4db2ec" tds_newsletter5-check_accent="#000000" tds_newsletter6-input_bar_display="row" tds_newsletter6-btn_bg_color="#da1414" tds_newsletter6-check_accent="#da1414" tds_newsletter7-image="732" tds_newsletter7-btn_bg_color="#1c69ad" tds_newsletter7-check_accent="#1c69ad" tds_newsletter7-f_title_font_size="20" tds_newsletter7-f_title_font_line_height="28px" tds_newsletter8-input_bar_display="row" tds_newsletter8-btn_bg_color="#00649e" tds_newsletter8-btn_bg_color_hover="#21709e" tds_newsletter8-check_accent="#00649e" embedded_form_code="YWN0aW9uJTNEJTIybGlzdC1tYW5hZ2UuY29tJTJGc3Vic2NyaWJlJTIy" tds_newsletter="tds_newsletter1" tds_newsletter3-all_border_width="2" tds_newsletter3-all_border_color="#e6e6e6" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJib3JkZXItY29sb3IiOiIjZTZlNmU2IiwiZGlzcGxheSI6IiJ9fQ==" tds_newsletter1-btn_bg_color="#0d42a2" tds_newsletter1-f_btn_font_family="406" tds_newsletter1-f_btn_font_transform="uppercase" tds_newsletter1-f_btn_font_weight="800" tds_newsletter1-f_btn_font_spacing="1" tds_newsletter1-f_input_font_line_height="eyJhbGwiOiIzIiwicG9ydHJhaXQiOiIyLjYiLCJsYW5kc2NhcGUiOiIyLjgifQ==" tds_newsletter1-f_input_font_family="406" tds_newsletter1-f_input_font_size="eyJhbGwiOiIxMyIsImxhbmRzY2FwZSI6IjEyIiwicG9ydHJhaXQiOiIxMSIsInBob25lIjoiMTMifQ==" tds_newsletter1-input_bg_color="#fcfcfc" tds_newsletter1-input_border_size="0" tds_newsletter1-f_btn_font_size="eyJsYW5kc2NhcGUiOiIxMiIsInBvcnRyYWl0IjoiMTEiLCJhbGwiOiIxMyJ9" content_align_horizontal="content-horiz-center"]