Przewodnik po osadzaniu
Osadź YeetForm w Webflow
Element Embed w Webflow uruchamia własny kod wewnątrz opublikowanej witryny, a dokładnie tego potrzebuje SDK JS YeetForm. Wklej fragment kodu z automatyczną zmianą rozmiaru, a formularz pojawi się w treści, dopasowany do własnej zawartości, ostylowany tak blisko Twojej strony, jak pozwala na to motyw YeetForm. Działa z każdym planem Webflow, ponieważ elementy Embed nie są zablokowane za płatnym planem.
Kroki
Dodaj element Embed
W Webflow Designerze otwórz panel Add (A), znajdź Embed w sekcji Components i przeciągnij go na stronę w miejsce, gdzie ma być formularz.
Wklej kod osadzenia
Kliknij dwukrotnie element Embed i wklej poniższy fragment SDK. Ładuje on skrypt YeetForm, a następnie renderuje Twój formularz w divie z automatyczną zmianą rozmiaru.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Opublikuj witrynę
Własny kod w elementach Embed działa tylko na opublikowanej witrynie, nie na płótnie Designera, opublikuj i sprawdź stronę na żywo, aby zobaczyć, jak formularz się ładuje.
Wskazówki
- •Osadzenie automatycznie zmienia rozmiar: YeetForm.embed() nasłuchuje wiadomości postMessage z formularza i dostosowuje wysokość iframe'u, więc nie musisz jej ustawiać na sztywno.
- •Osadzone formularze używają kompaktowego układu bez otoczki (bez nagłówka YeetForm), dzięki czemu naturalnie wpasowują się w Twoją sekcję Webflow zamiast wyglądać jak osobna aplikacja.
- •Dodaj ukryte pole i wypełnij je wstępnie z URL-a strony (?utm_source=... lub ?field_id=wartość), aby rejestrować, która kampania lub strona przyniosła odpowiedź.
Zbuduj formularz z AI w kilka sekund
Plan darmowy obejmuje generowanie AI, logikę i osadzanie.
Zbuduj formularz z AI w kilka sekund