Come funziona
Alva Courses aggiunge un blocco Pulsante come un unico pulsante di invito all'azione, per esempio un link alla tua pagina di prenotazione. Un blocco HTML inserisce il tuo markup nella lezione esattamente come lo scrivi, ideale per i codici di incorporamento iframe di moduli e calendari. Entrambi i blocchi sono inclusi in ogni piano.
Pulsante si trova nel menu Aggiungi contenuto sia dell'editor standard delle lezioni sia del builder a schermo intero. HTML è disponibile solo nel builder a schermo intero, ma un blocco HTML che hai già aggiunto si può comunque modificare nell'editor standard delle lezioni.
Aggiungi un blocco Pulsante o HTML
1. Apri la lezione
Nell'admin di Shopify, apri Alva Courses, clicca su Corsi, seleziona un corso e apri la lezione. Per un blocco HTML, clicca anche su Schermo intero nell'intestazione della pagina: il builder a schermo intero si apre su quella lezione.
2. Aggiungi un blocco Pulsante
Clicca su Aggiungi contenuto e scegli Pulsante. I nuovi blocchi vengono aggiunti alla fine della lezione; usa le frecce su e giù sul blocco per spostarlo. Nell'editor standard delle lezioni, le frecce di un nuovo blocco funzionano solo dopo aver salvato la lezione.
3. Inserisci il testo e il link del pulsante
Digita l'etichetta in Testo del pulsante e l'indirizzo in URL del pulsante. L'etichetta appare esattamente come la scrivi, quindi caratteri come < e & vengono mostrati così come sono. Gli studenti vedono il pulsante solo quando Testo del pulsante ha un valore. Compila anche URL del pulsante: un pulsante senza indirizzo viene comunque mostrato, ma cliccandolo si riapre semplicemente la stessa pagina in una nuova scheda.
Gli indirizzi che iniziano con http:// o https://, i link email che iniziano con mailto: e i percorsi del tuo negozio che iniziano con / (come /pages/contact) vengono usati così come sono. A tutto il resto viene aggiunto https:// davanti, quindi www.example.com funziona, ma i link telefonici e le ancore # no.
4. Scegli l'allineamento
In Allineamento, clicca su Sinistra, Centro o Destra; un nuovo pulsante parte centrato. Quando entrambi i campi hanno un valore, nel blocco compare un'anteprima. L'anteprima è sempre blu; il player del corso usa invece i colori del tuo corso.
5. Aggiungi un blocco HTML nel builder a schermo intero
Nel builder a schermo intero, clicca su Aggiungi contenuto nella barra degli strumenti della lezione e scegli HTML. Incolla il tuo codice in Contenuto HTML. Un riquadro Anteprima: sotto il campo si aggiorna circa mezzo secondo dopo che smetti di digitare.
6. Salva e visualizza l'anteprima della lezione
Nel builder a schermo intero, clicca su Salva questa lezione; nell'editor standard delle lezioni, clicca su Salva nella barra di salvataggio. Poi clicca su Anteprima per aprire la lezione salvata nel tuo negozio, dove si applicano gli stili propri del player del corso.
Cosa può e non può fare un blocco HTML
Un blocco HTML viene mostrato esattamente come l'hai salvato. Alva Courses non controlla né ripulisce il codice, quindi incolla solo codice di cui ti fidi, come avvisa la nota sotto il campo. Nel player del corso:
- Gli script non vengono eseguiti. Il codice all'interno dei tag <script> viene ignorato nell'anteprima dell'editor e nel player del corso, quindi gli incorporamenti che richiedono uno script non si caricano. Se uno strumento offre una versione iframe del suo codice di incorporamento, usa quella.
- Gli iframe funzionano. La maggior parte dei frame incorporati viene allargata a tutta la larghezza della lezione, quindi imposta nel codice l'altezza che ti serve. Per un video YouTube, il blocco YouTube è la scelta più semplice.
- I link assumono il colore dei link del tuo corso e si aprono in una nuova scheda.
- Le immagini riempiono la larghezza della lezione, a meno che non abbiano una larghezza inline, e gli studenti possono cliccarle per ingrandirle.
- Gli stili del player prevalgono su molti stili inline. Titoli, paragrafi, elenchi ed elementi div perdono i propri colori, sfondi, bordi, spaziature e spessore del carattere, e il testo usa il font del corso quando ne è impostato uno. Per modificarne lo stile, vedi Il CSS personalizzato non viene applicato al lettore corsi.
Cosa vedono gli studenti
Gli studenti vedono un blocco Pulsante come un pulsante nel colore del tuo corso. Se per il corso è attiva la Personalizzazione avanzata dei colori, il pulsante usa invece i colori Button Background, Button Text e Button Hover in Interactive Colors — vedi Personalizza l'aspetto del lettore corsi. Cliccando il pulsante il link si apre in una nuova scheda, così la lezione resta aperta dietro. Il contenuto HTML appare al suo posto tra gli altri blocchi della lezione.
Domande frequenti
Perché HTML non è nel menu Aggiungi contenuto?
L'editor standard delle lezioni non lo offre. Clicca su Schermo intero, seleziona la lezione, poi apri Aggiungi contenuto nella barra degli strumenti della lezione, dove HTML è elencato. I blocchi HTML che hai già aggiunto restano modificabili nell'editor standard delle lezioni.
Perché il mio pulsante è blu nell'editor?
L'anteprima all'interno del blocco usa sempre un blu standard. Nel player del corso il pulsante assume il colore del tuo corso, oppure i colori Button Background, Button Text e Button Hover quando la Personalizzazione avanzata dei colori è attiva.
Un link in un blocco HTML può aprire un'altra lezione?
Il blocco HTML non ha un selettore di lezioni. Per collegarti a un'altra lezione, aggiungi il link in un blocco Testo e scegli la scheda Lezione nel suo editor dei link. La lezione si apre così all'interno del player del corso.
La ricerca delle lezioni trova il testo in questi blocchi?
Sì. La ricerca delle lezioni nell'editor del corso trova il testo visibile dei blocchi HTML e le etichette dei pulsanti. Non trova gli indirizzi dei link né il codice, gli script e gli stili all'interno di un blocco HTML.
Vedi anche
È stato utile?
Ultimo aggiornamento 2026-10-12