Incorporare EdCommerce su siti web esterni

Last updated: October 16, 2026

Guida consolidata all'inserimento dei contenuti EdCommerce su siti web esterni e landing page, che illustra tre metodi. (1) Inserimento dei moduli per i lead: copia un iframe del modulo per i lead di EdCommerce da Impostazioni > Ecommerce > Moduli — per ogni sede tramite il menu a 3 punti oppure un singolo modulo per tutte le sedi tramite il pulsante in alto 'Copia iframe per il modulo lead' — e incolla l'HTML in qualsiasi sito web esterno o CMS come WordPress/Elementor, Shopify o Wix; personalizza modificando l'URL dell'iframe per aggiungere un codice lingua (EN, PT, ES, ES_MX, PT_BR, DE, IT, TR, FR, JA, KO) o un codice HEX per impostare il colore del pulsante Invia. Solo i moduli per i lead possono essere incorporati esternamente — i moduli di prenotazione sono esclusivi di EdCommerce — e i lead inviati vengono sincronizzati con Edvisor, assegnati automaticamente al consulente corretto in base alle regole aziendali e inseriti nella pipeline e nella fase corrette. (2) Inserimento dei widget dei programmi: crea un widget in Impostazioni EdCommerce > Widget, personalizzane l'aspetto e incolla il frammento di codice generato in un blocco HTML, con istruzioni dettagliate per WordPress (Elementor e Visual Composer), Wix e Squarespace, oltre a diversi casi d'uso. (3) Aggiunta di EdCommerce a WordPress: collega un sito EdCommerce dal menu di navigazione di WordPress tramite Aspetto > Menu usando un Link personalizzato al tuo URL EdCommerce (disponibile in Impostazioni > EdCommerce > Dettagli EdCommerce), idealmente impostandolo per l'apertura in una nuova scheda.

Con EdCommerce puoi portare i tuoi contenuti su qualsiasi sito web esterno o landing page — che si tratti di incorporare moduli per i lead, incorporare widget dei programmi o aggiungere un link al tuo sito EdCommerce. Questo articolo tratta tutti e tre gli aspetti.

Incorporare i moduli EdCommerce

EdCommerce offre una potente funzionalità che ti consente di creare e personalizzare diversi moduli per lead e prenotazioni, semplificando la raccolta delle informazioni giuste dai tuoi lead e dalle tue prenotazioni.

Qui ti mostreremo come incorporare i tuoi moduli per i lead in altre pagine del tuo sito web, consentendo di raccogliere lead non solo dal tuo negozio online, ma da qualsiasi pagina web.

\Questi lead verranno quindi sincronizzati con il tuo account Edvisor, assegnati automaticamente ai consulenti corretti e aggiunti alla pipeline e alla fase appropriate.*

*Se non hai ancora configurato i tuoi moduli, fai riferimento a questo articolo per scoprire come impostare e personalizzare i moduli nel tuo sito EdCommerce.

**Tieni presente che solo i moduli per i lead possono essere incorporati nel tuo sito web. I moduli di prenotazione sono esclusivi di EdCommerce.

Come incorporare i tuoi moduli EdCommerce in qualsiasi landing page o sito web

  • Vai a: Impostazioni > Ecommerce > Moduli.

Quindi, fai clic sull'icona a 3 punti accanto a ciascuna sede e seleziona 'Copia iframe per il modulo lead' se desideri incorporare un modulo creato per una sede specifica.

Oppure fai semplicemente clic sul pulsante 'Copia iframe per il modulo lead' dal menu in alto per incorporare un modulo unico (per tutte le tue sedi).

Riceverai un codice HTML da copiare e incollare nel tuo sito web.

Se utilizzi un CMS come WordPress (con un site builder come Elementor o Visual Composer), Shopify o Wix, in genere offrono un metodo semplice per incorporare elementi con snippet di codice HTML.

Di solito si tratta di un widget o di un elemento nella tua toolbox che puoi semplicemente trascinare e rilasciare.

Ad esempio, se utilizzi un website builder come Elementor, puoi aggiungerlo tramite il relativo widget HTML.

Come personalizzare la lingua del tuo modulo

Se vuoi definire la lingua del modulo per i lead, aggiungi il codice della lingua alla fine dell'URL all'interno del codice HTML:

Esempio:

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

Qui puoi vedere i codici della lingua per le diverse lingue disponibili:

  • EN = Inglese
  • PT = Portoghese
  • ES = Spagnolo
  • ES_MX = Spagnolo latinoamericano
  • PT_BR = Portoghese brasiliano
  • DE = Tedesco
  • IT = Italiano
  • TR = Turco
  • FR = Francese
  • JA = Giapponese
  • KO = Coreano

Come personalizzare il colore del pulsante del tuo modulo

Puoi anche personalizzare il colore del pulsante 'Invia' nei tuoi moduli per i lead incorporati per abbinarlo al tuo brand. È semplice:

  1. Trova il codice HEX del colore del tuo brand (esempio #4EB2F4).
  2. Aggiungi questo codice HEX all'URL del modulo che vuoi incorporare.

Ad esempio, se vuoi utilizzare il colore con il codice HEX #4EB2F4, il tuo URL sarà simile a questo:

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

Sostituisci semplicemente #4EB2F4 con il tuo codice colore HEX personalizzato per vedere la magia!

Quando uno studente completa uno di questi moduli, il lead verrà assegnato al consulente corretto in base alle regole aziendali stabilite nelle impostazioni di EdCommerce. Questi lead vengono inoltre sincronizzati con il tuo account Edvisor e aggiunti alla pipeline e alla fase corrette.

Incorporare i programmi EdCommerce

Con EdCommerce, non solo puoi creare landing page e-commerce eleganti e persino creare interi siti web, ma puoi anche integrare perfettamente le sue potenti funzionalità in qualsiasi sito web esistente che stai utilizzando.

Questo significa che ottieni il meglio dei due mondi: le funzionalità del tuo sito web attuale e le potenti funzionalità di EdCommerce.

Puoi farlo creando e incorporando un widget. Vediamo come fare.

Come creare un widget EdCommerce

  1. Accedi alle impostazioni di EdCommerce: Accedi al tuo account EdCommerce e vai alla sezione 'Impostazioni'.
  2. Crea un widget: Nel menu a sinistra, seleziona 'Widget', quindi 'Crea nuovo widget'.
  3. Inserisci i dettagli del widget: Compila il modulo con il nome del widget, la lingua preferita, la valuta e la nazionalità dello studente.
  4. Scegli il contenuto: Seleziona quali programmi o enti di formazione visualizzare nel widget. Fai clic su "Programmi" o "Fornitori" e scegli quelli che desideri visualizzare dall'elenco a destra.
  5. Personalizza l'aspetto: Modifica l'aspetto del widget modificando lo stile del carattere, il colore di sfondo e l'ombra del riquadro in modo che corrisponda al design del tuo sito web. Puoi anche modificare la spaziatura interna per adattarlo meglio facendo clic sull'icona quadrata all'interno dell'anteprima del widget.
  6. Salva il widget: Quando sei soddisfatto delle impostazioni, fai clic su 'Salva'.

Dopo aver salvato il widget, riceverai uno snippet di codice.

Questo codice deve essere aggiunto al tuo sito web, continua a leggere per scoprire come fare.

Come aggiungere un widget EdCommerce al tuo sito

Apri semplicemente la pagina del tuo sito web in cui desideri inserire questo widget e aggiungi un riquadro HTML con il codice.

A seconda del CMS del tuo sito web (come WordPress o Wix), il metodo per aggiungere questo codice potrebbe essere diverso. In genere, tutti gli editor di siti web consentono di trascinare e rilasciare un riquadro HTML.

Ecco alcuni esempi:

WordPress (con Elementor):

  • Apri con Elementor la pagina che desideri modificare.
  • Trascina il widget 'HTML' dal pannello a sinistra alla pagina, nel punto in cui desideri inserire il widget.
  • Incolla il codice dello snippet di EdCommerce nel riquadro del codice HTML.
  • Fai clic su 'Aggiorna' per salvare le modifiche.

WordPress (con Visual Composer):

  • Modifica la pagina in cui desideri includere il widget.
  • Fai clic sul pulsante '+' per aggiungere un nuovo elemento.
  • Scegli 'HTML grezzo' o 'HTML personalizzato' dagli elementi di contenuto.
  • Incolla il codice dello snippet di EdCommerce nella casella di testo.
  • Salva le modifiche facendo clic su 'Aggiorna' nella pagina.

Wix:

  • Vai alla pagina che desideri modificare nell'Editor Wix.
  • Fai clic su 'Aggiungi' (+) sul lato sinistro dell'editor e seleziona 'Altro'.
  • Scegli 'iframe HTML' dal menu a discesa.
  • Fai clic su 'Inserisci codice', quindi incolla il codice dello snippet di EdCommerce nella casella Impostazioni HTML.
  • Fai clic su 'Applica' per salvare e visualizzare il widget sulla tua pagina.

Squarespace:

  • Vai alla pagina in cui desideri aggiungere il widget.
  • Fai clic su '+Aggiungi blocco' e seleziona 'Codice' dal menu.
  • Incolla il codice dello snippet di EdCommerce nel blocco di codice e fai clic su 'Applica'.

Se non riesci a trovare un modulo HTML nel tuo editor, prova a farlo modificando il codice di un modulo di 'testo avanzato'.

Casi d'uso

Con questa funzionalità puoi trasformare il tuo sito web in una piattaforma più coinvolgente e informativa. Incorporare questi widget nel tuo sito può arricchire i contenuti, aumentare il coinvolgimento degli utenti e incrementare le conversioni.

Ecco alcuni esempi di come i widget EdCommerce possono essere utilizzati in modo creativo nel tuo sito:

Miglioramenti ai post del blog:

Se stai scrivendo un post sul blog riguardo allo studio in una località specifica, come Sydney, incorpora il widget alla fine del post. Metti in evidenza i tuoi 3 migliori programmi o le promozioni speciali a Sydney per incoraggiare i lettori a esplorare queste opzioni. Questo può aumentare significativamente le conversioni collegando direttamente i contenuti ai programmi pertinenti.

Pagine degli eventi:

Per le pagine web che promuovono fiere dell'istruzione o webinar, incorpora il widget per mostrare i programmi o gli istituti partecipanti all'evento. In questo modo i visitatori possono avere un'anteprima di ciò che li aspetta e si possono incoraggiare le iscrizioni o ulteriori richieste di informazioni.

Pagine specifiche per località:

Se il tuo sito web dispone di pagine dedicate a specifiche destinazioni di studio o Paesi, incorpora il widget in queste pagine per visualizzare i programmi disponibili in tali località. È un ottimo modo per fornire opzioni pertinenti agli utenti già interessati a queste destinazioni.

Pagine di ringraziamento per l'iscrizione alla newsletter:

Dopo che un visitatore si è iscritto alla tua newsletter, viene indirizzato a una pagina di ringraziamento. Qui puoi incorporare il widget per coinvolgerlo immediatamente con programmi popolari o in evidenza.

Durante le campagne promozionali:

Se stai realizzando campagne promozionali per determinati corsi o destinazioni, integra il widget nelle pagine di destinazione della campagna. Personalizza il widget per presentare programmi correlati alla campagna, creando un'esperienza utente coerente.

Aggiungere EdCommerce a WordPress

Tieni presente che le seguenti istruzioni sono state pensate specificamente per gli utenti che utilizzano WordPress come strumento per la creazione del proprio sito web. Se utilizzi una piattaforma o uno strumento diverso per la creazione del sito web, questi passaggi potrebbero non essere applicabili.

Passaggio 1

Accedi al tuo Pannello di amministrazione di WordPress, vai alla sezione "Aspetto" e fai clic su "Menu".

Passaggio 2

Nella sezione "Menu", vai a "Link personalizzati" e inserisci l'URL della tua piattaforma EdCommerce e il testo CTA che desideri visualizzare nel menu del tuo sito web.

Quindi fai clic su "Aggiungi al menu" per includere questo nuovo elemento nel menu principale.

Per trovare l'URL del tuo EdCommerce, vai alla sezione delle impostazioni della tua piattaforma, fai clic su "EdCommerce" e poi su "Dettagli EdCommerce".

Consiglio: per evitare che gli studenti abbandonino la tua pagina, assicurati di personalizzare il menu in modo che il link si apra in una nuova scheda.