Come fare Aweber pop-up con jQuery

February 19

Come fare Aweber pop-up con jQuery


Il servizio di email marketing Aweber fornisce il proprietario del sito con una selezione pre-progettati di modelli di raccolta di indirizzi e-mail. Questi modelli permettono ai visitatori del sito di firmare per aggiornamenti via email dal sito inviando loro informazioni di e-mail e contatti. Uno sviluppatore Web può scegliere di presentare questo modello per i suoi utenti all'interno di un attraente finestra pop-up jQuery. Questo tipo di pop-up può ignorare software di blocco pop-up e catturare l'attenzione del visitatore.

istruzione

1 Scaricare e incorporare jQuery nel tuo sito. Scarica l'ultima versione di jQuery dal sito jQuery. Incorporare il file jQuery nella sezione head della pagina HTML. Questo codice di esempio illustra il metodo per incorporare il file jQuery.

<Script type = "text / javascript" type = "text / javascript"> </ script>

<Link rel = "stylesheet" href = tipo "fancybox.css" = mezzi = "screen" "text / css" />

3 Scrivere una funzione jQuery. Questa funzione jQuery attende che l'utente a cliccare su un collegamento con un ID di linea. Quando viene premuto, il collegamento attiva il jQuery. Il jQuery poi chiama la finestra pop-up.

<Script type = "text / javascript">

$ (Document) .ready (function () {

$("a#inline").fancybox({

'HideOnContentClick': true

});

});

</ Script>

4 Scrivere il codice HTML. Questo codice crea un collegamento con un ID di linea. Quando viene premuto, il collegamento attiva la finestra pop-up e attiva lo script Aweber JavaScript che è stato inserito all'interno del div dati.

<a id="inline" href="#data"> Questo attiva il popup </a>

<Div style = "display: none"> <div id = "data"> <script type = "text / javascript" src="&lt;/script>&lt;/div>&lt;/div">http://yourAWeberAddress.com/yourAWeberJSFile.js">&lt;/script>&lt;/div>&lt;/div>

Consigli e avvertenze

  • Aweber offre un altro modo semplice per includere menu pop-up in stile jQuery. È sufficiente accedere al tuo account Aweber, fare clic sul menu moduli Web e creare un nuovo modulo lightbox pop-over. È possibile calibrare l'azione di attivazione lightbox fino al numero di secondi che il pop-over attende prima di apparire.