Przewodnik po osadzaniu

Osadź YeetForm w Carrd

Element Embed w Carrd akceptuje zwykły iframe, co jest najbezpieczniejszą opcją na platformie zbudowanej wokół prostych, szybkich jednostronicowych witryn, bez obaw o zepsucie się znaczników script. Elementy niestandardowego kodu to funkcja planu Pro, więc darmowe witryny Carrd nie mogą bezpośrednio osadzić działającego formularza, ale linkowanie do niego działa na każdym planie, zanim zdecydujesz się na aktualizację.

Kroki

Dodaj element Embed

W kreatorze Carrd kliknij +, aby dodać element, i wybierz Embed spośród opcji treści. Wymaga to planu Pro Standard lub wyższego, witryny w planie darmowym mogą zamiast tego dodać element Link wskazujący na URL Twojego formularza.

Ustaw typ na Code i wklej iframe

Wybierz Code jako typ osadzenia i wklej poniższy fragment. Carrd renderuje go jako izolowany iframe, więc metoda zwykłego URL-a jest tu niezawodnym wyborem.

<iframe
  src="https://yeetform.io/f/your-form-slug?embed=true"
  width="100%"
  height="600"
  frameborder="0"
  style="border:none;border-radius:8px;"
></iframe>

Dopasuj wysokość i opublikuj

Ustaw wysokość elementu tak, aby wygodnie pomieścić formularz (elementy Carrd nie zmieniają rozmiaru automatycznie do osadzonej treści), a następnie opublikuj witrynę.

Wskazówki

•Osadzenia Carrd nie obsługują automatycznej zmiany rozmiaru postMessage z SDK, więc wybierz stałą wysokość z pewnym zapasem, zwłaszcza dla dłuższych lub wielostronicowych formularzy.
•URL z ?embed=true usuwa własny nagłówek i tło YeetForm, co ma większe znaczenie w Carrd, ponieważ jednostronicowe witryny są zwykle ściśle zaprojektowane.
•Dodaj ukryte pole i wypełnij je wstępnie z URL-a strony (?utm_source=... lub ?field_id=wartość), aby wiedzieć, z której witryny lub sekcji Carrd pochodzi odpowiedź.

Zbuduj formularz z AI w kilka sekund

Plan darmowy obejmuje generowanie AI, logikę i osadzanie.

Zbuduj formularz z AI w kilka sekund

FAQ

Czy mogę osadzić formularz w darmowym planie Carrd?+

Nie przy pomocy osadzenia kodu, element Embed w Carrd wymaga planu Pro Standard lub wyższego. W planie darmowym dodaj zamiast tego element Link lub Button wskazujący na URL Twojego formularza.

Dlaczego w Carrd używać zwykłego iframe zamiast SDK JS?+

Carrd renderuje niestandardowe osadzenia we własnym izolowanym iframe, więc zwykły URL iframe jest prostszy i bardziej niezawodny niż zagnieżdżanie w nim osadzenia opartego na skrypcie z SDK.

Czy formularz dopasuje rozmiar do swojej treści w Carrd?+

Nie, ustaw stałą wysokość elementu Embed, która wygodnie pomieści formularz, ponieważ Carrd nie uruchamia nasłuchiwacza automatycznej zmiany rozmiaru, którego normalnie używa SDK.

Czy jest limit liczby formularzy, które mogę osadzić na jednej stronie Carrd?+

Brak twardego limitu ze strony YeetForm, choć jednostronicowa witryna z kilkoma osadzonymi formularzami może wizualnie się zagęścić, większość witryn Carrd osadza jeden skoncentrowany formularz na sekcję.