### [Cómo agregar enfoque automático a tu formulario](https://wpforms.com/developers/how-to-add-autofocus-on-your-form/) **Publicado:** 15 de diciembre de 2020 **Autor:** Equipo Editorial **Extracto:** Este tutorial te guiará sobre cómo usar JavaScript para que el cursor se enfoque automáticamente en el primer campo del formulario cuando tu página se cargue. **Contenido:** ¿Estás interesado en habilitar el enfoque automático en tu formulario para mejorar la experiencia del usuario? Con el enfoque automático, el cursor se activa automáticamente dentro del primer campo del formulario cuando la página termina de cargarse, agilizando la interacción del usuario. Esta simple mejora se puede lograr con un fragmento de código JavaScript, y te guiaremos a través del proceso. ## Creando tu formulario Primero, deberás comenzar creando tu formulario y agregando tus campos. Si necesitas ayuda para crear un formulario, [consulta esta documentación](https://wpforms.com/docs/creating-first-form/ "Cómo crear tu primer formulario").  ## Creando el fragmento para agregar enfoque automático A continuación, deberás agregar este fragmento de código a tu sitio. Si necesitas ayuda para agregar fragmentos a tu sitio, [consulta este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Cómo agregar PHP o JavaScript personalizado para WPForms"). ``` /** * Agrega enfoque automático al primer campo del formulario * * @link https://wpforms.com/developers/how-to-add-autofocus-on-your-form/ */ function wpf_dev_autofocus() { ?> **Categorías:** Campos **Etiquetas:** Javascript, JS ---