Jak osadzać programy Edcommerce na własnej stronie.

Last updated: July 27, 2026

Wyjaśnia, jak osadzić treści EdCommerce na istniejącej zewnętrznej stronie internetowej, tworząc widżet w Ustawieniach EdCommerce > Widżety, dostosowując jego wygląd i wklejając wygenerowany kod do bloku HTML. Zawiera instrukcje krok po kroku dla WordPressa (Elementor i Visual Composer), Wix i Squarespace, a także przykłady zastosowań, takich jak wpisy na blogu, strony wydarzeń, strony lokalizacji, strony z podziękowaniem i kampanie promocyjne.

Z Edcommerce nie tylko możesz tworzyć stylowe strony docelowe e-commerce i nawet tworzyć całe strony internetowe, ale także płynnie integrować jego potężne funkcje z dowolną istniejącą stroną internetową, której używasz.

Oznacza to, że masz najlepsze z obu światów – funkcjonalność Twojej obecnej strony internetowej i potężne funkcje Edcommerce.

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

Jak stworzyć widżet Edcommerce

  1. Dostęp do ustawień Edcommerce: Zaloguj się na swoje konto Edcommerce i przejdź do sekcji 'Ustawienia'.
  2. Stwórz widżet: W menu po lewej stronie wybierz 'Widżety', a następnie 'Utwórz nowy widżet'.
  3. Wypełnij szczegóły widżetu: Uzupełnij formularz nazwą widżetu, preferowanym językiem, walutą i narodowością ucznia.
  4. Wybierz zawartość: Wybierz, które programy lub dostawcy edukacyjni mają być wyświetlani w Twoim widżecie. Kliknij "Programy" lub "Dostawcy" i wybierz te, które chcesz wyświetlić z listy po prawej stronie.
  5. Dostosuj wygląd: Dostosuj wygląd widżetu, edytując styl czcionki, kolor tła i cień ramki, aby pasowały do projektu Twojej strony. Możesz także zmodyfikować padding, klikając ikonę kwadratu wewnątrz podglądu widżetu.
  6. Zapisz swój widżet: Gdy będziesz zadowolony z ustawień, kliknij 'Zapisz'.

Po zapisaniu widżetu otrzymasz fragment kodu.

Ten kod musi zostać dodany do Twojej strony internetowej, czytaj dalej, aby dowiedzieć się jak.

Jak dodać widżet Edcommerce do swojej strony

Po prostu otwórz stronę na swojej stronie internetowej, na której chcesz umieścić ten widżet, i wstaw blok HTML z kodem.

W zależności od CMS Twojej strony (np. WordPress lub Wix), metoda dodania tego kodu może się różnić. Zazwyczaj wszyscy edytorzy stron pozwalają na przeciągnięcie i upuszczenie bloku HTML.

Oto kilka przykładów:

WordPress (z Elementor):

  • Otwórz stronę, którą chcesz edytować za pomocą Elementora.
  • Przeciągnij widżet 'HTML' z panelu po lewej stronie na stronę, na której chcesz umieścić widżet.
  • Wklej kod fragmentu Edcommerce do pola kodu HTML.
  • Kliknij 'Aktualizuj', aby zapisać zmiany.

WordPress (z Visual Composer):

  • Edytuj stronę, na której chcesz umieścić widżet.
  • Kliknij przycisk '+' aby dodać nowy element.
  • Wybierz 'Raw HTML' lub 'Custom HTML' z elementów treści.
  • Wklej swój kod fragmentu Edcommerce do pola tekstowego.
  • Zapisz zmiany, klikając 'Update' na stronie.

Wix:

  • Przejdź do strony, którą chcesz edytować w Wix Editorze.
  • Kliknij 'Dodaj' (+) po lewej stronie edytora i wybierz 'Więcej'.
  • Wybierz 'HTML iframe' z menu rozwijanego.
  • Kliknij 'Wprowadź kod', a następnie wklej kod fragmentu Edcommerce do pola ustawień HTML.
  • Kliknij 'Zastosuj', aby zapisać i wyświetlić widżet na stronie.

Squarespace:

  • Przejdź do strony, na której chcesz dodać widżet.
  • Kliknij '+Dodaj blok' i wybierz 'Kod' z menu.
  • Wklej swój kod fragmentu Edcommerce do bloku kodu i kliknij 'Zastosuj'.

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

Zastosowania

Za pomocą tej funkcji możesz przekształcić swoją stronę internetową w bardziej angażującą i informacyjną platformę. Osadzanie tych widżetów na stronie może zwiększyć zawartość, zaangażowanie użytkowników i konwersje.

Oto kilka przykładów, jak widżety Edcommerce mogą być kreatywnie wykorzystywane na Twojej stronie:

Ulepszenia wpisów na blogu:

Jeśli piszesz wpis na blogu o nauce w określonym miejscu, na przykład Sydney, umieść widżet na końcu wpisu. Wyróżnij swoje 3 najlepsze programy lub specjalne promocje w Sydney, aby zachęcić czytelników do zapoznania się z tymi opcjami. To może znacznie zwiększyć konwersje, bezpośrednio łącząc treść z odpowiednimi programami.

Strony wydarzeń:

Na stronach promujących targi edukacyjne lub webinary, osadź widżet, aby pokazać programy lub instytucje biorące udział w wydarzeniu. To daje odwiedzającym podgląd tego, czego mogą się spodziewać i może zachęcić do zapisów lub dalszych zapytań.

Strony dedykowane lokalizacjom:

Jeśli Twoja strona ma strony poświęcone konkretnym destynacjom nauki lub krajom, osadź widżet na tych stronach, aby wyświetlić dostępne programy w tych lokalizacjach. To świetny sposób, aby zapewnić odpowiednie opcje użytkownikom już zainteresowanym tymi miejscami.

Strony z podziękowaniami za zapis do newslettera:

Po tym, jak odwiedzający zapisze się na Twój newsletter, zostanie przekierowany na stronę z podziękowaniem. Tutaj możesz osadzić widżet, aby od razu zaangażować ich w popularne lub wyróżnione programy.

Podczas kampanii promocyjnych:

Jeśli prowadzisz kampanie promocyjne dla określonych kursów lub destynacji, zintegrować widżet na stronach docelowych kampanii. Dostosuj widżet, aby wyświetlał programy związane z kampanią, zapewniając spójne doświadczenie użytkownika.