Przewodnik po osadzaniu
Osadź YeetForm w Framer
Komponent Embed w Framer uruchamia surowy HTML i JavaScript na stronie, a to wszystko, czego potrzebuje SDK YeetForm, aby wyrenderować działający formularz. Wklej fragment z automatyczną zmianą rozmiaru, dopasuj komponent do jego kontenera i opublikuj, formularz ładuje się z własnym układem i automatycznie rośnie lub kurczy się dopasowując do treści, bez zgadywania stałej wysokości.
Kroki
Wstaw komponent Embed
Na płótnie Framer otwórz Insert (ikona +), przejdź do Code i wybierz Embed. Umieść go na stronie w miejscu, gdzie ma być formularz.
Wklej kod HTML
Otwórz ustawienia komponentu Embed i wklej poniższy fragment w pole HTML. Ładuje on SDK i renderuje formularz 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>Ustaw rozmiar i opublikuj
Ustaw szerokość komponentu na Fill lub stałą wartość, a wysokość na Auto lub Fit content, następnie opublikuj witrynę, osadzenia renderują się na żywo dopiero po publikacji, nie zawsze w podglądzie na płótnie.
Wskazówki
- •Automatyczna zmiana rozmiaru pochodzi z YeetForm.embed(), które nasłuchuje wiadomości o wysokości z iframe'u formularza, ustaw wysokość komponentu na Auto, aby nic się nie ucinało.
- •Osadzony formularz pomija własny nagłówek i tło YeetForm, więc wygląda jak część Twojej strony Framer, a nie osobny widget.
- •Dodaj do formularza ukryte pole i wypełnij je wstępnie z URL-a (?utm_source=... lub ?field_id=wartość), aby śledzić, która strona Framer lub kampania 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