Resumen de IA
Descripción general
¿Te gustaría personalizar el enlace de guardar y reanudar? Usando un pequeño fragmento de CSS, puedes convertir fácilmente el enlace de texto que aparece cuando el complemento Guardar y Reanudar está habilitado para que parezca un botón. ¡Empecemos!
Añadir el fragmento de CSS
A efectos de esta documentación, vamos a suponer que ya has creado tu formulario y has habilitado el complemento Guardar y Reanudar.
Sin embargo, si necesitas ayuda para habilitar este complemento para tu formulario, consulta esta útil guía.
Una vez que tu formulario esté creado y el complemento habilitado, simplemente añade este CSS a tu sitio y personaliza los colores, la familia de fuentes, el tamaño de fuente, etc., como desees.
Si necesitas ayuda sobre cómo y dónde añadir fragmentos de CSS a tu sitio, consulta este tutorial.
Estilos para todos los formularios
a.wpforms-save-resume-button {
padding: 10px;
text-decoration: none !important;
background-color: #e27730;
border-radius: 3px;
color: #ffffff !important;
font-family: 'Roboto' !important;
font-size: 17px !important;
border: 1px solid #e27730;
transition: all 0.3s ease-out;
}
a.wpforms-save-resume-button:hover {
color: #e27730 !important;
background-color: #ffffff;
}
Estilos para formularios específicos
Si solo quisieras aplicar este cambio a un formulario específico, usa este CSS en su lugar.
form#wpforms-form-999 a.wpforms-save-resume-button {
padding: 10px;
text-decoration: none !important;
background-color: #e27730;
border-radius: 3px;
color: #ffffff !important;
font-family: 'Roboto' !important;
font-size: 17px !important;
border: 1px solid #e27730;
transition: all 0.3s ease-out;
}
form#wpforms-form-999 a.wpforms-save-resume-button:hover {
color: #e27730 !important;
background-color: #ffffff;
}
Ten en cuenta que deberás actualizar el ID del formulario en tu CSS de 999 para que coincida con tu propio ID de formulario. Si necesitas ayuda para encontrar tu ID de formulario, consulta esta útil guía.
¡Y ahora, al ver el formulario, puedes ver inmediatamente la diferencia!
¿Te gustaría también personalizar la línea de asunto del correo electrónico para este complemento cuando se envían notificaciones? Echa un vistazo a nuestro tutorial sobre Cómo Cambiar el Asunto del Correo Electrónico en las Notificaciones por Correo Electrónico de Guardar y Reanudar.