jalea 
Los sitios web de una página hacen bien un trabajo específico: ponen cada pieza de información que un visitante necesita en un solo pergamino. No hacer clic. No hay segunda página. Solo héroe, sobre, servicios, contacto, hecho.
Esta guía explica cómo crear un sitio web de una página con Elementor utilizando el complemento gratuito, un tema ligero y un puñado de widgets de los complementos maestros donde se agota el conjunto de elementos gratuitos. Al final, tendrás un sitio que se desplaza limpiamente de arriba a abajo, con enlaces de navegación que saltan a cada sección en lugar de cargar una nueva página.
Si tienes prisa, salta al atajo del kit de plantilla cerca de la parte inferior. Si quieres entender realmente lo que estás construyendo, empieza desde arriba.
Un sitio web de una página pone todo su contenido en una sola URL. En lugar de navegar a /about investigaciones operacionales /services, el menú salta a secciones ancladas en la misma página.
Funciona bien para:
Funciona menos bien para:
Si su contenido puede encajar en aproximadamente 7-12 secciones sin sentirse abarrotado, un buscapersonas es probablemente el formato correcto.
Tres ingredientes:
Puede construir la mayor parte de esto solo con Elementor gratis, pero algunas secciones se vuelven incómodas sin widgets adicionales. Los señalaré a medida que avanzamos.
Instalar Hello Elementor desde Apariencia > Temas > Agregar nuevo. Es una pizarra en blanco: sin barras laterales, sin estilos predeterminados, sin opiniones. Elementor dibuja toda la página.
Una vez que esté activo:
Canvas Quita el encabezado y el pie de página de WordPress. Su único buscapersonas se convierte en la página completa.
Si desea comparar opciones de tema, el Los mejores temas de WordPress ligeros para Elementor Roundup cubre alternativas, pero Hello es el predeterminado por una razón.
La mayoría de los buscapersonas decentes siguen el mismo ritmo. Aquí está la pila que uso:
No todos los sitios necesitan los once. Un autónomo en solitario probablemente se salta el equipo. Un consultor B2B podría saltarse los precios. Elija los que realmente acercan a su visitante a contactarlo y dejen el resto.
Primero, cree el menú en WordPress: Apariencia > Menús > Crear un nuevo menú.
Añada enlaces personalizados con URL de marcador de posición. Por ahora, use un hash (#) seguido del nombre de la sección: #about, #services, #pricing. Los cableará correctamente al final, una vez que cada sección tenga una identificación coincidente.
Guardar el menú.
Ahora, dentro de Elementor, suelte una sección en la parte superior con dos columnas. Pon tu logo en la columna de la izquierda. Para la columna de la derecha, tiene dos opciones:
Que la sección pega con Configuración de la sección > Avanzado > Efectos de movimiento > Sticky: Top. Si quieres un recorrido completo, el Cabecera pegajosa en la guía de Elementor lo descompone.
El héroe marca la pauta. Manténgalo corto: una promesa, una línea de apoyo, un botón.
Agregue una nueva sección justo debajo del menú. Abra la configuración de la sección y configure:
Suelte un encabezado grande, una línea de texto descriptivo y un botón. Utilice una imagen de fondo o un color sólido en el estilo de sección. Una superposición oscura ayuda a la legibilidad del texto cuando la foto de fondo está ocupada.
Si desea una ventaja inicial, los complementos maestros envían plantillas de la sección Héroe en el Biblioteca de. Importe uno, cambie la copia y la imagen, y estará listo en unos minutos.
Nada de lujo aquí. Una sección estándar con dos columnas:
Apunte el enlace de anclaje del botón en la sección de servicios a continuación ("Ver lo que hago"), para que los visitantes que se desplazan más allá todavía tengan un camino claro hacia adelante.
Aquí es donde el widget de Infobox gana su lugar. Free Elementor tiene una caja de iconos, pero es limitada. Los complementos maestros Widget de la caja de información Le ofrece varios diseños, posicionamiento de iconos, estados de desplazamiento y un campo de URL en todo el cuadro para que se pueda hacer clic en toda la tarjeta.
Cree una sección, agregue un encabezado ("Servicios" o "Lo que hago"), luego una sección interna dividida en tres o cuatro columnas. Deje un cuadro de información por columna.
Cada cuadro debe responder a una pregunta: ¿cuál es el servicio, para quién es y qué resultado ofrece? No descargues listas de funciones aquí. Para eso está una página de servicios dedicado, y no tienes uno en un buscapersonas.
Omita esta sección si está solo.
Para 1-4 personas: use el widget de miembro del equipo. Cada miembro recibe una tarjeta con foto, nombre, rol, biografía corta e iconos sociales.
Para equipos más grandes: use el carrusel de miembros del equipo. Muestra tres o cuatro miembros a la vez y se desplaza horizontalmente, lo que mantiene la sección visualmente contenida.
Mantenga todas las fotos del equipo con la misma relación de cultivo y aspecto. Los tamaños de cabeza que no coinciden en una cuadrícula se ven más descuidados de lo que esperas. Documentación: Widget de miembro del equipo y Carrusel de miembros del equipo. Para una guía independiente, véase Cómo crear una sección de miembros del equipo.
La galería de imágenes de Free Elementor está bien para una cuadrícula estática, pero no se filtra por categoría.
Si desea que los visitantes hagan clic en "Branding" o "Web" y que la cuadrícula se reorganice, necesita una galería filtrable. Los complementos maestros tienen uno. Admite pestañas de categoría, caja de luz emergente, cintas (como insignias "nuevas" o "con las que se destacan") y una superposición de metadatos en el cursor.
Configuración: suelte el Widget de galería filtrable, suba imágenes, etiquete cada una con una categoría y estilo. Más contexto en el Resumen de complementos de galería filtrables de Elementor Si quieres ver cómo se compara con alternativas.
Si vende servicios o suscripciones productizados, una sección de precios convierte mejor que un "contacto para cotización" vago que no se puede obtener.
Free Elementor no tiene un widget de precios, por lo que este es el territorio de los complementos maestros. los Widget de tabla de precios está en la versión gratuita y le brinda títulos, precio, lista de funciones con iconos de verificación o cruce, una insignia para el plan recomendado y un botón CTA.
Tres columnas es el punto ideal para un buscapersonas. Escanean los ojos de los visitantes de izquierda a derecha, y la columna del medio es donde coloca el plan que realmente quiere que elijan. Marque "más popular" con una cinta y estime de manera ligeramente diferente (borde más audaz, botón relleno). Más consejos de patrones en el Widget de tabla de precios de Elementor puesto
Dos o tres testimonios reales golpean una pared de falsos.
El carrusel testimonial de Elementor Free se encarga del diseño básico. Si desea una versión más limpia de una sola columna (una gran cita que gira), el carrusel de miembros del equipo en Master Addons, por extraño que parezca, también funciona bien aquí: suelte las fotos de los clientes en las ranuras de los miembros y coloque la cotización en el campo de la biografía.
Solicite testimonios que mencionen un resultado específico ("Obtuve 3 clientes en el primer mes") en lugar de elogios genéricos ("excelente para trabajar"). Los detalles son convincentes. Los adjetivos vagos son relleno.
instalar el gratis Plugin de contacto 7 del directorio de plugins. Crea un formulario, toma el código corto.
En Elementor, suelte un widget de editor de texto y pegue el shortcode. El formulario se renderizará, pero se verá simple.
Ahí es donde el widget de Formulario de contacto de Master Addons 7 toma el control. En lugar de pegar un código corto, le permite diseñar etiquetas, campos, bordes, mensajes de error y el botón Enviar desde el panel Elementor. Sin CSS personalizado.
Recorrido completo en el Documento de personalización del Formulario de Contacto 7. Si desea un ícono de fuente increíble dentro del botón de enviar, hay una publicación separada en Aplicación de iconos de Font Awesome a los botones CF7.
Gratis Elementor incluye un widget de iconos sociales. Cubre Facebook, X (anteriormente Twitter), LinkedIn, Instagram, YouTube y un puñado de otros. Controla el color (marca o personalizado), tamaño, forma (cuadrado o círculo redondeado) y espaciado.
Ponlos encima o dentro de tu pie de página. Mantenga el conteo hasta tres o cuatro plataformas donde esté realmente activo. Doce íconos, la mitad de ellos cuentas muertas, se ven peor que tres sanos.
En un buscapersonas, el pie de página puede ser una sola línea.
Agregue una sección debajo del formulario de contacto, una sola columna, centrado. Una línea corta de derechos de autor (© 2026 su nombre. Todos los derechos reservados.) hace el trabajo. Si necesitas enlaces de política de privacidad o términos, déjalos aquí también. Nada más pertenece a un pie de página de un buscapersonas.
Este es el paso que hace tropezar a los principiantes. Los elementos de menú que configura al principio (#about, #services, etc.) no haga nada todavía, porque las secciones no tienen ID que coinciden.
Aquí está la solución, hecha una vez por sección:
about, no #about.
Ahorra. Repita para cada sección a la que desea que el menú salte.
Luego vuelve a Apariencia > Menús y confirme que el enlace de cada elemento del menú es la versión hash (#about, #services, #pricing). Guardar el menú.
Vuelva a cargar el front-end, haga clic en un elemento del menú y la página debe desplazarse sin problemas a la sección correspondiente. Si salta de forma abrupta en lugar de desplazarse, al tema le falta la regla CSS de desplazamiento suave. Agregar esto a Personalizar > CSS adicional:
html { scroll-behavior: smooth; }hecho
Si no te apetece construir once secciones desde cero, Master Addons envía 30+ completos Kits de plantillas, muchos de ellos uno buscapersonas para industrias específicas (agencia, restaurante, portafolio, saaS, consultor).
Importa un kit, cambia las imágenes y copia, ajusta los colores para que coincidan con tu marca y estarás en vivo en una tarde en lugar de una semana. los Cómo importar plantillas de elementos La publicación cubre el paso de importación si nunca lo has hecho.
Así es como recomiendo que principiantes empiece. Construya a partir de una plantilla de trabajo, aprenda cómo se estructura cada sección y luego ajuste desde allí.
Dado que todo el sitio vive en una URL, esa URL tiene que cargar cada imagen, fuente y script para cada visitante. Un buscapersonas hinchado es un asesino de conversiones.
Ganancias rápidas:
más en Cómo acelerar los sitios web de Elementor. Master Addons V3 es tres veces más rápido que V2 y solo carga el widget CSS y JS para widgets realmente en uso, lo que importa más en un sitio de URL única que en uno de varias páginas.
Sí. Elementor gratis más el tema Hello Elementor gratuito y el complemento gratuito de Master Addons cubre todas las secciones de esta guía. No necesitas Pro para un buscapersonas a menos que quieras widgets adicionales o el creador de temas nativos.
Hola Elementor. Se envía con un estilo cero, se carga rápidamente y permite que Elementor dibuje la página completa. Cualquier tema obstinado (Astra, GeneratePress) también funciona, pero agregan un estilo que tendrás que anular.
Asigne un ID de CSS a cada sección (Sección > Avanzado > ID CSS, sin el hash), luego vincule el elemento de menú al mismo nombre con un hash. una identificación de la sección de about Coincide con una URL de menú de #about.
Para una sola palabra clave enfocada o una intención local, sí. Para SEO más amplio que cubre múltiples temas, no. Un buscapersonas compite por una palabra clave principal (el título de la página). Los sitios de varias páginas pueden dirigirse a docenas de destinatarios.
Desde cero, 4-8 horas para una construcción limpia. A partir de un kit de plantillas, 1-3 horas. La mayoría de las veces se destina a la selección de copias y imágenes, no al trabajo de Elementor en sí.
Un sitio web de una página con Elementor no es difícil. Elija Hello Elementor, establezca la página en Canvas, construya once secciones (o menos), asigne ID de CSS y conecte el menú a enlaces hash. hecho
Donde Master Addons acelera las cosas:
descargar el Complemento de complementos maestros gratis Y comience con cualquier sección en la que tenga menos confianza construyendo desde cero. trabajar hacia afuera desde allí.
Lectura relacionada: 100 mejores complementos de elementos · Cómo importar plantillas de elementos · Widgets y extensiones · Precios de los complementos maestros
Obtenga todos los widgets y plantillas premium que desee, construido con un código limpio que mantiene su sitio rápido. Deshazte de la hinchazón, no de las características.
Más de 110 widgets premium y actualizaciones de por vida: construye más allá de los límites. una creación exclusiva de Laboratorios de Pixar
Cada licencia Master Addons Pro viene con una Reembolso de 14 días sin preguntas, actualizaciones de por vida y soporte prioritario. Pruébalo sin riesgos esta primavera - 40% de descuento con “Restablecer 40″ cupón