Upotusopas
Upota YeetForm Squarespaceen
Squarespacen Code Block renderöi raakaa HTML:ää ja suorittaa skriptejä suoraan sivulla, joten YeetForm-lomake asettuu siististi Squarespacen omien sisältölohkojen viereen. Se sopii hyvin, kun haluat lomakkeen, jossa on todellista logiikkaa ja tekoälyavusteista rakentamista, sillä Squarespacen omassa lomakelohkossa on vain peruskenttiä eikä ehdollista haarautumista.
Vaiheet
Lisää Code Block
Muokkaa sivua, klikkaa lisäyskohtaa ja lisää Code Block paneelista (More-valikon alta).
Liitä koodi
Liitä alla oleva koodi lohkoon, varmista että Display Source on pois päältä, jotta koodi renderöityy tekstinä näyttämisen sijaan, ja hyväksy.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Tallenna ja tarkista elävä sivu
Squarespacen editorin esikatselu joskus rajoittaa kolmannen osapuolen skriptejä — tallenna muutokset ja katso julkaistu sivu varmistaaksesi, että lomake latautuu ja muuttaa kokoaan.
Vinkit
- •Upotettu lomake muuttaa kokoaan automaattisesti postMessage-kuuntelijan avulla, joten Code Blockille ei tarvitse asettaa kiinteää pikselikorkeutta.
- •Lomake renderöityy ilman YeetFormin omaa otsikkoa, joten se näyttää osalta Squarespace-sivuasi eikä erilliseltä sovellusikkunalta.
- •Lisää piilokenttä ja esitäytä se sivun URL:sta (?utm_source=... tai ?field_id=arvo) seurataksesi, mikä Squarespace-sivu tai kampanja toi vastauksen.
Rakenna lomakkeesi tekoälyllä sekunneissa
Ilmaisversio sisältää AI-luonnin, logiikan ja upotuksen.
Rakenna lomakkeesi tekoälyllä sekunneissa