Gostaria de aprender como criar um formulário de upload de arquivo no Elementor?
Como você provavelmente sabe, a versão pro do Elementor vem com um widget de formulário que você pode usar para criar formas em seu site WordPress. Com este widget você pode criar quase qualquer tipo de formas. Existem cerca de 19 tipos de campos oferecidos por este widget, incluindo um campo para Envio Um arquivo.
Neste artigo, mostraremos como criar um formulário que consiste em um campo de upload de arquivo.
Mas antes de começar, certifique-se de atualizar sua versão do Elementor para a versão Pro, já que, novamente, o widget de formulário está disponível apenas no Elementor Pro.
Leia nosso guia sobre: Como instalar o Elementor no WordPress
Primeiro, crie uma nova página ou publique e edite-a com o Elementor.
Antes de começar a criar a página para adicionar seu formulário, primeiro defina o layout. Para fazer isso, clique no ícone de engrenagem no canto esquerdo inferior do painel esquerdo. Defina seu layout preferido no menu suspenso Layout.
Adicione uma nova seção clicando no ícone de adição na caixa de edição do Elementor. Você pode selecionar qualquer estrutura com base no conceito de design que deseja criar. Escolhemos uma única estrutura de coluna neste exemplo.
Adicione o widget Form, arrastando-o do painel esquerdo para a área da tela.
Por padrão, você tem um formulário composto de três campos: Nome, E-mail e Mensagem. Remova um campo desnecessário clicando no ícone x no campo.
Neste artigo, iremos criar um formulário composto por 4 campos: Nome, Email, Mensagem e Upload de Arquivo. Como o formulário tem apenas 3 campos por padrão, você precisa adicionar um novo formulário para o campo Upload de arquivo.
Leia também: Como adicionar reCAPTCHA ao seu formulário Elementor
Clique no botão ADICIONE UM ITEM para adicionar um novo campo. Defina o tipo de campo no arquivo de upload. Se você deseja defini-lo como um campo obrigatório, ative a opção Requeridos. Defina o tamanho máximo do arquivo no menu suspenso para Tamanho máximo do arquivo.
Para definir os tipos de arquivo permitidos, insira as extensões de arquivo Tipos de arquivos permitidos. Você pode aceitar vários tipos de arquivo, separando as extensões de arquivo com uma vírgula. Se você deseja permitir que seus visitantes enviem vários arquivos, ative a opção Vários arquivos e defina o número máximo de arquivos que eles podem baixar.
Se você quiser alterar a ordem dos campos, basta arrastar cada campo para cima ou para baixo. Neste exemplo, colocamos o campo Upload de arquivo acima do campo Mensagem.
Definição de ação
Seria ótimo se você pudesse conectar seu formulário Elementor com serviços de back-end de formulário tal como getform ou Carry. Infelizmente, o Elementor não oferece suporte à integração com nenhum serviço de back-end de formulário.
Descobrir como: Como adicionar divisor para criar seção no Elementor
Portanto, neste artigo, vamos definir a ação no e-mail. Isso significa que os envios enviados por meio de seu formulário serão enviados por meio do e-mail especificado.
Por padrão, a ação do formulário foi definida como e-mail. Você pode verificar isso na opção Ações após o envio.
Em seguida, abra a opção Email e defina o endereço de e-mail para o qual os formulários serão enviados. Defina também o assunto do e-mail.
Sempre sob a opção O email, definir o corpo do e-mail para opção Mensagem.
Para personalizar o corpo do e-mail, você pode colar os códigos de acesso dos campos que deseja adicionar ao corpo. Você pode encontrá-los na guia AVANÇADO de cada campo.
Você também pode personalizar os metadados do corpo do seu e-mail na seção Metadados. Remova todos os metadados que você não deseja incluir.
Os próprios metadados aparecerão abaixo do corpo do e-mail.
Nos campos de Email, Do Nome e Responder Para, você pode deixá-los em branco.
Personalizando o formulário
Até agora, seu formulário está pronto para ser publicado. Antes de publicá-lo, você pode personalizar o formulário para torná-lo mais atraente. Por padrão, cada campo do formulário contém um rótulo. Se quiser desligá-lo, você pode fazer isso em Opção de campos de formulário em a guia Conteúdo.
Para criar opções de estilo mais avançadas, você pode acessar a guia Estilo. Aqui estão algumas opções de estilo que você pode definir.
- Defina o espaço entre as linhas e a tipografia das etiquetas
Para definir o espaço entre as linhas (campos), bem como a tipografia das etiquetas, você pode abrir a opção Formulário
Defina o espaço da linha na seção Intervalo de Linhas. Para definir a tipografia das etiquetas (tamanho da fonte, estilo da fonte e família da fonte), você pode clicar no ícone de lápis de tipografia na seção Rótulo.
- Defina a tipografia do campo, cor de fundo, cor da borda, largura da borda e raio da borda
Você pode abrir a opção Campo para definir a tipografia do controle, a cor de fundo do controle, a cor da borda, a largura da borda e o raio da borda.
- Botão de personalização
Para personalizar o botão, você pode abrir a opção botões. A partir daí você pode definir a cor de fundo, cor do texto, tipografia, cor da borda, raio da borda, etc ... Mude para a guia HOVER para personalizar o apontamento do botão.
Existem várias outras opções de personalização que você pode definir. Você pode brincar com o painel esquerdo até ficar satisfeito com a aparência do seu formulário. Uma vez feito isso, você pode clicar no botão PUBLICAR para publicar seu formulário.
Erro potencial
Quando você testa seu formulário, podem aparecer mensagens de erro. Abaixo está um exemplo de erro.
O erro acima geralmente ocorre se você estiver usando um serviçoHospedagem na web compartilhamento. A maioria dos fornecedores deHospedagem na web função de desabilitação compartilhada php envio_mail, que é usado pela funcionalidade WordPress wp_mail para enviar e-mails.
Obtenha o Elementor Pro agora!
Conclusão
Aqui está ! É isso neste artigo que mostra como criar um formulário de upload de arquivo no Elementor. Se você tiver alguma dúvida sobre como chegar lá fdeixe-nos saber no Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
