Accedi a tutti i corsi

75 / 3 mesi

Accesso senza limiti a tutti i corsi online di imparaqui.it

Attiva abbonamento
vedi altre opzioni di accesso

Stai per richiedere la pubblicazione del tuo corso su imparaqui.

Il team effettuerà un controllo qualitativo e verificherà che i contenuti siano in linea con l'offerta della piattaforma.

Se il corso viene approvato riceverai un messaggio di conferma via email e potrai subito condividerlo e iniziare ad accumulare le commissioni mensili.

Se non ricevi il messaggio di conferma entro 10 giorni lavorativi significa che il corso non è stato approvato.

Pubblica il tuo corso

Domande frequenti

Come funziona l’accesso ai corsi di imparaqui?

Attivando l’abbonamento trimestrale o annuale a imparaqui puoi accedere a tutti i corsi presenti sul sito senza alcun limite. Mantenendo attivo il tuo abbonamento puoi continuare a seguire tutti i corsi, incluse le nuove uscite. Se decidi di interrompere il rinnovo automatico dell’abbonamento, alla scadenza del periodo di iscrizione perdi l’accesso a tutti i corsi. Puoi disattivare o riattivare l’abbonamento a imparaqui direttamente dal tuo account, in qualsiasi momento.

Posso ricevere fattura?

Sì, per ogni acquisto è possibile inserire i propri dati aziendali e scaricare dal proprio account il pdf della fattura che viene generata automaticamente. imparaqui è un’azienda con sede in Francia, i dati aziendali completi, incluso il numero di partita IVA intracomunitario, sono reperibili nel piè di pagina del sito.

Posso disattivare il rinnovo automatico dell’abbonamento?

Sì, puoi disattivare il rinnovo automatico dell’abbonamento in qualsiasi momento direttamente dal tuo account nella sezione dedicata alla gestione dell’abbonamento.

Quali metodi di pagamento posso usare per iscrivermi?

Puoi pagare con Carta di credito (tramite il servizio sicuro internazionale fornito da Stripe) oppure con PayPal.

È possibile scaricare le video lezioni o avere un accesso a vita ai corsi?

No, attualmente non offriamo questa opzione. Mantenendo attivo l’abbonamento a imparaqui si può accedere a tutti i video corsi senza limiti e da qualsiasi dispositivo.

Cosa contengono i corsi online di imparaqui?

I corsi online di imparaqui sono strutturati in video lezioni e sono arricchiti da materiale utile come link, codice, pdf, immagini, template, ecc. Le video lezioni e il materiale annesso sono accessibili 24 ore su 24 senza limiti e da qualsiasi dispositivo.

I corsi online di imparaqui sono sempre aggiornati?

I nostri insegnanti fanno del loro meglio per mantenere aggiornati e funzionali tutti i corsi di imparaqui. È da tenere presente, tuttavia, che imparaqui non garantisce l’aggiornamento dei corsi della piattaforma, e che l’utente accetta di poter trovare errori e/o parti non aggiornate.

Offrite un servizio di assistenza?

No, non offriamo un servizio di assistenza. Puoi postare eventuali domande o condividere la tua esperienza con gli insegnanti e con la community scrivendo direttamente nella sezione commenti presente sotto a ogni corso. È da tenere presente, inoltre, che i nostri insegnanti non sono tenuti a rispondere per forza o a fornire consulenze o assistenza attraverso la community.

Avete una garanzia di rimborso?

Sì, offriamo una garanzia di rimborso. Nel caso in cui i corsi online di imparaqui non dovessero soddisfare a pieno le tue aspettative, puoi contattarci e richiedere un rimborso. Le condizioni da rispettare per poter ricevere il rimborso sono:

  1. Non aver visionato più del 20% per ogni singolo corso su imparaqui.
  2. Inviare la richiesta di rimborso entro e non oltre 14 giorni dalla data di iscrizione a imparaqui.

Un ulteriore caso in cui viene effettuato il rimborso è legato al rinnovo automatico involontario (per dimenticanza di disattivazione), in questo caso il rimborso deve essere richiesto entro 5 giorni dalla data del rinnovo e senza aver visionato nessun corso nel periodo successivo al rinnovo.

Ho altre domande…

Per qualsiasi altra informazione puoi contattarci da questa pagina. Il team sarà felice di rispondere il prima possibile.

Inserire un bottone di Call to Action nel menu di Divi

Come inserire un bottone di "call to action" nel menu di Divi. Segui tutti i passaggi e ottieni il tuo bottone nel menu di Divi! Ottimo per ogni tipo di call to action nel suo sito web!

Come inserire un bottone di “call to action” nel menu di Divi. Segui tutti i passaggi e ottieni il tuo bottone nel menu di Divi! Ottimo per ogni tipo di call to action nel suo sito web!

Introduzione

In questo rapido tutorial ti guidiamo nell’inserimento di un bottone di call to action nel menu del tuo sito creato con Divi.

Potrai personalizzare i colori e il font del bottone come desideri seguendo le istruzioni che trovi più sotto.

Dettagli tutorial:

  • Tempo di configurazione: 15 minuti
  • Difficoltà: media
  • Scrivi nei commenti per assistenza o domande

Bene, iniziamo!

Indice dei contenuti

  • Come inserire un bottone nel menu di Divi
  • Conclusioni e Risorse

Inserire un bottone di Call To Action nel menu di Divi

In questo tutorial, andremo a creare un bottone con funzione di “call to action” nel menù del nostro sito WordPress creato con Diviattraverso l’utilizzo di un semplice codice css. Questa funzione verrà arricchita, con l’inserimento di un codice javascript, che permetterà al bottone di cambiare colore quando si arriva al 50% di scrolling di una qualsiasi pagina del nostro sito.

Per prima cosa andiamo nella nostra dashboard o bacheca di WordPress e selezioniamo la voce Aspetto > Menu.

Se non avete ancora creato un Menu createne uno nuovo e aggiungete tutte le pagine presenti nel vostro sito. Se avete già un menu attivo apritelo e modificatelo. In entrambi i casi, per inserire il vostro bottone di call to action, dovrete creare un link personalizzato (come vedete nell’immagine qui sotto), a aggiungervi l’URL della vostra call to action.

Fatto questo, andiamo assicuriamoci di impostare il menù come Primario nella voce posizione di visualizzazione.

Ora abilitiamo nelle impostazioni di schermata le classi css esalviamo il tutto.

Adesso rechiamoci nelle impostazioni generali di Divi e andiamo a inserire questo codice css nella casella CSS personalizzato:

/*** remove shadow on main header***/
#main-header {
box-shadow: none;
}
  
/*** add shadow to fixed header ***/
@media (min-width: 981px) {
#main-header.et-fixed-header {
    box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -webkit-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    -moz-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
}
}
/*** adjust padding on menu ***/
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
padding-bottom: 23px;
}
#top-menu li {
padding: 0 10px !important;
}
  
.et_header_style_left #et-top-navigation {
padding-top: 20px;
}
  
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 10px;
}
  
/*** style the menu button ***/
.jointoday_button a {
color: #f92c8b !important;
    line-height: 9px;
    font-weight: 600;
    padding: 13px 16px !important;
    text-transform: uppercase;
    font-size: 12px !important;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    display: block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    border: 2px solid #f92c8b;
}
  
.jointoday_button a:hover {
    opacity: 1 !important;
    color: #fff !important;
    background-color: #f92c8b;
}
  
.et-fixed-header #top-menu .jointoday_button a:hover {
    background-color: #de20b3;
    border: 2px solid #de20b3;
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}
  
.et-fixed-header #top-menu .jointoday_button a {
    color: #fff !important;
    background-color: #f92c8b;
    box-shadow: 0px 5px 20px #d6dee4;
    -moz-box-shadow: 0px 5px 20px #d6dee4;
    -webkit-box-shadow: 0px 5px 20px #d6dee4;
    border: 2px solid #f92c8b;
}
.et-fixed-header.et_highlight_nav #top-menu .jointoday_button a {
    background-color: #2cc2e6;
    border: 2px solid #2cc2e6;
    animation: highlight-nav .8s ease;
    -webkit-animation: highlight-nav .8s ease;
}
  
#main-header.et-fixed-header.et_highlight_nav #top-menu .jointoday_button a:hover {
    background-color: #f92c8b;
    border: 2px solid #f92c8b;
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}
  
@-webkit-keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
  
/*** style the mobile menu links and button ***/
@media (max-width: 980px) {
.et_mobile_menu li {
text-align: center;
}
  
.et_mobile_menu li a {
border-bottom: none;
}
.et_mobile_menu li a:hover {
background-color: transparent;}
  
.jointoday_button a {
border-bottom: 2px solid #f92c8b !important;
}
}

Adesso aggiungiamo al nostro link personalizzato la seguente classe: jointoday_button

Ora, per attivare il cambio colore del bottone al raggiungimento del 50% di scroll della pagina, non ci resta che inserire il seguente codice javascript nella sezione Integrazione del pannello delle opzioni di Divi, in corrispondenza del box “Aggiungi codice a“.

<script>
jQuery(document).ready(function($){
    jQuery(window).scroll(function() {    
    var   $main_header = jQuery('#main-header'),
        $body = jQuery('body'),
                scrollPercentage = 100 * (jQuery(this).scrollTop() / $body.height()),
                scroll = $(window).scrollTop(),
            objectPosition = $body.offset().top;
 
        if (scroll < objectPosition) {
            $main_header.removeClass("et_highlight_nav");
        }
        if (scrollPercentage >= 50){
            $main_header.addClass("et_highlight_nav");
        }
    });
});
</script>

Fatto!

Conclusioni

Grazie per aver seguito questo tutorial!

Da Marco e da Imparaqui è tutto! Ci vediamo alla prossima!

Se hai bisogno di informazioni aggiuntive o chiarimenti, non esitare a scrivere nei commenti qui sotto.

E ricorda che puoi scoprire ottimi corsi per usare Divi al meglio nella Imparaqui Academy.

CONDIVIDI
Marco Melis
Marco Melis

Appassionato di Divi e di Elementor, vivo nel cuore della Sardegna e ho un simpatico cane che si chiama Lillo :) Mi piace creare tutorial per imparaqui.it ogni volta che ho l'ispirazione!

Un commento

  1. Ciao Marco,
    Il tuo tutorial è stato molto utile e chiarissimo.
    Ho inserito una call to action nel menù in brevissimo tempo.

    Ho solo un piccolo problema, che non so se è grave oppure no.

    Quando ho copiato il codice CSS nella sezione “CSS personalizzato” di Divi, accanto alla riga 15 (la copio di seguito)

    .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {

    esce una X rossa, cliccando la X ci sono una serie di avvisi.
    Vorrei inviarti la schermata degli avvisi ma non riesco ad allegarla.

    A me sembra funzioni tutto: la call to action è visibile nel menù e funziona.

    Secondo te devo preoccuparmi degli avvisi?

    Grazie.

    Stefania

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato.

Sblocca l'accesso a centinaia di lezioni online

Accedi immediatamente a tutti i corsi e alla community di imparaqui, senza limiti.