Osadzanie EdCommerce na zewnętrznych stronach internetowych

Last updated: October 16, 2026

Kompleksowy przewodnik po osadzaniu treści EdCommerce na zewnętrznych stronach internetowych i stronach docelowych, obejmujący trzy metody. (1) Osadzanie formularzy kontaktowych: skopiuj iframe formularza kontaktowego EdCommerce z sekcji Ustawienia > Ecommerce > Formularze — dla każdego biura za pomocą menu z trzema kropkami lub jeden formularz dla wszystkich biur za pomocą przycisku „Kopiuj iframe formularza kontaktowego” w górnym menu — i wklej kod HTML na dowolnej zewnętrznej stronie internetowej lub w systemie CMS, takim jak WordPress/Elementor, Shopify lub Wix; dostosuj formularz, edytując adres URL iframe, aby dodać kod języka (EN, PT, ES, ES_MX, PT_BR, DE, IT, TR, FR, JA, KO) lub kod HEX ustawiający kolor przycisku Zatwierdź. Tylko formularze kontaktowe można osadzać zewnętrznie — formularze rezerwacji są dostępne wyłącznie w EdCommerce — a przesłane kontakty są synchronizowane z Edvisorem, automatycznie przypisywane do właściwego doradcy zgodnie z zasadami biznesowymi oraz trafiają do odpowiedniego lejka i etapu. (2) Osadzanie widżetów programów: utwórz widżet w Ustawieniach EdCommerce > Widżety, dostosuj jego wygląd i wklej wygenerowany fragment kodu do bloku HTML, korzystając z instrukcji krok po kroku dla WordPressa (Elementor i Visual Composer), Wix oraz Squarespace, a także z opisanych przypadków użycia. (3) Dodawanie EdCommerce do WordPressa: dodaj link do witryny EdCommerce w menu nawigacyjnym WordPressa poprzez Wygląd > Menu, używając niestandardowego odnośnika do adresu URL EdCommerce (znajdującego się w sekcji Ustawienia > EdCommerce > Szczegóły EdCommerce), najlepiej ustawiając jego otwieranie w nowej karcie.

Dzięki EdCommerce możesz umieszczać swoje treści na dowolnej zewnętrznej stronie internetowej lub stronie docelowej — niezależnie od tego, czy osadzasz formularze kontaktowe, widżety programów, czy dodajesz link do swojej witryny EdCommerce. Ten artykuł obejmuje wszystkie trzy możliwości.

Osadzanie formularzy EdCommerce

EdCommerce oferuje zaawansowaną funkcję, która umożliwia tworzenie i personalizowanie różnych formularzy kontaktowych i rezerwacji, ułatwiając gromadzenie odpowiednich informacji od kontaktów i osób dokonujących rezerwacji.

Tutaj pokażemy, jak osadzać formularze kontaktowe na innych stronach swojej witryny, umożliwiając zbieranie kontaktów nie tylko z Twojego sklepu internetowego, ale z dowolnej strony internetowej.

\Te kontakty zostaną następnie zsynchronizowane z Twoim kontem Edvisor, automatycznie przypisane do właściwych doradców oraz dodane do odpowiedniego lejka i etapu.*

*Jeśli nie skonfigurowałeś jeszcze formularzy, wróć do tego artykułu, aby dowiedzieć się, jak skonfigurować i spersonalizować formularze w swojej witrynie EdCommerce.

**Pamiętaj, że na swojej stronie internetowej można osadzać wyłącznie formularze kontaktowe. Formularze rezerwacji są dostępne wyłącznie w EdCommerce.

Jak osadzać formularze EdCommerce na dowolnej stronie docelowej lub stronie internetowej

  • Przejdź do: Ustawienia > Ecommerce > Formularze.

Następnie kliknij ikonę trzech kropek obok każdego biura i wybierz „Kopiuj iframe formularza kontaktowego”, jeśli chcesz osadzić formularz utworzony dla konkretnego biura.

Możesz też po prostu kliknąć przycisk „Kopiuj iframe formularza kontaktowego” w górnym menu, aby osadzić jeden formularz dla wszystkich biur.

Otrzymasz kod HTML, który możesz skopiować i wkleić na swojej stronie internetowej.

Jeśli korzystasz z systemu CMS, takiego jak WordPress (z kreatorem stron, takim jak Elementor lub Visual Composer), Shopify albo Wix, zazwyczaj oferują one prostą metodę osadzania elementów za pomocą fragmentów kodu HTML.

Zwykle jest to widżet lub element w zestawie narzędzi, który można po prostu przeciągnąć i upuścić.

Na przykład, jeśli korzystasz z kreatora stron, takiego jak Elementor, możesz dodać go za pomocą widżetu HTML.

Jak dostosować język formularza

Jeśli chcesz określić język formularza kontaktowego, dodaj kod języka na końcu adresu URL w kodzie HTML:

Przykład:

src="https://dev-virtual.edvisor.io/edvisor/ecommerce-campaign/lead-form-iframe/en"

Tutaj znajdziesz kody językowe dla różnych dostępnych języków:

  • EN = angielski
  • PT = portugalski
  • ES = hiszpański
  • ES_MX = hiszpański latynoamerykański
  • PT_BR = brazylijski portugalski
  • DE = niemiecki
  • IT = włoski
  • TR = turecki
  • FR = francuski
  • JA = japoński
  • KO = koreański

Jak dostosować kolor przycisku formularza

Możesz również spersonalizować kolor przycisku „Zatwierdź” w osadzonych formularzach kontaktowych, aby pasował do Twojej marki. To proste:

  1. Znajdź kod HEX koloru swojej marki (przykład: #4EB2F4).
  2. Dodaj ten kod HEX do adresu URL formularza, który chcesz osadzić.

Na przykład, jeśli chcesz użyć koloru o kodzie HEX #4EB2F4, Twój adres URL będzie wyglądał mniej więcej tak:

<iframe title="Lead Form"
    src="https://virtual.edvisor.io/nuevalengua/cotizador/lead-form-iframe/en/4EB2F4/9447"
    width="500"
    height="900"
    frameborder="0"
    allowfullscreen="true">
</iframe>

Po prostu zastąp #4EB2F4 własnym kodem koloru HEX i zobacz, jak działa!

Gdy uczeń wypełni jeden z tych formularzy, potencjalny klient zostanie przypisany do właściwego doradcy na podstawie reguł biznesowych ustalonych w ustawieniach EdCommerce. Te potencjalne kontakty są również synchronizowane z Twoim kontem Edvisor i dodawane do właściwego lejka oraz etapu.

Osadzanie programów EdCommerce

Dzięki EdCommerce możesz nie tylko tworzyć stylowe strony docelowe e-commerce i nawet tworzyć całe witryny, ale także bezproblemowo integrować jego zaawansowane funkcje z dowolną istniejącą witryną, z której korzystasz.

Oznacza to, że otrzymujesz to, co najlepsze z obu światów – funkcjonalność obecnej witryny oraz zaawansowane funkcje EdCommerce.

Możesz to zrobić, tworząc i osadzając widget. Zobaczmy, jak to zrobić.

Jak utworzyć widget EdCommerce

  1. Uzyskaj dostęp do ustawień EdCommerce: Zaloguj się na swoje konto EdCommerce i przejdź do sekcji „Ustawienia”.
  2. Utwórz widget: W menu po lewej stronie wybierz „Widgety”, a następnie „Utwórz nowy widget”.
  3. Uzupełnij szczegóły widgetu: Wypełnij formularz, podając nazwę widgetu, preferowany język, walutę i narodowość studenta.
  4. Wybierz treść: Wybierz programy lub dostawców edukacyjnych, którzy mają być wyświetlani w widgecie. Wystarczy kliknąć „Programy” lub „Dostawcy” i wybrać z listy po prawej stronie te, które chcesz wyświetlić.
  5. Dostosuj wygląd: Dostosuj wygląd widgetu, edytując styl czcionki, kolor tła i cień pola, aby pasował do designu Twojej strony internetowej. Możesz również zmienić odstępy, aby lepiej dopasować widget, klikając ikonę kwadratu wewnątrz podglądu widgetu.
  6. Zapisz widget: Gdy będziesz zadowolony z ustawień, kliknij „Zapisz”.

Po zapisaniu widgetu otrzymasz fragment kodu.

Ten kod należy dodać do Twojej strony internetowej. Czytaj dalej, aby dowiedzieć się, jak to zrobić.

Jak dodać widget EdCommerce do swojej strony

Wystarczy otworzyć stronę w swojej witrynie, na której chcesz umieścić ten widget, i wstawić pole HTML z kodem.

W zależności od systemu CMS Twojej strony internetowej (takiego jak WordPress lub Wix) sposób dodania tego kodu może się różnić. Zazwyczaj wszystkie edytory stron internetowych umożliwiają przeciągnięcie i upuszczenie pola HTML.

Oto kilka przykładów:

WordPress (z Elementor):

  • Otwórz stronę, którą chcesz edytować za pomocą Elementora.
  • Przeciągnij widget „HTML” z panelu po lewej stronie na stronę, w miejsce, w którym chcesz umieścić widget.
  • Wklej fragment kodu EdCommerce do pola kodu HTML.
  • Kliknij „Aktualizuj”, aby zapisać zmiany.

WordPress (z Visual Composer):

  • Edytuj stronę, na której chcesz umieścić widget.
  • Kliknij przycisk „+”, aby dodać nowy element.
  • Wybierz „Surowy HTML” lub „Niestandardowy HTML” spośród elementów treści.
  • Wklej fragment kodu EdCommerce do pola tekstowego.
  • Zapisz zmiany, klikając „Aktualizuj” na stronie.

Wix:

  • Przejdź do strony, którą chcesz edytować, w Edytorze Wix.
  • Kliknij „Dodaj” (+) po lewej stronie edytora i wybierz „Więcej”.
  • Wybierz „HTML iframe” z rozwijanego menu.
  • Kliknij „Wprowadź kod”, a następnie wklej fragment kodu EdCommerce do pola Ustawienia HTML.
  • Kliknij „Zastosuj”, aby zapisać zmiany i zobaczyć widget na swojej stronie.

Squarespace:

  • Przejdź do strony, na której chcesz dodać widget.
  • Kliknij „+Dodaj blok” i wybierz z menu opcję „Kod”.
  • Wklej fragment kodu EdCommerce do bloku kodu i kliknij „Zastosuj”.

Jeśli nie możesz znaleźć modułu HTML w swoim edytorze, spróbuj zrobić to, edytując kod modułu „tekstu sformatowanego”.

Przypadki użycia

Dzięki tej funkcji możesz przekształcić swoją stronę internetową w bardziej angażującą i informacyjną platformę. Umieszczenie tych widżetów na stronie może wzbogacić treści, zwiększyć zaangażowanie użytkowników i podnieść liczbę konwersji.

Oto kilka przykładów kreatywnego wykorzystania widżetów Edcommerce w różnych miejscach witryny:

Ulepszenia wpisów na blogu:

Jeśli piszesz wpis na blogu o nauce w określonej lokalizacji, na przykład w Sydney, umieść widżet na końcu wpisu. Zaprezentuj 3 najlepsze programy lub specjalne promocje w Sydney, aby zachęcić czytelników do zapoznania się z tymi opcjami. Może to znacznie zwiększyć liczbę konwersji, bezpośrednio łącząc treści z odpowiednimi programami.

Strony wydarzeń:

Na stronach internetowych promujących targi edukacyjne lub webinary umieść widżet, aby zaprezentować programy lub instytucje uczestniczące w wydarzeniu. Dzięki temu odwiedzający mogą zobaczyć, czego się spodziewać, co może zachęcić ich do zapisania się lub skontaktowania w celu uzyskania dodatkowych informacji.

Strony poświęcone konkretnym lokalizacjom:

Jeśli Twoja witryna zawiera strony poświęcone konkretnym destynacjom edukacyjnym lub krajom, umieść widżet na tych stronach, aby wyświetlać programy dostępne w tych lokalizacjach. To świetny sposób na przedstawienie odpowiednich opcji użytkownikom, którzy już interesują się tymi destynacjami.

Strony podziękowania za zapis do newslettera:

Po zapisaniu się do newslettera odwiedzający zostaje przekierowany na stronę podziękowania. Możesz tutaj umieścić widżet, aby od razu zaangażować go popularnymi lub wyróżnionymi programami.

Podczas kampanii promocyjnych:

Jeśli prowadzisz kampanie promocyjne dotyczące określonych kursów lub destynacji, zintegruj widżet ze stronami docelowymi kampanii. Dostosuj widżet tak, aby prezentował programy związane z kampanią, zapewniając spójne doświadczenie użytkownika.

Dodawanie Edcommerce do WordPressa

Pamiętaj, że poniższe instrukcje są przeznaczone wyłącznie dla użytkowników, którzy korzystają z WordPressa jako narzędzia do tworzenia stron internetowych. Jeśli używasz innej platformy lub narzędzia do tworzenia stron, te kroki mogą nie mieć zastosowania.

Krok 1

Uzyskaj dostęp do Panelu administracyjnego WordPressa, przejdź do sekcji "Wygląd" i kliknij "Menu".

Krok 2

W sekcji "Menu" przejdź do "Własne odnośniki", wprowadź adres URL swojej platformy Edcommerce oraz tekst CTA, który chcesz umieścić w menu swojej witryny.

Następnie kliknij "Dodaj do menu", aby dodać ten nowy element do menu głównego.

Aby znaleźć adres URL swojego Edcommerce, przejdź do sekcji ustawień na platformie, kliknij "Edcommerce", a następnie "Szczegóły Edcommerce".

Wskazówka! Aby zapobiec opuszczaniu strony przez studentów, dostosuj menu tak, aby link otwierał się w nowej karcie.