Jak osadzać zewnętrzne formularze na dowolnej stronie Edcommerce
Last updated: July 27, 2026
Wyjaśnia, jak osadzić formularz zewnętrznej firmy (na przykład taki stworzony w Twoim CRM) na stronie docelowej EdCommerce, korzystając z bloku strony 'Kod HTML'. Trzy kroki to: utwórz lub edytuj stronę w zakładce 'Strony' i przeciągnij blok Kod HTML, otwórz edytor bloku i wklej kod swojego formularza, następnie podgląd i opublikuj. Osadzenie musi być kodem IFRAME — jeśli Twój CRM generuje tylko skrypt, skonwertuj go za pomocą narzędzia takiego jak Iframe Generator przed wklejeniem. Typowe przypadki użycia obejmują niestandardowe formularze CRM, dynamiczne wyświetlanie produktów z formularzem lead, oraz stronę "skontaktuj się z nami" korzystającą z istniejącego formularza kontaktowego Twojej strony internetowej.
Podczas gdy Edcommerce oferuje inteligentne formularze, które płynnie synchronizują się z Twoją platformą Edvisor, mogą się zdarzyć sytuacje, gdy wolisz korzystać z własnych zewnętrznych formularzy.
W tym przewodniku przeprowadzimy Cię przez proste kroki osadzania dowolnego zewnętrznego formularza na stronach docelowych EdCommerce, oferując Ci najlepsze z obu światów.
Przypadki użycia:
- Formularze niestandardowe: Zintegruj niestandardowe formularze generowane przez Twój CRM, aby zebrać specyficzne informacje od Klienta na stronach Twojego eCommerce.
- Dynamiczne wyświetlanie Produktów: Prezentuj dynamicznie generowane rekomendacje produktów lub spersonalizowaną treść na podstawie preferencji Klienta. Zwiększ zbieranie leadów, osadzając swój formularz lead na stronach z taką treścią.
- Formularz kontaktowy: Utwórz stronę "skontaktuj się z nami" na EdCommerce, korzystając z tego samego formularza kontaktowego, którego używasz na swojej stronie internetowej. Przykład.
Zacznijmy!
Krok 1: Utwórz blok Kod HTML
Najpierw musisz utworzyć lub edytować stronę EdCommerce:
- Na swoim koncie EdCommerce przejdź do 'Strony' > 'Utwórz nową stronę'
Te strony są tworzone za pomocą niestandardowych bloków różnych typów. Aby utworzyć stronę z osadzonym formularzem zewnętrznym, wybierz opcję 'Kod HTML'.
Następnie po prostu przeciągnij i upuść tę opcję do edytora strony.
Krok 2: Skopiuj i wklej kod HTML swojego formularza
Kliknij na nowo dodany blok HTML, aby otworzyć edytor.
Teraz musisz wkleić kod HTML swojego formularza do edytora.
Możesz znaleźć ten kod w swoim systemie CRM, gdzie Twój formularz został pierwotnie utworzony. Po prostu skopiuj kod HTML z CRM i wklej go do edytora tutaj w EdCommerce.
Nie zapomnij zapisać zmian po wklejeniu kodu.
Aby to zadziałało, musi to być kod IFRAME.
Przykład:
<iframe src="https://share.hsforms.com/1kd5fKSSYQCWK_fCwBq95Wg3tjye" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="1200px" width="100%" allowfullscreen></iframe>W niektórych przypadkach kod HTML generowany przez Twój CRM może być w formie skryptu. Aby osadzić te skrypty na stronie, musisz przekonwertować skrypt na iframe. Możesz użyć narzędzi online, takich jak Generator iframe do tej konwersji.
Oto co zrobić:
- Przejdź do Generator iframe lub podobnego narzędzia.
- Skopiuj swój skrypt CRM w polu.
- Zmień ustawienia, takie jak rozmiar iframe, jeśli to konieczne.
- Kliknij, aby uzyskać kod iframe.
- Skopiuj i wklej ten kod do swojego bloku HTML Edcommerce.
Krok 3: Podgląd i publikacja strony
Podglądaj stronę, aby upewnić się, że osadzony formularz wyświetla się poprawnie.
Jeśli wszystko wygląda zgodnie z zamierzeniem, opublikuj stronę, aby zastosować zmiany na swojej stronie Edcommerce.