Manustamisjuhend

Manusta YeetForm Webflow'sse

Webflow Embed-element käivitab kohandatud koodi avaldatud saidil, ja täpselt seda YeetFormi JS-SDK vajabki. Lisa automaatselt suurust muutev manustuskood ning vorm ilmub lehele oma sisule mõõdetuna, stiliseerituna sinu lehega sobivaks nii palju kui YeetFormi teema võimaldab. Töötab igal Webflow plaanil, kuna Embed-elemendid pole tasulise taseme taga.

Sammud

1

Lisa Embed-element

Ava Webflow Designeris paneel Add (A), leia Embed jaotisest Components ja lohista see lehele kohta, kuhu vorm peaks tulema.

2

Kleebi manustuskood

Topeltklõpsa Embed-elemendil ja kleebi alljärgnev SDK-kood. See laadib YeetFormi skripti ning renderdab su vormi divi automaatselt suurust muutes.

<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
  YeetForm.embed("your-form-slug", "#my-form");
</script>
3

Avalda sait

Embed-elemendi kohandatud kood töötab ainult avaldatud saidil, mitte Designeri lõuendil — avalda sait ja kontrolli elavat lehte, et näha vormi laadumist.

Nõuanded

  • Manustus muudab suurust automaatselt: YeetForm.embed() kuulab vormilt tulevat postMessage'i ja kohandab iframe kõrgust, seega pole seda vaja kõvasti kodeerida.
  • Manustatud vormid kasutavad kompaktset, raamideta paigutust (ilma YeetFormi päiseta), et need istuksid loomulikult sinu Webflow sektsiooni, mitte ei näeks välja eraldi rakendusena.
  • Lisa peidetud väli ja täida see lehe URL-ist (?utm_source=... või ?field_id=väärtus), et jäädvustada, milline kampaania või leht vastuse tõi.

Ehita oma vorm tehisintellektiga sekunditega

Tasuta plaan sisaldab AI-loomet, loogikat ja manustamist.

Ehita oma vorm tehisintellektiga sekunditega

KKK

Kas Webflow Embed-element nõuab tasulist Webflow plaani?+
Ei. Embed-element on saadaval nii Webflow tasuta Starter plaanil kui ka kõigil tasulistel saidiplaanidel — see pole tasuline lisafunktsioon.
Kas vorm on näha Webflow Designeri eelvaates?+
Mitte kindlalt — Designeri lõuend ei käivita kohandatud koodi samamoodi nagu avaldatud leht. Avalda sait (või kasuta Webflow staging-domeeni), et näha elavat manustust.
Kas saan vormi kujundada oma Webflow saidiga sobivaks?+
Saad seadistada vormi värvid, fondi ja nurgaraadiuse YeetFormi teemaredaktoris. Manustatud vormi sügavaid CSS-ülekirjutusi ei toetata, kuna see renderdub omas skoobis.
Kas manustamine töötab YeetFormi tasuta plaanil?+
Jah, manustamine töötab igal plaanil. Tasuta plaani vormidel on väike 'Powered by YeetForm' jalus, mis kaob tasulistel plaanidel.