Agregue una secci\u00f3n HTML personalizada y configure el formulario de WordPress<\/strong><\/h2>\n![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984672306.jpg\")
<\/a><\/p>\nCree una nueva p\u00e1gina para albergar su formulario de contacto de WordPress. Inicie sesi\u00f3n en su panel de WordPress y vaya al \u00e1rea de configuraci\u00f3n de P\u00e1ginas. El paso 2 es seleccionar y hacer clic en Agregar nuevo. Al crear una p\u00e1gina de contacto, elija un nombre significativo. Por ejemplo: "Cont\u00e1ctenos".<\/p>\n
Formulario de contacto m\u00e1s simple, mejor. Esto deber\u00eda ser lo m\u00e1s simple posible. Solo necesita el nombre, el correo electr\u00f3nico y los cuadros de comentarios para crear un formulario de contacto simple. Debe copiarse y colocarse en el archivo page-contact.php.<\/p>\n
![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984775736.jpg\")
<\/a><\/p>\nEl paso 3 es crear su formulario de WordPress despu\u00e9s de haber nombrado su p\u00e1gina de contacto. Puede usar el bloque de c\u00f3digo si activa Bootstrap en su sitio de WordPress.<\/p>\n
Si desea mantener un control total sobre la apariencia de su sitio, puede usar el bloque de c\u00f3digo de formulario sin necesidad de arranque. Despu\u00e9s de seleccionar el bloque de c\u00f3digo apropiado para su sitio de WordPress, agregue un bloque HTML personalizado de Gutenberg. Pegue el c\u00f3digo de formulario de su elecci\u00f3n.<\/p>\n
Si est\u00e1 utilizando una versi\u00f3n anterior de WordPress que carece del bloque HTML de Gutenberg, primero vaya a la configuraci\u00f3n de la pesta\u00f1a Texto. Pegue el c\u00f3digo de formulario de su elecci\u00f3n en el \u00e1rea.<\/p>\n
No olvide incluir la URL del punto final que encontr\u00f3 en la propiedad de acci\u00f3n del bloque HTML. Como resultado, los env\u00edos se enviar\u00e1n al formulario que cre\u00f3 en su panel de Getform.<\/p>\n
Creaci\u00f3n de una plantilla de p\u00e1gina<\/strong><\/h2>\nEl paso 1 es crear una plantilla para una p\u00e1gina de WordPress. Para hacerlo, copie el c\u00f3digo de page.php en un nuevo archivo llamado page-contact.php. Para garantizar que WordPress trate el archivo contact.php como una plantilla de p\u00e1gina de WordPress, debemos incluir un comentario en la parte superior del archivo.<\/p>\n
Construyendo el formulario<\/strong><\/h2>\n![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e898487993c.jpg\")
<\/a><\/p>\nAhora debemos crear un formulario de contacto b\u00e1sico de WordPress. Simplemente copie y pegue el c\u00f3digo en el contenido de la entrada. No es dif\u00edcil usar este c\u00f3digo HTML autoexplicativo para un formulario. Se utilizar\u00e1 m\u00e1s adelante para determinar si el formulario ha sido enviado o no.<\/p>\n
Preprocesamiento de datos<\/strong><\/h2>\n![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e898498f8a1.jpg\")
<\/a><\/p>\nEl formulario creado parecer\u00e1 agradable, pero ser\u00e1 completamente in\u00fatil porque no enviar\u00e1 ning\u00fan correo electr\u00f3nico. Lo que debemos hacer es echar un vistazo al formulario que se envi\u00f3 y volver a verificar todos los datos. Debe verificar si los campos se completaron correctamente con los datos adecuados.<\/p>\n
Si las casillas est\u00e1n llenas con los datos correctos, obtendremos la direcci\u00f3n de correo electr\u00f3nico del administrador del blog y le enviaremos el correo electr\u00f3nico.<\/p>\n
De lo contrario, no se enviar\u00e1 ning\u00fan correo electr\u00f3nico y el usuario tendr\u00e1 problemas. Verifique que el formulario haya sido enviado y completado con datos precisos. Si ocurre un error, como un campo vac\u00edo o una direcci\u00f3n de correo electr\u00f3nico err\u00f3nea, se muestra un aviso y no se env\u00eda el formulario. Tienes que corregir estos datos y volver a intentarlo.<\/p>\n
Agregar una verificaci\u00f3n jQuery<\/strong><\/h2>\n![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984aaacb5.jpg\")
<\/a><\/p>\nNuestro formulario ahora est\u00e1 completamente listo. Pero podemos mejorarlo incorporando la verificaci\u00f3n del lado del cliente. Para hacer esto, usaremos jQuery y el complemento jQuery de confirmaci\u00f3n. Este complemento es fant\u00e1stico ya que le permite verificar r\u00e1pidamente si un formulario se ha completado con datos precisos. El primer paso es descargar e instalar el complemento de validaci\u00f3n en su archivo de tema.<\/p>\n
Ahora debemos conectar los archivos Javascript a nuestro tema. Despu\u00e9s de eso, el complemento de validaci\u00f3n de jQuery confirmar\u00e1 el formulario de contacto en el lado del cliente. \u00bfC\u00f3mo funciona? Selecciona los datos del formulario que tienen la clase CSS requerida y valida que se completen correctamente. Si este no es el caso, se muestra un aviso y deber\u00e1 corregir todas las entradas de datos incorrectas.<\/p>\n
Forma de mejora<\/strong><\/h2>\n![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984bbbb81.jpg\")
<\/a><\/p>\nUtilice las capacidades de WordPress para salvaguardar el uso de nuestro formulario utilizando nonces. Las funciones le permitir\u00e1n asegurarse de que el contenido de una solicitud de formulario se origine en el sitio actual y no en otro. Como resultado, no es la protecci\u00f3n ideal, aunque protege en muchas circunstancias.<\/p>\n
Su primer par\u00e1metro es una acci\u00f3n, mientras que su segundo argumento es un nombre. Estas dos palabras se utilizan nuevamente m\u00e1s adelante en nuestro c\u00f3digo para determinar si el nonce enviado corresponde a estas dos entradas.<\/p>\n
Es importante incluir campos nonce en sus formularios de WordPress. Los nonces se pueden usar para verificar que un usuario tiene la intenci\u00f3n de realizar una acci\u00f3n y es fundamental en la protecci\u00f3n contra la falsificaci\u00f3n de solicitudes entre sitios (CSRF)".<\/p>\n
Intercepci\u00f3n de datos con plantilla<\/strong><\/h2>\nConc\u00e9ntrate en la l\u00f3gica de procesamiento del formulario: dejamos la plantilla y nos dirigimos al archivo functions.php para manejar los datos recibidos.<\/p>\n
Es necesario conectarse a una acci\u00f3n de WordPress que se ejecute antes de que se produzcan los encabezados de p\u00e1gina de WordPress. Es potencialmente redirigir al usuario a otra p\u00e1gina despu\u00e9s de evaluar la entrada del formulario.<\/p>\n
La primera condici\u00f3n en nuestra funci\u00f3n nos asegura que se ha enviado una entrada de formulario. Hay un v\u00ednculo entre la funci\u00f3n y la acci\u00f3n de redirecci\u00f3n de la plantilla. Debido a esto, cada vez que cargue el \u0161age, se llamar\u00e1.<\/p>\n
Por lo tanto, es fundamental filtrar las solicitudes y asegurarse de que sea el momento de analizar la entrada del formulario, si existe. Esto indica que se presion\u00f3 el bot\u00f3n de enviar en el formulario y que ahora es el momento de probar la solicitud.<\/p>\n
Procesamiento de los datos<\/strong><\/h2>\n![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984ccdf3d.jpg\")
<\/a><\/p>\nUna vez que hayamos completado nuestras comprobaciones, depende de usted hacer lo que quiera con los datos del formulario almacenados en la variable. Guarde el monto del regalo como una variable.<\/p>\n
Despu\u00e9s de actualizar con \u00e9xito la base de datos, debemos redirigir al usuario a una p\u00e1gina. Adem\u00e1s, debe crear un mensaje de \u00e9xito, que puede crear utilizando Dashboard.<\/p>\n
Manejo de errores<\/strong><\/h2>\n![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188795-61e8984dd1514.jpg\")
<\/a><\/p>\nDebe asegurarse de enviar y completar el formulario correctamente. Si ocurre un error, como un campo vac\u00edo o una direcci\u00f3n de correo electr\u00f3nico err\u00f3nea, recibir\u00e1 un aviso y no podr\u00e1 enviar el formulario.<\/p>\n
Despu\u00e9s de esto, debe crear y mostrar advertencias de error debajo del cuadro asociado. Cree algo simple, como "Por favor ingrese su nombre". Obtendr\u00e1 una plantilla de p\u00e1gina de formulario completa que puede usar.<\/p>\n
Pensamientos finales sobre c\u00f3mo crear un formulario en WordPress sin complemento<\/strong><\/h2>\nUsar WordPress para crear un sitio web es una opci\u00f3n muy popular para muchos. Ofrece varias opciones para sus usuarios. Se le ofrece al usuario elegir un tema espec\u00edfico para el sitio, organizar lo que quiere mostrar en su sitio hasta el m\u00e1s m\u00ednimo detalle… Le permite crear y agregar nuevas p\u00e1ginas y contenido con o sin usar los complementos.<\/p>\n
WordPress es una excelente opci\u00f3n para crear un sitio web o un blog. Es bueno para principiantes y tambi\u00e9n para personas que est\u00e1n m\u00e1s familiarizadas con la creaci\u00f3n de sitios web y el trabajo con el c\u00f3digo.<\/p>\n
En este art\u00edculo, le presentamos formas de crear un formulario en WordPress sin un complemento para su sitio de WordPress.<\/p>\n
La creaci\u00f3n de formularios es fundamental a la hora de dise\u00f1ar un WordPress o cualquier sitio. Es posible que necesite un poco m\u00e1s de conocimiento sobre el c\u00f3digo. Pero siempre hay complementos para facilitar el trabajo mientras a\u00fan est\u00e1 aprendiendo a trabajar con el c\u00f3digo. Sea paciente, aprenda y crear\u00e1 incre\u00edbles sitios web de WordPress o blogs.<\/p>\n
Si disfrut\u00f3 leyendo este art\u00edculo sobre c\u00f3mo crear un formulario en WordPress sin complemento, debe consultar este sobre c\u00f3mo ocultar el autor en WordPress<\/a>.<\/p>\nTambi\u00e9n escribimos sobre algunos temas relacionados, como incrustar un formulario de Google en WordPress<\/a>, c\u00f3mo cargar un archivo HTML en WordPress<\/a>, d\u00f3nde se almacenan las p\u00e1ginas de WordPress<\/a> y c\u00f3mo eliminar temas de WordPress<\/a>.<\/p>\n
<\/a><\/p>\nCree una nueva p\u00e1gina para albergar su formulario de contacto de WordPress. Inicie sesi\u00f3n en su panel de WordPress y vaya al \u00e1rea de configuraci\u00f3n de P\u00e1ginas. El paso 2 es seleccionar y hacer clic en Agregar nuevo. Al crear una p\u00e1gina de contacto, elija un nombre significativo. Por ejemplo: "Cont\u00e1ctenos".<\/p>\n
Formulario de contacto m\u00e1s simple, mejor. Esto deber\u00eda ser lo m\u00e1s simple posible. Solo necesita el nombre, el correo electr\u00f3nico y los cuadros de comentarios para crear un formulario de contacto simple. Debe copiarse y colocarse en el archivo page-contact.php.<\/p>\n
El paso 3 es crear su formulario de WordPress despu\u00e9s de haber nombrado su p\u00e1gina de contacto. Puede usar el bloque de c\u00f3digo si activa Bootstrap en su sitio de WordPress.<\/p>\n Si desea mantener un control total sobre la apariencia de su sitio, puede usar el bloque de c\u00f3digo de formulario sin necesidad de arranque. Despu\u00e9s de seleccionar el bloque de c\u00f3digo apropiado para su sitio de WordPress, agregue un bloque HTML personalizado de Gutenberg. Pegue el c\u00f3digo de formulario de su elecci\u00f3n.<\/p>\n Si est\u00e1 utilizando una versi\u00f3n anterior de WordPress que carece del bloque HTML de Gutenberg, primero vaya a la configuraci\u00f3n de la pesta\u00f1a Texto. Pegue el c\u00f3digo de formulario de su elecci\u00f3n en el \u00e1rea.<\/p>\n No olvide incluir la URL del punto final que encontr\u00f3 en la propiedad de acci\u00f3n del bloque HTML. Como resultado, los env\u00edos se enviar\u00e1n al formulario que cre\u00f3 en su panel de Getform.<\/p>\n El paso 1 es crear una plantilla para una p\u00e1gina de WordPress. Para hacerlo, copie el c\u00f3digo de page.php en un nuevo archivo llamado page-contact.php. Para garantizar que WordPress trate el archivo contact.php como una plantilla de p\u00e1gina de WordPress, debemos incluir un comentario en la parte superior del archivo.<\/p>\n Ahora debemos crear un formulario de contacto b\u00e1sico de WordPress. Simplemente copie y pegue el c\u00f3digo en el contenido de la entrada. No es dif\u00edcil usar este c\u00f3digo HTML autoexplicativo para un formulario. Se utilizar\u00e1 m\u00e1s adelante para determinar si el formulario ha sido enviado o no.<\/p>\n El formulario creado parecer\u00e1 agradable, pero ser\u00e1 completamente in\u00fatil porque no enviar\u00e1 ning\u00fan correo electr\u00f3nico. Lo que debemos hacer es echar un vistazo al formulario que se envi\u00f3 y volver a verificar todos los datos. Debe verificar si los campos se completaron correctamente con los datos adecuados.<\/p>\n Si las casillas est\u00e1n llenas con los datos correctos, obtendremos la direcci\u00f3n de correo electr\u00f3nico del administrador del blog y le enviaremos el correo electr\u00f3nico.<\/p>\n De lo contrario, no se enviar\u00e1 ning\u00fan correo electr\u00f3nico y el usuario tendr\u00e1 problemas. Verifique que el formulario haya sido enviado y completado con datos precisos. Si ocurre un error, como un campo vac\u00edo o una direcci\u00f3n de correo electr\u00f3nico err\u00f3nea, se muestra un aviso y no se env\u00eda el formulario. Tienes que corregir estos datos y volver a intentarlo.<\/p>\n Nuestro formulario ahora est\u00e1 completamente listo. Pero podemos mejorarlo incorporando la verificaci\u00f3n del lado del cliente. Para hacer esto, usaremos jQuery y el complemento jQuery de confirmaci\u00f3n. Este complemento es fant\u00e1stico ya que le permite verificar r\u00e1pidamente si un formulario se ha completado con datos precisos. El primer paso es descargar e instalar el complemento de validaci\u00f3n en su archivo de tema.<\/p>\n Ahora debemos conectar los archivos Javascript a nuestro tema. Despu\u00e9s de eso, el complemento de validaci\u00f3n de jQuery confirmar\u00e1 el formulario de contacto en el lado del cliente. \u00bfC\u00f3mo funciona? Selecciona los datos del formulario que tienen la clase CSS requerida y valida que se completen correctamente. Si este no es el caso, se muestra un aviso y deber\u00e1 corregir todas las entradas de datos incorrectas.<\/p>\n Utilice las capacidades de WordPress para salvaguardar el uso de nuestro formulario utilizando nonces. Las funciones le permitir\u00e1n asegurarse de que el contenido de una solicitud de formulario se origine en el sitio actual y no en otro. Como resultado, no es la protecci\u00f3n ideal, aunque protege en muchas circunstancias.<\/p>\n Su primer par\u00e1metro es una acci\u00f3n, mientras que su segundo argumento es un nombre. Estas dos palabras se utilizan nuevamente m\u00e1s adelante en nuestro c\u00f3digo para determinar si el nonce enviado corresponde a estas dos entradas.<\/p>\n Es importante incluir campos nonce en sus formularios de WordPress. Los nonces se pueden usar para verificar que un usuario tiene la intenci\u00f3n de realizar una acci\u00f3n y es fundamental en la protecci\u00f3n contra la falsificaci\u00f3n de solicitudes entre sitios (CSRF)".<\/p>\n Conc\u00e9ntrate en la l\u00f3gica de procesamiento del formulario: dejamos la plantilla y nos dirigimos al archivo functions.php para manejar los datos recibidos.<\/p>\n Es necesario conectarse a una acci\u00f3n de WordPress que se ejecute antes de que se produzcan los encabezados de p\u00e1gina de WordPress. Es potencialmente redirigir al usuario a otra p\u00e1gina despu\u00e9s de evaluar la entrada del formulario.<\/p>\n La primera condici\u00f3n en nuestra funci\u00f3n nos asegura que se ha enviado una entrada de formulario. Hay un v\u00ednculo entre la funci\u00f3n y la acci\u00f3n de redirecci\u00f3n de la plantilla. Debido a esto, cada vez que cargue el \u0161age, se llamar\u00e1.<\/p>\n Por lo tanto, es fundamental filtrar las solicitudes y asegurarse de que sea el momento de analizar la entrada del formulario, si existe. Esto indica que se presion\u00f3 el bot\u00f3n de enviar en el formulario y que ahora es el momento de probar la solicitud.<\/p>\n Una vez que hayamos completado nuestras comprobaciones, depende de usted hacer lo que quiera con los datos del formulario almacenados en la variable. Guarde el monto del regalo como una variable.<\/p>\n Despu\u00e9s de actualizar con \u00e9xito la base de datos, debemos redirigir al usuario a una p\u00e1gina. Adem\u00e1s, debe crear un mensaje de \u00e9xito, que puede crear utilizando Dashboard.<\/p>\n Debe asegurarse de enviar y completar el formulario correctamente. Si ocurre un error, como un campo vac\u00edo o una direcci\u00f3n de correo electr\u00f3nico err\u00f3nea, recibir\u00e1 un aviso y no podr\u00e1 enviar el formulario.<\/p>\n Despu\u00e9s de esto, debe crear y mostrar advertencias de error debajo del cuadro asociado. Cree algo simple, como "Por favor ingrese su nombre". Obtendr\u00e1 una plantilla de p\u00e1gina de formulario completa que puede usar.<\/p>\n Usar WordPress para crear un sitio web es una opci\u00f3n muy popular para muchos. Ofrece varias opciones para sus usuarios. Se le ofrece al usuario elegir un tema espec\u00edfico para el sitio, organizar lo que quiere mostrar en su sitio hasta el m\u00e1s m\u00ednimo detalle… Le permite crear y agregar nuevas p\u00e1ginas y contenido con o sin usar los complementos.<\/p>\n WordPress es una excelente opci\u00f3n para crear un sitio web o un blog. Es bueno para principiantes y tambi\u00e9n para personas que est\u00e1n m\u00e1s familiarizadas con la creaci\u00f3n de sitios web y el trabajo con el c\u00f3digo.<\/p>\n En este art\u00edculo, le presentamos formas de crear un formulario en WordPress sin un complemento para su sitio de WordPress.<\/p>\n La creaci\u00f3n de formularios es fundamental a la hora de dise\u00f1ar un WordPress o cualquier sitio. Es posible que necesite un poco m\u00e1s de conocimiento sobre el c\u00f3digo. Pero siempre hay complementos para facilitar el trabajo mientras a\u00fan est\u00e1 aprendiendo a trabajar con el c\u00f3digo. Sea paciente, aprenda y crear\u00e1 incre\u00edbles sitios web de WordPress o blogs.<\/p>\n Si disfrut\u00f3 leyendo este art\u00edculo sobre c\u00f3mo crear un formulario en WordPress sin complemento, debe consultar este sobre c\u00f3mo ocultar el autor en WordPress<\/a>.<\/p>\n Tambi\u00e9n escribimos sobre algunos temas relacionados, como incrustar un formulario de Google en WordPress<\/a>, c\u00f3mo cargar un archivo HTML en WordPress<\/a>, d\u00f3nde se almacenan las p\u00e1ginas de WordPress<\/a> y c\u00f3mo eliminar temas de WordPress<\/a>.<\/p>\n<\/a><\/p>\nCreaci\u00f3n de una plantilla de p\u00e1gina<\/strong><\/h2>\n
Construyendo el formulario<\/strong><\/h2>\n
<\/a><\/p>\nPreprocesamiento de datos<\/strong><\/h2>\n
<\/a><\/p>\nAgregar una verificaci\u00f3n jQuery<\/strong><\/h2>\n
<\/a><\/p>\nForma de mejora<\/strong><\/h2>\n
<\/a><\/p>\nIntercepci\u00f3n de datos con plantilla<\/strong><\/h2>\n
Procesamiento de los datos<\/strong><\/h2>\n
<\/a><\/p>\nManejo de errores<\/strong><\/h2>\n
<\/a><\/p>\nPensamientos finales sobre c\u00f3mo crear un formulario en WordPress sin complemento<\/strong><\/h2>\n