Toimii julkaistaan vuonna 2026 — tämä sivusto on ennakkonäkymä.
Suomi
English
Nordic
Suomi Svenska Norsk Dansk Íslenska
Baltic
Eesti Latviešu Lietuvių
Europe
Deutsch Français Español Italiano Nederlands Polski Português

Nämä ohjeet kuvaavat Toimiita julkaisun jälkeen. Hallintapaneeli ja laskutus eivät ole vielä käytössä — Toimii julkaistaan vuonna 2026.

Näin upotat yhteydenottolomakkeen WordPressiin ilman lisäosaa

Custom HTML -lohko. Kaksi riviä. Ei lisäosa-asennusta, ei PHP:tä, ei tietokantamuutoksia — toimii Block-editorissa tai klassisessa editorissa.

<!-- Lisää tämä mille tahansa sivulle -->
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-contact></toimii-contact>
Toimiiko tämä oikeasti?

Kyllä — WordPress.org-itse-isännöinnillä ja WordPress.com Business -tilauksella ja uudemmilla. Custom HTML -lohko on sisäänrakennettu. Lisäosaa ei tarvita. Yksi mutka — käyttäjäroolisi tarvitsee unfiltered_html-oikeuden (Administratoreilla on; Editoreilla ja Contributoreilla ei).

Vaihe vaiheelta

1
Avaa sivu tai postaus
WP Adminissa mene kohtaan Pages tai Posts ja avaa kohta, jolle haluat lomakkeen. Varmista että olet kirjautunut Administratorina — Editor- ja Contributor-roolit saavat skriptit poistetuksi tallennuksessa hiljaisesti.
2
Lisää Custom HTML -lohko
Klikkaa + (Add Block) -painiketta, etsi "Custom HTML" ja lisää lohko. Klassisessa editorissa vaihda Text-välilehdelle.
3
Liitä upotuskoodi
Kopioi Toimii-koontinäytöltä saamasi kaksi riviä ja liitä ne lohkoon. Block-editori ei esikatsele mukautettuja skriptejä editori-näkymässä — se on odotettavaa.
4
Esikatsele
Klikkaa Preview. Lomakkeen pitäisi renderöityä esikatselusivulla — esikatselu on totuuden lähde, ei editori-näkymä.
5
Julkaise tai päivitä
Klikkaa Update tai Publish. Katso live-URL varmistaaksesi että lomake toimii päästä päähän. Lähetä testiviesti.
Vaadittu tilaus

WordPress.org-itse-isännöinnillä ei ole tilausrajoitusta. WordPress.com vaatii Business-tilauksen (tai minkä tahansa maksullisen tilauksen, jossa on vähintään yksi lisäosa aktivoituna) — ilmainen, Personal- ja Premium-tilaukset estävät mukautetun koodin.

Yleiset sudenkuopat

  • WordPress poistaa <script>-tagit ei-admin-käyttäjiltä hiljaisesti. Editorit ja Contributorit menettävät upotuksen tallennuksessa ilman varoitusta — vain Administratorit (tai unfiltered_html-oikeuden omaavat käyttäjät) voivat säilyttää sen.
  • Välimuistitus-lisäosat (W3 Total Cache, WP Super Cache, LiteSpeed Cache) tarvitsevat joskus manuaalisen välimuistin tyhjennyksen ensimmäisen julkaisun jälkeen ennen kuin script-tagi tavoittaa kävijät.
  • Jotkut tietoturvalisäosat (Wordfence, iThemes Security) estävät inline-skriptit myös admineilta. Jos lomake ei renderöidy, lisää cdn.toimii.io ja api.toimii.io lisäosan Firewall- / Allow-listalle.
  • AMP-lisäosat poistavat mielivaltaisia skriptejä. Ota AMP pois käytöstä sivulta, jolla on lomake, tai ohita AMP kokonaan.
  • Klassisessa editorissa liitä Text-tilassa — ei Visualissa. Visual-tila koodaa raaka HTML:n uudelleen.

Usein kysyttyä

Miksi upotukseni ei näy tallennuksen jälkeen?

Tarkista käyttäjäroolisi. WordPress:n wp_kses()-suodatin poistaa

Upotat eri alustalle?

Sama kaksi riviä koodia, jokaiselle alustalle eri ohjeet.

Squarespace

Pudota koodilohko mille tahansa sivulle. Vaatii Core-tilauksen (vuoden 2025 uusi nimi Businessille) tai uudemman.

Lue koko opas
Webflow

Code Embed -elementtiin mahtuu 50 000 merkkiä. Mukautettu koodi vaatii Basic-tilauksen tai uudemman. Julkaise nähdäksesi tuloksen.

Lue koko opas
Wix

Wix sandboxaa Embed-widgetin, joten käytämme jaettua menetelmää — script Settings → Custom Code -kohtaan, tagi Embed a Widget -lohkoon. Rehellinen ohje.

Lue koko opas
Shopify

Lisää Custom Liquid -osio mihin tahansa teemaan — sovellusta ei tarvita. Kassasivu vaatii Shopify Plus -tilauksen.

Lue koko opas
Staattiset sivustot

Astro, Hugo, 11ty, Jekyll — sama kaksi riviä layout-tiedostoon. Buildit pysyvät nopeina.

Lue koko opas
HTML / Muu

Pelkkä HTML-sivu riittää. Avaa tekstieditorissa, liitä, tallenna, lataa palvelimelle. Kolme askelta ja toimii.

Lue koko opas
React / Vue / Angular

Käytä mukautettua elementtitagia suoraan JSX:ssä, Vue-templateissa tai Angular-komponenteissa. Ei wrapper-komponenttia, ei lisäpaketteja.

Lue koko opas

Valmis kokeilemaan?

30 päivän ilmainen kokeilu. Ei luottokorttia. Valmis minuuteissa.

Ei luottokorttia. Valmis kahdessa minuutissa.