1. Texto para insertar antes del </head>
<!-- Código para la descarga del catálogo después de rellenar el formulario de newsletter y para el auto cerrado del pop up al enviar el form -->
<script>
window.addEventListener('load', (event) => {
	jQuery('.descargaCatalogo a').click(function(){	
	var link=jQuery(this).attr('href');
		
		link=link.split('/');
		link=link.slice(1);
		link=link.join('/');
		jQuery('input[name=catalogo]').attr('value',link);
		
		jQuery('.wpcf7-response-output').css({'border':'none'}).text("");
	});
var wpcf7Elm = document.querySelector( '.wpcf7' );
 
wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
  jQuery('.w-popup-closer').click();
}, false );
});
</script>



2. Código del formulario
<div class="col-sm-offset-3 col-sm-6">
  <div class="form-group labeled-input-row derecha">
	<label for="el_5fa3eca00c1ec_name" style="width:100px">Email:</label>
	[email* your-email]
  </div>
</div>
[hidden catalogo]
<label>
[acceptance acceptance-817]I have read and accept the <a href="/politica-de-privacidad">Privacy Policy</a></label>
<br>
<div class="col-sm-offset-3 col-sm-6 botonEvio">
<center>[submit class:w-btn class:us-btn-style_5 class:boton-form-newsletter "DOWNLOAD"]</center>
</div>



3.Código del correo del formulario
Se ha descargado el catálogo [catalogo] <br/>
[your-email]

Política de privacidad: [acceptance-817]
-- 
Este mensaje se ha enviado desde un formulario de contacto en [_site_title] ([_url])



4. Código del bloque reusable
[vc_row height="auto" css="%7B%22default%22%3A%7B%22color%22%3A%22%234b4b4b%22%7D%7D"][vc_column][us_separator size="small"][us_image image="9332" size="us_200_200" align="center" css="%7B%22default%22%3A%7B%22width%22%3A%22200px%22%2C%22margin-left%22%3A%22auto%22%2C%22margin-right%22%3A%22auto%22%7D%7D"][us_separator size="small"][vc_column_text css="%7B%22default%22%3A%7B%22text-align%22%3A%22center%22%2C%22font-size%22%3A%22calc%2810px%20%2B%200.5vmax%20%29%22%7D%7D"]Introduce tu email para poder descargar el catálogo.[/vc_column_text][us_separator size="custom" height="15px"][contact-form-7 id="11736"][/vc_column][/vc_row]



5. Código CSS para añadir en el bloque reusable
.wpcf7-form input:not([type="submit"]), .wpcf7-form textarea, .wpcf7-form select{
    margin-top: 0px !important;
}

span.wpcf7-list-item{
    margin: 0 0.5px 0 0 !important;
}

label{
    font-size: 17px !important;
    margin-bottom: 10px !important;
}
.wpcf7-spinner{
    display: block !important;
}

.wpcf7-form{
    text-align: center !important;
}