Cómo crear una Landing Page en WordPress con Elementor: tutorial completo 2026

Si tienes un negocio en Lima y quieres captar clientes por internet, necesitas una landing page. Y la forma más práctica de crearla sin depender de un programador es usando WordPress con Elementor. Es la combinación que usamos en KOM para los más de 950 proyectos que hemos entregado, y es la que te voy a enseñar a usar en este tutorial.

En Perú hay más de 18.7 millones de compradores online y el 83% navega desde el celular. Eso significa que tu página tiene que cargar rápido, verse bien en pantallas chicas y guiar al visitante hacia una acción concreta: llenar un formulario, escribirte por WhatsApp o comprar. WordPress + Elementor te da todo eso sin escribir una sola línea de código.

WordPress + Elementor: la combinación que KOM recomienda y usa

WordPress alimenta más del 40% de los sitios web del mundo. Elementor es su constructor visual más popular, con más de 16 millones de sitios activos. Juntos, te dan control total sobre el diseño de tu landing page sin necesidad de saber programar.

¿Por qué esta combinación y no Wix, Squarespace o algún constructor todo-en-uno? Tres razones concretas:

Primero, el dominio y el hosting son tuyos. Si mañana cambias de agencia o de constructor, tu sitio sigue siendo tuyo. Con plataformas cerradas, estás atado a sus reglas y a sus precios. Si quieres una comparación detallada, revisa nuestra guía de WordPress vs Wix para landing pages en Perú.

Segundo, SEO nativo. WordPress con plugins como Rank Math te da control completo sobre títulos, meta descriptions, URLs y esquemas. Eso no lo consigues fácil en constructores cerrados.

Tercero, flexibilidad. Con Elementor Pro puedes integrar formularios, WhatsApp, pasarelas de pago, Google Analytics y prácticamente cualquier herramienta que necesites. Sin depender de nadie.

Paso 1: Instalar WordPress y activar Elementor Pro

Si ya tienes WordPress instalado con un hosting peruano o internacional (Starter recomendado desde S/100-200 anuales), puedes saltarte esta parte. Si no, necesitas dos cosas: un dominio (tu-negocio.pe o .com) y un hosting con certificado SSL incluido.

Con WordPress instalado, ve al panel de administración (tu-dominio.com/wp-admin), entra a Plugins > Añadir nuevo, y busca «Elementor». Instala la versión gratuita primero. Después, si compraste Elementor Pro (desde US$59/año), sube el archivo .zip del plugin Pro desde Plugins > Subir plugin.

Activa ambos. La versión gratuita de Elementor te permite crear páginas básicas, pero para una landing page que convierta necesitas Pro: formularios integrados, widgets avanzados, diseño responsive personalizado y la biblioteca completa de plantillas.

Un detalle que muchos olvidan: desactiva el tema que viene por defecto y activa Hello Elementor, el tema ligero oficial de Elementor. Pesa menos de 6KB y no agrega código innecesario que frene tu página.

Paso 2: Elegir plantilla inicial o diseñar desde lienzo en blanco

Ve a Páginas > Añadir nueva. Dale un nombre (por ejemplo, «Cotización gratis» o «Landing Servicio X»). Haz clic en «Editar con Elementor».

Aquí tienes dos caminos:

Usar una plantilla: Elementor Pro incluye más de 100 plantillas de landing pages. Haz clic en el ícono de carpeta, filtra por «Landing Page» y elige la que más se acerque a lo que necesitas. Después la personalizas con tu contenido, colores y fotos.

Empezar desde cero: Si tienes una idea clara de lo que quieres, elige «Lienzo en blanco» en la configuración de página (ícono de engranaje abajo a la izquierda > Disposición de página > Elementor Canvas). Esto elimina el header y footer del tema, dándote una página limpia donde construir sección por sección.

Mi recomendación para emprendedores en Perú que hacen esto por primera vez: empieza con una plantilla. Modificarla es más rápido que construir desde cero, y las plantillas de Elementor ya tienen una estructura probada de conversión. Los 12 elementos que toda landing page necesita ya están distribuidos en la mayoría de plantillas profesionales.

Paso 3: Configurar la hero section con headline y CTA

La hero section es lo primero que ve tu visitante. Tienes entre 3 y 5 segundos para convencerlo de que está en el lugar correcto. Esta sección necesita tres cosas:

Un titular que hable del beneficio, no de ti. No pongas «Bienvenido a Mi Empresa». Pon algo como «Duplica tus ventas en Lima con una página que convierte visitantes en clientes». Directo al problema que resuelves.

Un subtítulo que amplíe la propuesta. Aquí puedes dar un dato o especificar cómo lo haces. Por ejemplo: «Landing pages profesionales desde S/950 con formulario, WhatsApp y diseño móvil».

Un botón CTA visible. El botón tiene que decir qué pasa cuando haces clic. No «Enviar» ni «Más info». Mejor: «Quiero mi cotización gratis» o «Hablar con un asesor ahora». En Elementor, arrastra el widget «Botón», elige un color que contraste con el fondo y configura el enlace hacia tu formulario o tu WhatsApp (wa.me/51XXXXXXXXX).

Para el fondo de la hero, usa una imagen de alta calidad pero comprimida (menos de 200KB). Elementor te deja agregar una superposición de color oscuro semitransparente para que el texto se lea bien sobre la imagen.

Paso 4: Agregar secciones de beneficios, testimonios y prueba social

Debajo de la hero, tu landing page necesita responder la pregunta del visitante: «¿Por qué debería confiar en ti?»

Sección de beneficios: Usa el widget de «Caja de iconos» de Elementor. Tres a cuatro beneficios, cada uno con un ícono, un título corto y una línea de texto. Por ejemplo: «Entrega en 7 días», «Diseño 100% responsive», «Soporte en español por WhatsApp».

Testimonios: El widget «Testimonios» de Elementor Pro te permite crear carruseles con foto, nombre y reseña de tus clientes. Si no tienes testimonios todavía, usa capturas de WhatsApp (con permiso) o reseñas de Google My Business. En Perú, donde el boca a boca digital pesa mucho, un testimonio real vale más que cualquier texto de ventas.

Logos de clientes o cifras: Si trabajas con empresas conocidas, muestra sus logos. Si no, usa cifras: «+200 clientes atendidos», «98% de satisfacción», «8 años en el mercado». Elementor tiene widgets de contador animado que funcionan muy bien para esto.

Entre cada sección, agrega un botón CTA secundario que lleve al formulario. No esperes a que el visitante llegue al final de la página para darle la opción de contactarte.

Paso 5: Insertar formulario de contacto con integración WhatsApp

El formulario es donde ocurre la conversión. En Perú, el 93% de la población online usa WhatsApp, así que tu formulario debe tener dos opciones: enviar los datos por email Y ofrecer un botón directo a WhatsApp.

Con Elementor Pro, arrastra el widget «Formulario» a tu página. Configura los campos mínimos necesarios: nombre, teléfono y un campo de selección con el servicio que le interesa. Menos campos = más conversiones. Si pides email, teléfono, RUC, dirección y mensaje, vas a espantar al 70% de tus visitantes.

En la pestaña «Acciones después del envío», configura:

Email: para que te llegue una notificación con los datos del lead.

Redirigir: envía al usuario a una página de gracias donde le das los siguientes pasos y un botón de WhatsApp directo.

Para el botón de WhatsApp flotante (ese que aparece en la esquina inferior), instala el plugin «Join.chat» o «Social Chat». Configúralo con tu número (+51 9XX XXX XXX) y un mensaje predeterminado como «Hola, vi su página y quiero más información sobre…».

Paso 6: Optimizar diseño responsive para celular

Esto no es opcional. Con el 83% del tráfico peruano viniendo de celulares, tu landing page se juega la conversión en la pantalla del smartphone.

Elementor tiene un modo responsive donde puedes alternar entre escritorio, tablet y celular (los tres íconos en la parte inferior del panel). Revisa tu landing page en modo celular y ajusta:

Tamaño de tipografía: El titular de la hero que se ve perfecto en desktop (40-50px) necesita bajar a 28-32px en móvil. Elementor te deja configurar tamaños diferentes por dispositivo.

Espaciado: Reduce márgenes y paddings en móvil. En desktop puedes tener secciones con mucho aire; en celular, ese espacio es scroll innecesario.

Orden de elementos: En móvil, la imagen de la hero puede ir debajo del texto o directamente ocultarse si no aporta. Elementor te permite ocultar elementos específicos en cada dispositivo.

Botones: En celular, los botones deben ocupar todo el ancho de la pantalla para que sean fáciles de tocar con el pulgar. Configura ancho al 100% en la vista móvil.

Haz la prueba tú mismo: abre tu landing page en tu celular y cronometra cuántos segundos tardas en encontrar el botón de WhatsApp o el formulario. Si tarda más de 5 segundos, algo está mal.

Paso 7: Conectar dominio propio y publicar

Tu landing page está lista. Antes de publicar, revisa esta lista:

SSL activo (el candado verde en la URL). Sin HTTPS, Google penaliza tu posicionamiento y los usuarios desconfían.

Velocidad de carga: usa GTmetrix o PageSpeed Insights. Tu objetivo es menos de 3 segundos. Si tu página es lenta, revisa nuestra guía de velocidad de carga para landing pages.

Formulario funcional: envía un test y verifica que te llega el email con los datos.

WhatsApp: haz clic en el botón y confirma que abre la conversación con el mensaje correcto.

Analytics: instala Google Analytics y configura el seguimiento de conversiones (envío de formulario como evento).

Si tu dominio ya apunta al hosting donde instalaste WordPress, solo necesitas hacer clic en «Publicar» dentro de Elementor. Si es un dominio nuevo, ve al panel de tu registrador de dominios y configura los DNS para que apunten a tu hosting.

Preguntas frecuentes sobre crear landing pages con WordPress y Elementor

¿Puedo crear una landing page con WordPress gratis?

Sí, puedes usar WordPress con Elementor Free para crear una página básica. Pero para una landing page que convierta necesitas formularios, plantillas profesionales y diseño responsive avanzado, y eso viene con Elementor Pro (desde US$59/año). Es una inversión que se paga sola con los primeros leads.

¿Elementor es el mejor constructor para landing pages?

Para WordPress, sí. Es el más usado, tiene la comunidad más grande, la mayor cantidad de recursos y tutoriales en español, y su curva de aprendizaje es baja. Hay alternativas como Beaver Builder o Brizy, pero ninguna tiene el ecosistema de Elementor.

¿Necesito saber programar para usar Elementor?

No. Elementor funciona con arrastrar y soltar. Eliges un widget (título, imagen, botón, formulario), lo arrastras a la página y lo personalizas desde el panel lateral. Si sabes usar un documento de Word, puedes usar Elementor.

¿Cuánto tiempo toma crear una landing page con Elementor?

Partiendo de una plantilla y con tu contenido listo: entre 3 y 6 horas para alguien que lo hace por primera vez. Si ya tienes experiencia con Elementor, entre 1 y 3 horas. Si prefieres que un profesional lo haga, en KOM lo hacemos desde S/950.

¿Las landing pages hechas con Elementor cargan rápido?

Depende de cómo las construyas. Elementor ha mejorado mucho su rendimiento, pero necesitas: usar el tema Hello Elementor, comprimir imágenes, instalar un plugin de caché (LiteSpeed Cache o WP Rocket) y evitar usar 20 widgets donde 5 son suficientes. Con buenas prácticas, una landing page en Elementor puede cargar en menos de 2 segundos.

Crear una landing page en WordPress con Elementor está al alcance de cualquier emprendedor peruano que le dedique una tarde. Pero si tu tiempo vale más invertido en tu negocio que en aprender diseño web, en KOM te lo hacemos. Landing pages profesionales desde S/950, diseñadas para convertir visitantes en clientes. Escríbenos por WhatsApp y te asesoramos.