Upotusopas

Upota YeetForm-lomake mihin tahansa

Vaiheittaiset oppaat YeetForm-lomakkeen lisäämiseen sivustotyökaluun tai CMS:ään, jota jo käytät — ei laajennuksia.

Notion

Notionin /embed-lohko muuttaa minkä tahansa sivun ikkunaksi ulkopuoliseen sisältöön, ja YeetForm-lomake asettuu siihen suoraan ilman laajennusta. Koska Notion eristää upotetut sivut eikä suorita injektoitua JavaScriptia, käytät lomakkeen suoraa URL-osoitetta SDK-skriptin sijaan. Jaetun Notion-sivun katsoja näkee aidon, interaktiivisen lomakkeen ja voi lähettää sen poistumatta sivulta.

Vaiheet

Webflow

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

Framer

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

Shopify

Shopifyn teemaeditori antaa lisätä raakaa HTML:ää ja skriptiä mille tahansa sivulle Custom Liquid -osion kautta, mikä riittää YeetFormin upotusskriptin ajamiseen ilman sovelluksen asentamista Shopify App Storesta. Käytä sitä yhteydenottolomakkeeseen, ennakkotilauslistalle, mittakyselyyn tai palautuspyyntösivulle — mihin tahansa, missä kauppa tarvitsee jäsenneltyjä vastauksia pelkän sähköpostin sijaan.

Vaiheet

WordPress

WordPressin lohkoeditorissa on valmiina Custom HTML -lohko, joka suorittaa skriptejä elävällä sivulla, joten voit upottaa YeetForm-lomakkeen ilman lomakelaajennuksen asentamista tai maksamista siitä. Se toimii samoin sivulla, artikkelissa tai useimmissa sivunrakennustyökaluissa, jotka tukevat raakoja HTML-lohkoja, ja lomake toimii edelleen, vaikka vaihdat myöhemmin teemaa.

Vaiheet

Squarespace

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

Wix

Wixin Embed a Widget -elementti pystyy pudottamaan tavallisen iframen millä tahansa sivulle, mikä on yksinkertaisin tapa lisätä YeetForm-lomake, koska Wix eristää elementin jo valmiiksi. Saat elävän, interaktiivisen lomakkeen ilman lomakesovelluksen etsimistä Wix App Marketista, ja se toimii sekä Wixin Editor- että Studio-sivustotyypeissä.

Vaiheet

Carrd

Carrdin Embed-elementti hyväksyy tavallisen iframen, mikä on turvallisin vaihtoehto alustalla, joka on rakennettu yksinkertaisia, nopeita yksisivustoja varten — ei tarvitse huolehtia skriptien rikkoutumisesta. Mukautetun koodin elementit ovat Pro-ominaisuus, joten ilmaiset Carrd-sivustot eivät voi upottaa elävää lomaketta suoraan, mutta linkittäminen siihen toimii millä tahansa tasolla, kun harkitset päivitystä.

Vaiheet

Ghost

Ghostin editorissa on HTML-kortti, joka suorittaa skriptejä julkaistulla artikkelilla tai sivulla, joten YeetForm-lomake asettuu suoraan uutiskirjeen tilauspolkuun, lukijakyselyyn tai maksullisen sisällön hakemuslomakkeeseen. Se toimii identtisesti itse isännöidyssä Ghostissa ja Ghost(Pro):ssa, sillä HTML-kortti on editorin ydinominaisuus, ei teema- tai isännöintilisä.

Vaiheet