¿Le gustaría crear y exportar manualmente sus propias plantillas de formularios? Las plantillas personalizadas le permiten construir y usar sus propios formularios "de inicio". Si usted tiende a utilizar muchos de los mismos campos y configuraciones en sus formularios, o si desea utilizar el mismo formulario a través de múltiples sitios que ejecutan WPForms, esto puede ser un gran ahorro de tiempo.
Este tutorial le mostrará cómo crear sus propias plantillas de formulario personalizadas a partir de un formulario nuevo o existente.
En este artículo
Nota: Los pasos de este tutorial implican la edición de los archivos de su sitio. Si prefieres una forma más sencilla, consulta nuestra guía sobre la creación de plantillas personalizadas para obtener más información.
En primer lugar, asegúrese de que WPForms está instalado y activado en su sitio. A continuación, puede sumergirse en el tutorial a continuación.
Crear un formulario para utilizarlo como plantilla
Para empezar, necesitará un formulario que luego copiará para crear su plantilla. Puedes utilizar un formulario existente o crear uno nuevo.
Al crear un nuevo formulario, puede elegir entre empezar con un formulario en blanco o utilizar una de nuestras plantillas existentes y personalizarla.
En la página Configuración, introduzca el nombre de su plantilla en el campo Nombre de su formulario.
Este título será visible en la biblioteca de plantillas una vez que añadas tu plantilla personalizada a ella, así que asegúrate de que sea algo descriptivo pero no demasiado largo.
Añadir y personalizar campos
Puede añadir campos a su formulario de plantilla haciendo clic en ellos en el panel de la izquierda del constructor de formularios, o arrastrándolos y soltándolos en el área de vista previa.
Puede hacer clic en cualquier campo del panel de vista previa para abrir y personalizar sus opciones de campo.
Nota: ¿Buscas más orientación para configurar los campos de tu plantilla? Puedes obtener más información sobre todas las opciones disponibles en nuestros tutoriales sobre cómo elegir los campos de formulario adecuados y personalizar las opciones de campo.
También puede considerar añadir lógica condicional al formulario de su plantilla o crear un diseño de varias columnas. Todos sus cambios y personalizaciones se trasladarán a su plantilla.
Configuración de los ajustes del formulario
También puede personalizar los ajustes de su formulario plantilla para configurar los ajustes por defecto para futuros formularios que utilizarán esta plantilla. Todos los cambios en la configuración se transferirán cuando exporte este formulario para utilizarlo como plantilla.
General
En la configuración general del formulario, puede editar el título de la plantilla y añadir una descripción.
Ambos serán visibles más tarde en la biblioteca de plantillas, por lo que es una buena idea personalizarlos. Asegúrate de que tu descripción incluya cualquier detalle clave para las personas que utilicen tu plantilla, como su finalidad prevista.
Aquí también puede editar el texto del botón de envío, activar o desactivar la protección antispam y añadir CSS personalizado si lo desea.
Notificaciones
En la configuración de notificaciones de su formulario de plantilla, puede crear una o más notificaciones predeterminadas para su plantilla.
Nota: ¿Necesitas ayuda para personalizar las notificaciones de tu plantilla? Echa un vistazo a nuestro tutorial sobre la configuración de correos electrónicos de notificación para más detalles.
Confirmaciones
Puede cambiar la confirmación predeterminada de su plantilla en la configuración de confirmaciones.
Nota: ¿Quiere saber más sobre cómo crear confirmaciones de formularios? Consulte nuestra guía sobre la configuración de confirmaciones de WPForms.
Cuando esté satisfecho con su plantilla, guarde los cambios haciendo clic en el botón Guardar situado en la esquina superior derecha del generador de formularios.
A continuación, haga clic en el icono X para salir del generador de formularios.
Exportar código de formulario para crear una plantilla
Ahora que ha configurado su formulario de plantilla, puede exportarlo para añadirlo a la biblioteca de plantillas.
Primero, necesitará obtener el código de su plantilla yendo a WPForms " Herramientas y haciendo clic en la pestaña Exportar.
En esta página, desplácese hacia abajo hasta la sección Exportar plantilla de formulario, que ofrece una lista desplegable de todos sus formularios. Seleccione el formulario que ha creado para utilizarlo como plantilla y haga clic en el botón Exportar plantilla.
A continuación, se generará el código de la plantilla y se mostrará en su pantalla.
Copiando y pegando este código en los archivos de su sitio mostrará esta plantilla en la biblioteca de plantillas de formularios en la página de Configuración del constructor de formularios.
Añadir código de plantilla a su sitio web
Vamos a discutir tres métodos para añadir el código de la plantilla exportada a su sitio. Para todas estas opciones, primero tendrás que asegurarte de que tienes acceso a los archivos de tu sitio.
Todas las opciones siguientes funcionarán para añadir la plantilla al mismo sitio en el que la ha creado o a otro sitio.
Método 1: Copiar y pegar el código de la plantilla en functions.php
Si desea la solución más fácil y rápida para añadir su plantilla personalizada a su sitio, este es el camino a seguir.
Abra la página functions.php accediendo a /wp-content/themes/YOUR-THEME/functions.php en los archivos de su sitio.
A continuación, puede copiar y pegar el código de la plantilla directamente en functions.php. Guarde el archivo cuando haya terminado.
Nota: Tenga en cuenta que cualquier código personalizado en functions.php puede desaparecer si actualiza su tema. Para evitarlo crear un tema hijo o utilizando un plugin personalizado como se describe a continuación.
Método 2: Pegar el código de la plantilla en un nuevo archivo PHP e incluirlo en functions.php
Este método es muy similar al primero que cubrimos, excepto que pondrás el código de la plantilla en su propio archivo. Esto ayudará a protegerlo de cambios accidentales y a mantener el código de tu sitio más organizado.
Si elige esta opción, primero tendrá que abrir la página de su sitio web functions.php archivo en /wp-content/themes/YOUR-THEME/functions.php. A continuación, pegue el siguiente código:
Esto le dice a su sitio para ejecutar el código en un archivo llamado wpforms-custom-templates.php. A continuación, tienes que crear ese archivo. Asegúrese de crearlo en el directorio /wp-content/themes/YOUR-THEME/ (la misma carpeta que functions.php).
Por último, tendrás que pegar el código de la plantilla en el campo wpforms-custom-templates.php y guárdelo.
Nota: Al crear su wpforms-custom-templates.php debe añadir <?php en la parte superior del archivo, encima del código de plantilla generado por la herramienta de exportación. Esto es necesario para que el archivo sea válido y para que este método funcione.
Método 3: Crear un plugin personalizado
Esta es la mejor opción si espera cambiar su tema de WordPress en el futuro o desea utilizar la misma plantilla(s) en varios sitios.
La creación de un plugin puede parecer compleja, pero en este caso sólo requiere unos pocos pasos.
Primero, crea un nuevo archivo en tu editor de texto o código y pega lo siguiente:
Sustituir // Template code here con el código generado a partir de la herramienta de exportación y guarde el archivo como wpforms-custom-templates.php.
A continuación, abra los archivos de su sitio y vaya a /wp-content/plugins/. Tendrá que mover el wpforms-custom-templates.php que ha creado en esta carpeta para instalar el plugin en su sitio.
Después de mover el archivo, inicie sesión en el área de administración de WordPress y abra la página de plugins. Debería haber un plugin llamado WPForms Custom Templates. Haga clic en Activar para activar el plugin.
Utilización de la nueva plantilla personalizada
Una vez que hayas completado uno de los tres métodos descritos anteriormente, tu plantilla debería estar lista.
Para verificar que todo está funcionando, vaya a WPForms " Agregar Nuevo. En el menú de la izquierda de la biblioteca de plantillas, haga clic en Plantillas personalizadas.
Aquí debería ver su plantilla personalizada, incluidos el título y la descripción del formulario que añadió anteriormente.
Puede utilizarla como cualquier otra plantilla de formulario.
Eliminación de la plantilla de formulario original (opcional)
Por último, si lo deseas, puedes eliminar el formulario que creaste en el primer paso. La plantilla no depende del formulario original en modo alguno, por lo que sólo tienes que conservarlo si tiene entradas asociadas que necesites.
Para eliminar el formulario, vaya a WPForms " Todos los Formularios, pase el cursor sobre la fila del formulario y haga clic en Eliminar.
Preguntas frecuentes
Estas son algunas de las preguntas más comunes que recibimos relacionadas con las plantillas de formularios personalizados.
¿Puedo crear una plantilla personalizada sin utilizar código?
Si no te sientes seguro actualizando los archivos de tu sitio, puedes utilizar el generador de plantillas integrado en el creador de formularios. Para más información, consulta nuestra guía sobre la creación de plantillas de formularios personalizadas.
Nota: ¿Cree que su plantilla debería incluirse en nuestra biblioteca de plantillas? No dude en enviarnos su sugerencia. Nos encantará escucharla.
Ya está. Ahora puede ahorrar tiempo haciendo sus propias plantillas de formularios personalizados en WPForms.
¿Quiere personalizar aún más sus formularios? Echa un vistazo a nuestra guía sobre cómo personalizar sus mensajes de validación WPForms.