Przewodnik po osadzaniu
Osadź YeetForm w Squarespace
Code Block w Squarespace renderuje surowy HTML i uruchamia skrypty bezpośrednio na stronie, więc formularz YeetForm wpasowuje się schludnie obok własnych bloków treści Squarespace. To dobre rozwiązanie, gdy chcesz formularz z prawdziwą logiką i budową wspomaganą AI, ponieważ natywny blok formularza Squarespace oferuje tylko podstawowe pola i brak rozgałęzień warunkowych.
Kroki
Dodaj Code Block
Edytuj stronę, kliknij punkt wstawiania i dodaj Code Block z panelu (pod More w menu bloków).
Wklej fragment kodu
Wklej poniższy kod w blok, upewnij się, że Display Source jest wyłączone, aby kod się renderował zamiast wyświetlać jako tekst, i zatwierdź.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Zapisz i zobacz stronę na żywo
Podgląd edytora Squarespace czasem ogranicza skrypty firm trzecich, zapisz zmiany i sprawdź opublikowaną stronę, aby potwierdzić, że formularz się ładuje i zmienia rozmiar.
Wskazówki
- •Osadzony formularz sam zmienia rozmiar dzięki nasłuchiwaniu postMessage, więc nie trzeba ustawiać stałej wysokości w pikselach dla Code Block.
- •Formularz renderuje się bez własnego nagłówka YeetForm, więc wygląda jak część Twojej strony Squarespace, a nie osobne okno aplikacji.
- •Dodaj ukryte pole i wypełnij je wstępnie z URL-a strony (?utm_source=... lub ?field_id=wartość), aby śledzić, która strona Squarespace 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