Upotusopas
Upota YeetForm Frameriin
Framerin Embed-komponentti suorittaa raakaa HTML:ää ja JavaScriptiä sivulla, ja juuri sitä YeetFormin SDK tarvitsee elävän lomakkeen renderöintiin. Liitä automaattisesti koon muuttava koodi, muuta komponentin koko täyttämään säiliönsä ja julkaise — lomake latautuu omalla asettelullaan ja kasvaa tai kutistuu sisältönsä mukaan automaattisesti, ilman kiinteän korkeuden arvailua.
Vaiheet
Lisää Embed-komponentti
Avaa Framerin työtilassa Insert (+-kuvake), siirry Code-osioon ja valitse Embed. Pudota se sivulle kohtaan, johon lomake tulee.
Liitä HTML
Avaa Embed-komponentin asetukset ja liitä alla oleva koodi HTML-kenttään. Se lataa SDK:n ja renderöi lomakkeen automaattisella koon muutoksella.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Aseta koko ja julkaise
Aseta komponentin leveydeksi Fill tai kiinteä arvo ja korkeudeksi Auto tai Fit content, ja julkaise sivusto — upotukset renderöityvät elävinä vasta julkaisun jälkeen, ei aina työtilan esikatselussa.
Vinkit
- •Automaattinen koon muutos tulee YeetForm.embed()-funktiosta, joka kuuntelee lomakkeen iframesta tulevaa korkeusviestiä — aseta komponentin korkeudeksi Auto, jotta se ei leikkaudu.
- •Upotettu lomake poistaa YeetFormin oman otsikon ja taustan, joten se näyttää osalta Framer-sivuasi eikä erilliseltä widgetiltä.
- •Lisää lomakkeeseen piilokenttä ja esitäytä se URL:sta (?utm_source=... tai ?field_id=arvo) seurataksesi, mikä Framer-sivu tai kampanja toi vastauksen.
Rakenna lomakkeesi tekoälyllä sekunneissa
Ilmaisversio sisältää AI-luonnin, logiikan ja upotuksen.
Rakenna lomakkeesi tekoälyllä sekunneissa