Przewodnik po osadzaniu
Osadź YeetForm w Shopify
Edytor motywów Shopify pozwala wstawić surowy HTML i skrypt na dowolną stronę za pomocą sekcji Custom Liquid, co wystarczy, by uruchomić skrypt osadzania YeetForm bez instalowania aplikacji ze Shopify App Store. Użyj tego do formularza kontaktowego, listy oczekujących na przedsprzedaż, quizu doboru rozmiaru lub strony zgłoszenia zwrotu, wszędzie tam, gdzie sklep potrzebuje ustrukturyzowanych odpowiedzi zamiast zwykłego e-maila.
Kroki
Dodaj sekcję Custom Liquid
W Shopify Admin przejdź do Online Store > Themes > Customize, otwórz stronę, na której ma być formularz, kliknij Add section (lub Add block, zależnie od szablonu) i wybierz Custom Liquid.
Wklej fragment kodu
Wklej poniższy kod w pole kodu Liquid. Część {{ section.id }} utrzymuje unikalny identyfikator kontenera, jeśli kiedykolwiek dodasz sekcję dwukrotnie na jednej stronie.
<script src="https://yeetform.io/sdk.js"></script>
<div id="yf-{{ section.id }}"></div>
<script>
YeetForm.embed("your-form-slug", "#yf-{{ section.id }}");
</script>Zapisz i zobacz podgląd
Kliknij Save, a następnie otwórz stronę w swoim sklepie (nie tylko podgląd edytora motywów), aby potwierdzić, że formularz ładuje się i poprawnie zmienia rozmiar.
Wskazówki
- •Osadzenie automatycznie dopasowuje rozmiar do treści formularza dzięki nasłuchiwaniu postMessage, więc nie musisz zgadywać stałej wysokości sekcji.
- •Osadzone formularze renderują się bez własnego nagłówka YeetForm, więc wyglądają jak naturalna część Twojej strony Shopify, a nie zewnętrzny widget.
- •Dodaj ukryte pole, aby automatycznie rejestrować kontekst, przekaż je jako parametr zapytania w URL-u strony (?utm_source=... lub ?field_id=wartość) do śledzenia kampanii lub strony produktu.
Zbuduj formularz z AI w kilka sekund
Plan darmowy obejmuje generowanie AI, logikę i osadzanie.
Zbuduj formularz z AI w kilka sekund