Tecnología

Inicio

Cómo hacer Aweber pop-up con jQuery

May 25

Cómo hacer Aweber pop-up con jQuery


El servicio de marketing por correo electrónico AWeber proporciona al propietario del sitio web con una selección de pre-diseñado plantillas de recolección de direcciones de correo electrónico. Estas plantillas permiten a los visitantes del sitio para registrarse para recibir actualizaciones de correo electrónico desde el sitio mediante la presentación de su correo electrónico e información de contacto. Un desarrollador web puede optar por presentar esta plantilla para sus usuarios dentro de una ventana pop-up atractiva jQuery. Este tipo de pop-up puede pasar por alto el software de bloqueo de ventanas emergentes y atraer la atención del visitante.

Instrucciones

1 Descargar e incrustar jQuery en su sitio. Descargar la última versión de jQuery desde el sitio de jQuery. Incrustar el archivo de jQuery en la sección head de la página HTML. Este código de ejemplo muestra el método para incrustar el archivo de jQuery.

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

<Link rel = "stylesheet" href = tipo "fancybox.css" = "text / css" media = "pantalla" />

3 Escribir una función jQuery. Esta función jQuery espera a que el usuario haga clic en un enlace con un id de línea. Cuando se pulsa, el enlace se activa el jQuery. El jQuery llama posteriormente el cuadro emergente.

<Script type = "text / javascript">

$ (Document) ready (function () {

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

'HideOnContentClick': true

});

});

</ Script>

4 Escribir el código HTML. Este código crea un vínculo con un id de línea. Cuando se pulsa, el enlace se activa el cuadro emergente y activa el guión Aweber JavaScript que se ha colocado en el interior de la div datos.

<a id="inline" href="#data"> Esto activa la ventana emergente </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>

Consejos y advertencias

  • Aweber ofrece otra manera fácil de incluir menús pop-up de estilo de jQuery. Basta con acceder a su cuenta de Aweber, haga clic en la opción de menú de formularios web y crear una nueva forma de caja de luz emergente más. Puede calibrar la acción de activación caja de luz hasta el número de segundos que la ventana emergente que espera antes de aparecer.