[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla # Desarrollo de 2 Landing Page en Joomla! para un cliente [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net) 09 Agosto 2011 [Tips Joomla](https://sergioiglesias.net/blog/joomla) 1 - 2 minutos Visitas: 4649 ![Logo Microfusa - Landing Page Joomla!](https://sergioiglesias.net/images/stories/log_microfusa.png)La semana pasada he estado trabajando en el **desarrollo de 2 landing page** (páginas de aterrizaje o "mini" plantillas) para **Joomla!** que nos solicitó un cliente en [Complusoft](http://www.complusoft.es "Complusoft - Desarrollo Web Joomla! Profesional - Formación Joomla!"). Las plantillas están **desarrolladas para Joomla! 1.5** y vienen marcadas por un diseño previo. Vamos a ver sus características. Qué es una Landing Page Para aquel que no sepa qué es una **Landing Page**, vamos a intentar resumir sus propiedades: se trata de una página de entrada (o aterrizaje) a la cual un usuario llega después de haber hecho clic en algún enlace o banner publicitario. Esta landing page puede ser la página principal del sitio web o una página específica para un producto o servicio. En este caso se trata de una **página principal al sitio web de la empresa** que se apoya en micrositios para, de esta forma, evidenciar su propuesta según el mercado meta y/o producto. La función principal de una landing page es convertir visitantes en clientes, por lo tanto lo más valioso de estas páginas es lo que se puede hacer en ellas; ya que proporcionan una atención personalizada de ventas para el visitante (atienden un segmento específico, esto se determina a partir de donde viene el visitante que hizo clic en un enlace seleccionado). Características del desarrollo Para el **desarrollo** de estas 2 **plantillas para Joomla!** (versión 1.5) nos hemos basado en un diseño previo que nos ha hecho enviar el cliente vía correo electrónico. A partir de este diseño, hemos hecho lo siguiente: - Definir los módulos (o posiciones) que nos van a hacer falta para la plantilla. - Declarar estas posiciones en el fichero para tal efecto (templateDetails.xml). - Maquetar la página en **HTML + CSS** (haciendo uso de **CSS3** en algunos estilos. - Pasar la maqueta a "formato" Joomla!, para que se pueda extraer el contenido del CMS. - Validar la plantilla en los navegadores más utilizados. - Crear el paquete de instalación para Joomla! (comprimir los ficheros del template). Capturas de pantalla Para el **portal web corporativo**, hemos creado la siguiente landing page: ![Microfusa - Landing Page en Joomla!](https://sergioiglesias.net/media/cached-resp-images//images/stories/microfusa_1230.png?version=df84b07241b3ff9d430e4382d320519f) Puedes verlo en [www.microfusa.com](http://www.microfusa.com) Para el **portal web de formación**, hemos creado la siguiente landing page: ![Microfusa Formación - Landing Page Joomla!](https://sergioiglesias.net/media/cached-resp-images//images/stories/microfusaformacion_1230.png?version=2e2553e4238d01413b62cc4daeb0de66) Puedes verlo en [www.microfusaformacion.com](http://www.microfusaformacion.com) Más información - Te puede interesar otro artículo relacionado que escribí hace tiempo: **[Joomla! con dos plantillas diferentes en el mismo sitio](https://sergioiglesias.net/component/content/article/joomla-con-dos-plantillas-diferentes?catid=7:joomla&Itemid=15 "Joomla! con dos plantillas diferentes en el mismo sitio")**. > Si necesitas una landing page para tu sitio web, o una **plantilla Joomla! a medida**, puedes [contactar conmigo](https://sergioiglesias.net/contacto "Contactar con Sergio Iglesias - Desarrollo Web Joomla!"). [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado ### ¿No sabes bien en qué estado está tu web Joomla? Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden. Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML [ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables [![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS. [](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias") ### Suscríbete a mi newsletter ¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo. Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**. [Quiero apuntarme!](https://sergioiglesias.net/newsletter) ### No hay comentarios ### Deja tu comentario En respuesta a Some User Nombre \* Dirección de email \* Texto del comentario \* Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*