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