Upotusopas
Upota YeetForm Webflow-sivulle
Webflow'n Embed-elementti suorittaa mukautettua koodia julkaistulla sivustolla, ja juuri tätä YeetFormin JS-SDK tarvitsee. Liitä automaattisesti koon muuttava upotuskoodi, ja lomake ilmestyy sivulle omaan sisältöönsä mitoitettuna, tyyliteltynä sivuusi sopivaksi YeetFormin teeman rajoissa. Toimii millä tahansa Webflow-tasolla, sillä Embed-elementit eivät ole maksullisten tasojen takana.
Vaiheet
Lisää Embed-elementti
Avaa Webflow Designerissa Add-paneeli (A), etsi Embed Components-osiosta ja vedä se sivulle kohtaan, johon lomake tulee.
Liitä upotuskoodi
Kaksoisnapsauta Embed-elementtiä ja liitä alla oleva SDK-koodi. Se lataa YeetFormin skriptin ja renderöi lomakkeesi diviin automaattisesti kokoa muuttaen.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Julkaise sivusto
Embed-elementin mukautettu koodi toimii vain julkaistulla sivustolla, ei Designerin työtilassa — julkaise ja tarkista elävä sivu nähdäksesi lomakkeen latautuvan.
Vinkit
- •Upotus muuttaa kokoaan automaattisesti: YeetForm.embed() kuuntelee lomakkeelta tulevaa postMessagea ja säätää iframen korkeutta, joten sitä ei tarvitse kovakoodata.
- •Upotetut lomakkeet käyttävät tiivistä, kehyksetöntä asettelua (ei YeetFormin otsikkoa), joten ne istuvat luontevasti Webflow-osioosi sen sijaan että näyttäisivät erilliseltä sovelmalta.
- •Lisää piilokenttä ja esitäytä se sivun URL:sta (?utm_source=... tai ?field_id=arvo) tallentaaksesi, mikä kampanja tai sivu toi vastauksen.
Rakenna lomakkeesi tekoälyllä sekunneissa
Ilmaisversio sisältää AI-luonnin, logiikan ja upotuksen.
Rakenna lomakkeesi tekoälyllä sekunneissa