WordPress-sivuston rakentaminen erillisellä pagebuilderilla on paljon helpompaa. Mikäli et ole aikaisemmin käyttänyt esim. Gutenberg-työkalua, yksi vaihtoiehto on ottaa käyttöön Elementor. Elementorin voit ladata ilmaiseksi WordPressin lisäosakirjastosta. Elementorin avulla sisällön rakentaminen onnistuu hyvin ilman ohjelmointitaitoja vedä-ja-pudota -lohkojen avulla. Näet samalla sivusi lähes samanlaisena kuin se olisi julkaistaessa.
Elementorin perusversio ei sisällä lomakegeneraattoria (Form Builder). Lomakegeneraattori on Elementor Pro:n ominaisuus. Elementor Pro:ssa on reilusti enemmän toiminnallisuuksia ja usein sivustoille asennetaankin Elementorin sijasta Elementor Pro. Yksi hyvä syy hankkia Elementor Pro on nimenomaan sen helppokäyttöinen lomakkeiden rakentamiseen tehty elementti. Tämän elementin avulla lisäät sivustollesi esimerkiksi yhteydenottolomakkeen todella nopeasti ja helposti. Lomakkeen kenttiä ja ulkoasua on myös helppo muuttaa.
Elementorin käytön aloittamiseen löytyy runsaasti materiaalia heidän tukisivultaan: Elementor help.
Alla kerron, miten lisäät lomakkeen sivullesi. Lomakkeen toimintojen lisäämiseen ja lomakkeen ulkoasun muokkaamiseen löytyy myös runsaasti tietoa samaisilta Elementorin tukisivuilta.
Samalla on tärkeää ottaa huomioon lomakkeen turvallisuus. Roskapostitukseen käytettävät botit löytävät lomakkeesi hyvin nopeasti, joten se kannattaa samalla suojata bottien roskapostitukselta.
Näkymän vasemman laidan sivupalkista löytyvät sivulle pudotettavia elementtejä. Mikäli käytössäsi on Pro-versio, ”Pro”-elementit löytyvät heti ”Perus”-elementtien alapuolelta. Helpoiten voit kirjoittaa yläreunan hakuvimpaimeen sanan ”form”.
Vedä ja pudota ”Form”-elementti sivullasi kohtaan ”Vedä vimpain tähän”. Pudotettaessa elementti muuntuu luonnosmuotoiseksi lomakkeeksi.
Voit valita lisää kenttiä ja muuttaa nykyisiä kenttiä vasemman laidan sivupalkin ”Form Fields”-kohdasta. Lisää kenttä painamalla ”+ Lisää kohde”.
Suojaa ehdottomasti lomakkeesi. Tästä enemmän alla.
Klikkaa ”Form Fields”-osiosta ”+ Lisää kohde”. Tämän jälkeen valitse alasvetovalikon pohjalta ”Honeypot”.
Itse lomakkeella kenttä muuttuu näkymättömäksi. Muista tallentaa sivu painamalla sivun alareunasta ”Päivitä”. Muuta ei tarvita.
Honeypot on yleensä kohtalaisen hyvä suojauskeino. Tämän sivuston lomakkeen testaamiseen kehitetty botti lähetti kuitenkin postia helposti honeypot-toiminnalla suojatun Elementor Pro -lomakkeen kautta. Elementor Pro -lomakkeen standardisuojauskeinoista löytyy lisäksi Googlen Captcha. Sen asentamista ei käsitellä tässä artikkelissa, koska se vaatii rekisteröitymisen Googlen palveluun. Googlella on myös omat vaatimuksensa Captchan käytöstä sekä joissain tapauksissa erillisiä herkkyysasetuksia.
Helpoin ja tehokkain tapa suojata Elementor Pro:n lomake on käyttää Bot Spam Block -lisäosaa. Lisäosa on kehitetty erityisesti estämään bottien lähettämä roskaposti. Ainoa asetus lisäosalle on lisenssiavain. Muutoin lisäosa toimii kevyesti, tehokkaasti ja automaattisesti ilman turhia asetuksia. Se ei myöskään haittaa lomakkeen varsinaista käyttäjää, koska käyttäjän ei tarvitse ratkoa ylimääräisiä tehtäviä tai arvoituksia.
Elementor ja dxw3 tarjoavat nyt paketin, missä Elementor Pro:n ostaja saa dxw3 Bot Spam Block -lisäosan kaupanpäälle.
Tämä edellyttää, että 1) tilaat Elementor Pro -lisäosan klikkaamalla alla olevaa kuvaa.
Ja 3) palaa tänne kauppaan lunastamaan lisäosa kuponkikoodilla.
Käytämme sivustollamme evästeitä. Niiden avulla varmistamme sivuston toiminnan, tarjoamme sosiaalisen median ominaisuuksia ja analysoimme tietoja. Jaamme sivustomme käytöstä tietoja mainonta- ja analytiikkakumppaneillemme.
×
Evästeasetukset
dxw3 Consent
WordPress-lisäosat
Integraatioita
Lippukauppa – Taloushallinto – Passeli Merit
TavoiteAutomaattinen laskutus ja tilausseuranta verkkokaupasta taloushallintoon.
RatkaisuLippukaupan WooCommerce-integraatio, joka luo laskun Passeliin ja päivittää tilauksen tilan maksun jälkeen.
TulosIntegraatio vie tarvittavat laskun tiedot taloushallintojärjestelmään automaattisesti, luo laskun sekä päivittää laskun tilan WooCommerceen. Manuaalinen käsittely poistui.
TekniikatPHP
Tavarantoimitukset – DB eSchenker Booking
TavoiteToimitustietojen siirto, toimitustilauksen tekeminen sekä pakettikorttien luominen tilauksen toimituskäsittelyn yhteydessä.
RatkaisuLisäosa WooCommercelle, joka luo kollit ja lähettää toimitusmääräyksen DB Schenkerin API:lle sekä vastaanottaa pakettikortit.
TulosToimitustilaukset voidaan hoitaa suoraan WooCommercesta ilman erillistä kirjautumista DB Schenkeriin.
TekniikatPHP
Toiminnanohjaus – Easoft ERP
TavoiteSynkronoida verkkokaupan tuotteet, tilaukset ja varastotilanne Easoftin ERP-järjestelmään reaaliajassa.
RatkaisuWooCommerceen liitetty lisäosa, joka yhdistää ERP-tuotenumeroin käytetyt tuotteet ja siirtää tilaukset API:n kautta Easoftiin. Mukana varastosaldojen synkronointi.
TulosVarastosaldot pysyvät ajan tasalla ja myös verkkokaupan tilaukset synkronoidaan reaaliajassa ERP-järjestelmään, missä tapahtuu kaikkien tilausten keskitetty käsittely.
TekniikatPHP, WooCommerce REST API, JSON
Kaupankäynti – Nettix
TavoiteNäyttää Nettix-ilmoitukset omalla sivustolla halutuin ehdoin.
RatkaisuLisäosa hakee ilmoituksia Nettixin kaupankäyntijärjestelmästä ja esittää ne määritellyissä paikoissa.
TulosKohdistettujen ilmoitusten näkyvyys kasvoi ja kävijät löytävät ne nopeasti.
TekniikatPHP
Myynnin asiakassuhteet – Pipedrive
TavoiteSiirtää kurssien ostaja- ja osallistujatiedot sekä luo kommentit ja aktiviteetit automaattisesti Pipedriveen.
RatkaisuLisäosa, joka lähettää asiakas- ja tilaustiedot Pipedriveen ja luo muistutuksia myyntitiimille.
TulosMyynti voi kohdistaa toimenpiteet ajoissa ja asiakastieto on keskitetty. Mahdollisesti uudelleen ostaviin asiakkaisiin voidaan pitää yhteyttä oikea-aikaisesti.
TekniikatPHP
Muita lisäosia
Bonusjärjestelmä
TavoiteLisätä työntekijöiden motivaatiota ja seurata tuottavuutta verkkokaupan yhteydessä.
RatkaisuLisäosa, joka kirjaa työntekijäkohtaisen tuottavuuden ja laskee bonukset automaattisesti.
TulosBonukset syntyvät järjestelmästä suoraan palkkahallinnon käytettäväksi.
TekniikatPHP
Evästeiden hyväksyntä
TavoitePyytää käyttäjältä lupa ennen tiedon keräämistä GDPR:n mukaisesti.
RatkaisuKevyt kaupallinen lisäosa, joka ei hidasta sivuston toimintaa mutta toteuttaa evästesuostumuksen.
TulosSivusto täyttää vaatimukset ilman suorituskyvyn heikentymistä.
TekniikatPHP
Kourubotti – räätälöity verkkokauppa
TavoiteMyydä täydellinen paketti: tuotteet ja asennus dynaamisesti hinnoitellen asiakkaan tarpeen mukaan.
RatkaisuRäätälöity lisäosa, joka toteuttaa erillisen verkkokaupan. Lisäosa hinnoittelee kokonaisuuden välittömästi sekä antaa valita asennusajan. Asiakkaan tunnistautuminen tapahtuu Telian vahvan tunnistautumisen avulla.
TulosAsiakas saa kokonaisuuden toimitusajan sekä hinnan heti.
TekniikatPHP
Google Core Web Vitals – seuranta
TavoiteSeurata ja optimoida sivuston suorituskykyä käyttäjäkokemuksen perusteella.
RatkaisuLisäosa, joka seuraa sivujen suorituskykyä samoin kuin CruX-datan seuranta. Lisäosa tunnistaa heikosti suoriutuvat sivut.
TulosToimenpiteiden oikea kohdistaminen ongelmasivuihin. Parempi näkyvyys Googlessa ja parempi käyttäjäkokemus.
TekniikatPHP, JavaScript
Kontaktilomake
TavoiteYksinkertainen asiakkaan yhteydenotto ilman suorituskykyhaittaa.
RatkaisuYksinkertainen yhteydenottolomake, joka ei vaadi ulkoisia kirjastoriippuvuuksia.
TulosYhteydenotto toimii nopeasti ja luotettavasti kaikilla sivustoilla.
RatkaisuGhosting-tekniikkaan perustuva kaupallinen lisäosa, joka ei vaadi erillisiä asetuksia. Toimii lukuisilla lomakkeilla, kuten kontaktointilomake, sisäänkirjautuminen ja kommentointi.
TulosLomakeroskapostit estetään ilman sivuston lisäkuormitusta.
TekniikatPHP, Ghosting
Automaattinen kääntäjä / Google Translate
TavoiteKääntää sivut, artikkelit ja menut automaattisesti toiselle kielelle.
RatkaisuIntegrointi Google Cloud Translate -palveluun.
TulosMonikielinen sivusto ilman manuaalista käännöstyötä.
TekniikatPHP
Lisäosien ryhmittelijä – wordpress.org
TavoiteRyhmitellä saman kehittäjän lisäosat helposti WordPressin lisäosien hallinnassa.
RatkaisuWordPress.org:ssa julkaistu lisäosa, joka mahdollistaa lisäosien ryhmittelyn.
TulosHallinta yksinkertaistuu sivustoilla, joilla on käytössä useita lisäosia.
TekniikatPHP
Räätälöityjä sivustoratkaisuja
Roskapostitesti lomakkeen suojauksen testaukseen
TavoiteTestata sivuston suojauksen toimivuutta roskapostibotteja vastaan.
RatkaisuSimuloi lomakebotin toimintaa ja palauttaa tuloksen.
TulosKehittäjä saa heti palautteen, toimiiko oman sivuston lomakkeen suojaus käytännössä.