Suporte » Plugins » Mailpoet – aparência do Formulário

  • Resolvido rafaelamourao

    (@rafaelamourao)


    Bom dia!! Tenho o plugin do MailPoet no meu blog, porém acho que ele fica bem apagado (ele é branco numa tela branca, então não chama atenção), gosto muito do newsletter dele e também da possibilidade de enviar email quando tem tópico novo, mas queria que a caixa de formulário chamasse mais atenção. Tentei outro plugin e consegui com o Mailmunch, porém não consegui enviar emails com ultimos tópicos de posts.

    Vocês sabem dizer se tem como mudar a aparência do formulário? (sou iniciante e estou me aventurando no mundo do wp agora… sou enfermeira e entendo pouco de informática).

    Ou uma forma de integrar um popup com o serviço do mailpoet?

    Obrigada!

    A página que eu preciso de ajuda: [fazer login para ver o link]

Visualizando 10 respostas - 1 até 10 (de um total de 10)
  • Moderador Felipe Santos

    (@felipeloureirosantos)

    Olá, tudo bem?

    Até onde sei não é possível pelas opções do plugin, mas você pode mudar a aparência usando CSS.

    Vi que o MailMunch está ativado, consegue trocar para o MailPoet? Dessa forma consigo ver o campo e lhe enviar o código CSS para inserir no site.

    rafaelamourao

    (@rafaelamourao)

    Oi Felipe!!! Troquei e deixei o Mail Poet lá… Só queria deixar ele um pouco chamativo, uma cor que sobressaia…
    Super obrigada pela ajuda!

    Moderador Felipe Santos

    (@felipeloureirosantos)

    Perfeito!

    Eu fiz algumas modificações, veja o que você acha: https://i.imgur.com/RptiZD5.png

    Para deixar da mesma forma, você deve aplicar algumas mudanças no CSS. Para isso deve ir em Aparência > Personalizar > CSS adicional, e colocar o código abaixo:

    /* Mudança no widget do MailPoet */
    
    .widget_mailpoet_form {
        border: 2px solid #1e73be;
        padding: 10px;
    }
    
    input.mailpoet_submit:hover {
        background: #1e73be;
        color: white;
    }
    
    input.mailpoet_submit {
        background: white;
        color: #1e73be;
        border: 2px solid #1e73be;
    }
    
    .mailpoet_text, .mailpoet_textarea {
        width: 100% !important;
    }
    
    .widget-title h4 {
        color: #1e73be;
        font-weight: bold;
        border-top: unset;
        border-bottom: 2px solid #1e73be;
    }
    rafaelamourao

    (@rafaelamourao)

    Ficou lindo!!!!

    Você acha que a gente consegue deixar o fundo dela azul clarinho? Se não assim está perfeito!!!

    Vou pesquisar como colocar esse negócio de css! Muito obrigada!!! 😊😊

    Moderador Felipe Santos

    (@felipeloureirosantos)

    Perfeito. O CSS lhe permite fazer ajustes visuais com mais facilidade, e pode lhe dar mais liberdade se souber. Eu acho bem divertido. hehehe 🙂

    Segue a atualização do código:

    /* Mudança no widget do MailPoet */
    
    .widget_mailpoet_form {
        border: 2px solid #1e73be;
        padding: 10px;
        background-color: #d8f0ff7a;
    }
    
    input.mailpoet_submit:hover {
        background: #1e73be;
        color: white;
    }
    
    input.mailpoet_submit {
        background: white;
        color: #1e73be;
        border: 2px solid #1e73be;
    }
    
    .mailpoet_text, .mailpoet_textarea {
        width: 100% !important;
    }
    
    .widget-title h4 {
        color: #1e73be;
        font-weight: bold;
        border-top: unset;
        border-bottom: 2px solid #1e73be;
    }

    Se não gostar desse azul que coloquei no fundo, basta mudar d8f0ff7a para a cor que quiser.

    rafaelamourao

    (@rafaelamourao)

    Obaaaa!!! Obrigada!! Arrasou muuuuito!!! Eu preciso aprender mais sobre isso!!! Muito top!!!

    Moderador Felipe Santos

    (@felipeloureirosantos)

    Por nada, fico feliz que lhe ajudou! Boa viagem. 😉

    Se precisar de mais alguma coisa, é só abrir um novo tópico!

    rafaelamourao

    (@rafaelamourao)

    Obrigada!

    rafaelamourao

    (@rafaelamourao)

    Quando puder dá uma olhada! Ficou Lindo!! Muito obrigada mesmo!! Se vc tiver um site que eu possa aprender mais dessas coisas me indica, pq queria ler mais sobre isso…

    Moderador Felipe Santos

    (@felipeloureirosantos)

    Por nada! Perfeito, acabei de ver. Que bom que gostou! 🙂

    Existem alguns cursos que você pode dar uma olhada para aprender HTML e CSS. Você pode buscar no Youtube por cursos de HTML, depois disso é só avançar para CSS. Também existem opções pagas interessantes, como Alura e Udemy.

    Também penso que uma das melhores formas de aprender é participando da comunidade e ajudando outras pessoas (além de ser divertido e devolver para a comunidade toda contribuição que recebeu). Sempre irá encontrar pessoas que sabem menos que você sobre algum assunto. Se quiser participar e contribuir para a comunidade do WordPress, lhe recomendo a se juntar conosco no Slack.

Visualizando 10 respostas - 1 até 10 (de um total de 10)
  • Você deve estar conectado para responder a este tópico.