Toimii on julkaistu hiljaisesti — palvelu on käytössä ja rekisteröityminen auki. Kokeile ilmaiseksi →
Suomi
English
Nordic
Suomi Svenska Norsk Dansk
Baltic
Eesti Latviešu Lietuvių
Europe
Deutsch Français Español Italiano Nederlands Polski
Miten nämä käännökset on tehty
Kirjaudu Kokeile ilmaiseksi

Toimii on julkaistu hiljaisesti, joten nämä ohjeet kuvaavat palvelua, johon voit rekisteröityä ja jota voit käyttää jo nyt. Muutama osa on vielä matkalla — iOS- ja Android-sovellukset julkaistaan vielä vuoden 2026 aikana.

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-your-code></toimii-your-code>
Toimiiko tämä oikeasti?

Kyllä. Custom HTML -lohko kuuluu WordPressin ytimeen, joten mitään ei tarvitse asentaa. Ehtoja on kaksi, molemmat alla: käyttäjäroolisi ja — WordPress.comissa — tilauksesi.

Vaihe vaiheelta

1
Avaa sivu tai postaus
WP Adminissa mene kohtaan Pages tai Posts ja avaa kohta, jolle haluat lomakkeen.
2
Lisää Custom HTML -lohko
Klikkaa Block Inserter -kuvaketta ja hae ”Custom HTML” — tai kirjoita tyhjään kappaleeseen /html ja paina Enter. Klassisessa editorissa vaihda sen sijaan Text-välilehdelle.
3
Liitä upotuskoodi
Liitä komponenttisi Toimii-sivulta kopioidut kaksi riviä. Kopioi ne käsin kirjoittamisen sijaan — elementin nimi on juuri sinun komponenttisi oma.
4
Julkaise ja testaa live-sivu
Paina Update tai Publish, avaa live-URL ja lähetä itsellesi testiviesti. Vasta perille tullut viesti todistaa, että koko ketju toimii.
Vaadittu tilaus

Itse isännöidyllä WordPressillä ei ole lainkaan tilausrajoitusta — Custom HTML -lohko kuuluu ytimeen jokaisessa asennuksessa. WordPress.com on ainoa poikkeus; katso alla oleva WordPress.com-kysymys.

Sudenkuopat

  • WordPress poistaa <script>-tagit hiljaisesti kaikilta, joilla ei ole unfiltered_html-oikeutta. Yhden sivuston asennuksessa se tarkoittaa, että Author- ja Contributor-roolit menettävät upotuksen tallennuksessa ilman varoitusta — Administrator ja Editor säilyttävät sen.
  • Jos välimuistilisäosa tai palveluntarjoajasi tallentaa sivut välimuistiin, kävijät voivat saada yhä sen version, joka oli ennen lohkon lisäämistä. Tyhjennä välimuisti kerran julkaisun jälkeen ja tarkista tulos yksityisessä ikkunassa.
  • Klassisessa editorissa liitä Text-välilehdelle — älä koskaan Visualiin. Visual-välilehti koodaa raa'an HTML:n uudelleen, jolloin kaksi riviä näkyy tekstinä lomakkeen sijaan; sama tapahtuu, jos vaihdat välilehteä liittämisen jälkeen. Jos näin on jo käynyt, tyhjennä lohko ja liitä uudelleen Text-tilassa.

Usein kysyttyä

Miksi upotukseni ei näy tallennuksen jälkeen?

Tarkista käyttäjäroolisi. WordPressin wp_kses()-suodatin poistaa

Upotatko eri alustalle?

Samat kaksi riviä koodia, jokaiselle alustalle eri ohjeet.

Squarespace

Lisää Code Block mille tahansa sivulle. Vaatii tilauksen, jonka code blockit saavat suorittaa JavaScriptiä.

Lue koko opas
Webflow

Vedä canvasille Code Embed -elementti ja liitä kaksi riviä. Mukautettu koodi on Webflowissa maksullinen ominaisuus — se on ainoa ehto.

Lue koko opas
Wix

Käytä Wixin Custom Element -elementtiä: komponentin script-URL Server URL -kenttään, sen tagi Tag Name -kenttään. HTML-upotus ei toimi — se on sandboxattu iframe.

Lue koko opas
Shopify

Lisää Custom Liquid -osio Shopifyn teema-editorissa — ei sovellusasennusta, ei teemakoodin muokkausta. Kassasivu on ainoa paikka, johon se ei sovi.

Lue koko opas
Staattiset sivustot

Astro, Hugo, 11ty, Jekyll — samat 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.