Visão geral
Gostaria de personalizar a ligação para guardar e retomar? Usando um pequeno snippet CSS, pode facilmente converter o link de texto que aparece quando o addon Guardar e retomar está ativado para aparecer como um botão. Vamos começar!
Adicionar o snippet CSS
Para efeitos desta documentação, vamos partir do princípio de que já criou o seu formulário e activou o addon Guardar e retomar.
No entanto, se precisar de ajuda para ativar esta extensão para o seu formulário, consulte este guia útil.
Uma vez criado o seu formulário e ativado o addon, basta adicionar este CSS ao seu site e personalizar as cores, a família da fonte, o tamanho da fonte, etc., como desejar.
Se precisar de ajuda sobre como e onde adicionar trechos de CSS ao seu site, consulte este tutorial.
Estilos para todas as formas
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 formulários específicos
Se pretender aplicar esta alteração apenas a um formulário específico, utilize este CSS.
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;
}
Tenha em atenção que terá de atualizar o ID do formulário no seu CSS de 999 para corresponder ao seu próprio ID do formulário. Se precisar de ajuda para encontrar o seu ID de formulário, consulte este guia útil.
E agora, quando visualiza o formulário, pode ver imediatamente a diferença!
Gostaria de personalizar também a linha de assunto do e-mail para este addon quando as notificações são enviadas? Dê uma olhada no nosso tutorial sobre Como alterar o assunto do e-mail nas notificações de e-mail de salvar e retomar.