Vkládání EdCommerce na externí webové stránky

Last updated: October 16, 2026

Komplexní průvodce vložením obsahu EdCommerce na externí webové stránky a vstupní stránky, který zahrnuje tři metody. (1) Vložení lead formulářů: zkopírujte iframe lead formuláře EdCommerce z nabídky Nastavení > E-commerce > Formuláře — buď pro jednotlivé pobočky prostřednictvím nabídky se třemi tečkami, nebo jeden formulář pro všechny pobočky pomocí tlačítka „Kopírovat iframe pro lead formulář“ v horní nabídce — a vložte HTML kód na libovolný externí web nebo do CMS, jako jsou WordPress/Elementor, Shopify nebo Wix; vzhled můžete upravit přidáním kódu jazyka (EN, PT, ES, ES_MX, PT_BR, DE, IT, TR, FR, JA, KO) do URL iframe nebo HEX kódu pro nastavení barvy tlačítka Odeslat. Externě lze vložit pouze lead formuláře — rezervační formuláře jsou dostupné pouze v EdCommerce — a odeslané leady se synchronizují s Edvisorem, automaticky se přiřadí správnému poradci podle vašich obchodních pravidel a zařadí se do správného procesu a fáze. (2) Vložení widgetů programů: vytvořte widget v Nastavení EdCommerce > Widgety, upravte jeho vzhled a vložte vygenerovaný úryvek kódu do bloku HTML; k dispozici jsou také podrobné pokyny pro WordPress (Elementor a Visual Composer), Wix a Squarespace a příklady použití. (3) Přidání EdCommerce do WordPressu: propojte web EdCommerce z navigační nabídky WordPressu prostřednictvím Vzhled > Nabídky pomocí vlastního odkazu na URL EdCommerce (najdete ji v Nastavení > EdCommerce > Podrobnosti EdCommerce), ideálně s nastavením otevření v nové záložce.

S EdCommerce můžete svůj obsah přenést na jakýkoli externí web nebo vstupní stránku — ať už vložením lead formulářů, vložením widgetů programů nebo přidáním odkazu na svůj web EdCommerce. Tento článek pokrývá všechny tři možnosti.

Vložení formulářů EdCommerce

EdCommerce nabízí výkonnou funkci, která vám umožňuje vytvářet a přizpůsobovat různé lead a rezervační formuláře, takže můžete snadno získat správné informace od svých leadů a účastníků rezervací.

Zde vám ukážeme, jak vložit lead formuláře na jiné stránky vašeho webu, což umožní získávat leady nejen z vašeho online obchodu, ale z jakékoli webové stránky.

\Tyto leady se následně synchronizují s vaším účtem Edvisor, automaticky se přiřadí správným poradcům a přidají se do příslušného procesu a fáze.*

*Pokud jste své formuláře ještě nenastavili, vraťte se k tomuto článku a zjistěte, jak nastavit a přizpůsobit formuláře na svém webu EdCommerce.

**Upozorňujeme, že na svůj web můžete vložit pouze lead formuláře. Rezervační formuláře jsou určeny výhradně pro EdCommerce.

Jak vložit formuláře EdCommerce na libovolnou vstupní stránku nebo web

  • Přejděte do: Nastavení > E-commerce > Formuláře.

Poté klikněte na ikonu tří teček vedle jednotlivé pobočky a vyberte „Kopírovat iframe pro lead formulář“, pokud chcete vložit formulář vytvořený pro konkrétní pobočku.

Nebo jednoduše klikněte na tlačítko „Kopírovat iframe pro lead formulář“ v horní nabídce a vložte jedinečný formulář (pro všechny své pobočky).

Získáte HTML kód, který můžete zkopírovat a vložit na svůj web.

Pokud používáte CMS, jako je WordPress (s nástrojem pro tvorbu webu, například Elementor nebo Visual Composer), Shopify nebo Wix, obvykle nabízí jednoduchý způsob, jak vložit prvky pomocí úryvků HTML kódu.

Obvykle se jedná o widget nebo položku v nástrojové liště, kterou můžete jednoduše přetáhnout.

Pokud například používáte nástroj pro tvorbu webu, jako je Elementor, můžete jej přidat prostřednictvím jeho HTML widgetu.

Jak přizpůsobit jazyk formuláře

Pokud chcete nastavit jazyk formuláře pro získávání leadů, přidejte kód jazyka na konec URL adresy uvnitř HTML kódu:

Příklad:

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

Zde najdete kódy jazyků pro jednotlivé dostupné jazyky:

  • EN = angličtina
  • PT = portugalština
  • ES = španělština
  • ES_MX = latinskoamerická španělština
  • PT_BR = brazilská portugalština
  • DE = němčina
  • IT = italština
  • TR = turečtina
  • FR = francouzština
  • JA = japonština
  • KO = korejština

Jak přizpůsobit barvu tlačítka formuláře

Barvu tlačítka „Odeslat“ ve vložených formulářích pro získávání leadů můžete také přizpůsobit tak, aby odpovídala vaší značce. Je to jednoduché:

  1. Najděte HEX kód barvy své značky (například #4EB2F4).
  2. Přidejte tento HEX kód do URL adresy formuláře, který chcete vložit.

Pokud například chcete použít barvu s HEX kódem #4EB2F4, vaše URL adresa bude vypadat přibližně takto:

<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>

Stačí nahradit #4EB2F4 vlastním HEX kódem barvy a sledovat, jak vše začne fungovat!

Jakmile student jeden z těchto formulářů vyplní, lead bude přiřazen správnému poradci na základě obchodních pravidel nastavených ve vašem nastavení EdCommerce. Tyto leady se také synchronizují s vaším účtem Edvisor a přidají se do správného prodejního procesu a fáze.

Vložení programů EdCommerce

S EdCommerce můžete nejen vytvářet stylové e-commerce vstupní stránky a dokonce vytvářet celé webové stránky, ale také bezproblémově integrovat jeho výkonné funkce do jakéhokoli stávajícího webu, který používáte.

To znamená, že získáte to nejlepší z obou světů – funkce svého současného webu a výkonné funkce EdCommerce.

Můžete to provést vytvořením a vložením widgetu. Podívejme se, jak na to.

Jak vytvořit widget EdCommerce

  1. Otevřete nastavení EdCommerce: Přihlaste se ke svému účtu EdCommerce a přejděte do sekce „Nastavení“.
  2. Vytvořte widget: V nabídce vlevo vyberte „Widgety“ a poté „Vytvořit nový widget“.
  3. Vyplňte podrobnosti widgetu: Vyplňte formulář názvem widgetu, preferovaným jazykem, měnou a národností studenta.
  4. Vyberte obsah: Vyberte, které programy nebo poskytovatele vzdělávání chcete ve widgetu zobrazit. Stačí kliknout na „Programy“ nebo „Poskytovatelé“ a ze seznamu vpravo vybrat ty, které chcete zobrazit.
  5. Přizpůsobte vzhled: Upravte vzhled widgetu změnou stylu písma, barvy pozadí a stínu rámečku tak, aby odpovídal designu vašeho webu. Kliknutím na čtvercovou ikonu uvnitř náhledu widgetu můžete také upravit vnitřní okraje pro lepší přizpůsobení.
  6. Uložte widget: Jakmile budete s nastavením spokojeni, klikněte na „Uložit“.

Po uložení widgetu získáte úryvek kódu.

Tento kód je třeba přidat na váš web. Pokračujte ve čtení a zjistěte, jak na to.

Jak přidat widget EdCommerce na váš web

Jednoduše otevřete stránku na svém webu, kam chcete widget umístit, a vložte blok HTML s kódem.

V závislosti na redakčním systému vašeho webu (například WordPress nebo Wix) se způsob přidání tohoto kódu může lišit. Obecně všechny editory webů umožňují přetáhnout blok HTML.

Zde je několik příkladů:

WordPress (s Elementorem):

  • Otevřete stránku, kterou chcete upravit pomocí Elementoru.
  • Přetáhněte widget „HTML“ z levého panelu na stránku na místo, kam chcete widget umístit.
  • Vložte úryvek kódu EdCommerce do pole s kódem HTML.
  • Kliknutím na „Aktualizovat“ uložte změny.

WordPress (s Visual Composerem):

  • Upravte stránku, na kterou chcete widget vložit.
  • Kliknutím na tlačítko „+“ přidejte nový prvek.
  • Z obsahových prvků vyberte „Raw HTML“ nebo „Vlastní HTML“.
  • Vložte úryvek kódu EdCommerce do textového pole.
  • Změny uložte kliknutím na „Aktualizovat“ na stránce.

Wix:

  • V editoru Wix přejděte na stránku, kterou chcete upravit.
  • Klikněte na „Přidat“ (+) na levé straně editoru a vyberte „Více“.
  • Z rozbalovací nabídky vyberte „HTML iframe“.
  • Klikněte na „Zadat kód“ a poté vložte úryvek kódu EdCommerce do pole Nastavení HTML.
  • Kliknutím na „Použít“ změny uložte a zobrazte widget na stránce.

Squarespace:

  • Přejděte na stránku, na kterou chcete widget přidat.
  • Klikněte na „+Přidat blok“ a v nabídce vyberte „Kód“.
  • Vložte úryvek kódu EdCommerce do bloku kódu a klikněte na „Použít“.

Pokud ve svém editoru nemůžete najít modul HTML, zkuste to provést úpravou kódu modulu „formátovaný text“.

Případy použití

Díky této funkci můžete svůj web proměnit v poutavější a informativnější platformu. Vložení těchto widgetů na váš web může obohatit obsah, zvýšit zapojení uživatelů a podpořit konverze.

Zde je několik příkladů, jak lze widgety EdCommerce kreativně využít na vašem webu:

Vylepšení blogových příspěvků:

Pokud píšete blogový příspěvek o studiu v konkrétní lokalitě, například v Sydney, vložte widget na konec příspěvku. Prezentujte své 3 nejlepší programy nebo speciální akce v Sydney a povzbuďte čtenáře, aby tyto možnosti prozkoumali. To může výrazně zvýšit konverze díky přímému propojení obsahu s relevantními programy.

Stránky s událostmi:

Na webové stránky propagující veletrhy vzdělávání nebo webináře vložte widget, který představí programy nebo instituce účastnící se dané události. Návštěvníci tak získají představu o tom, co mohou očekávat, což je může povzbudit k registraci nebo zaslání dalších dotazů.

Stránky zaměřené na konkrétní lokality:

Pokud váš web obsahuje stránky věnované konkrétním studijním destinacím nebo zemím, vložte na tyto stránky widget, který zobrazí programy dostupné v daných lokalitách. Je to skvělý způsob, jak nabídnout relevantní možnosti uživatelům, kteří se o tyto destinace již zajímají.

Stránky s poděkováním za přihlášení k odběru newsletteru:

Po přihlášení návštěvníka k odběru newsletteru je přesměrován na stránku s poděkováním. Zde můžete vložit widget a okamžitě ho zaujmout oblíbenými nebo doporučenými programy.

Během propagačních kampaní:

Pokud pořádáte propagační kampaně pro určité kurzy nebo destinace, integrujte widget na vstupní stránky kampaně. Přizpůsobte widget tak, aby zobrazoval programy související s kampaní, a vytvořte tak jednotný uživatelský zážitek.

Přidání EdCommerce do WordPressu

Upozorňujeme, že následující pokyny jsou určeny konkrétně uživatelům, kteří jako nástroj pro tvorbu webu používají WordPress. Pokud používáte jinou platformu nebo nástroj pro tvorbu webu, nemusí být tyto kroky použitelné.

Krok 1

Otevřete svůj administrátorský panel WordPressu, přejděte do sekce "Vzhled" a klikněte na "Menu".

Krok 2

V sekci "Menu" přejděte na "Vlastní odkazy", zadejte URL své platformy EdCommerce a text CTA, který chcete mít v menu svého webu.

Poté klikněte na "Přidat do menu" a přidejte tuto novou položku do hlavního menu.

URL adresu svého EdCommerce najdete tak, že na platformě přejdete do sekce nastavení, kliknete na "EdCommerce" a poté na "Podrobnosti EdCommerce".

Tip pro profesionály! Abyste zabránili tomu, že studenti opustí vaši stránku, nezapomeňte nastavit menu tak, aby se odkaz otevíral na nové kartě.