Como criar um formulário de pedido de camiseta online no WordPress [Maneira fácil e simples]
Publicados: 2022-07-06Você está planejando abrir um negócio online de camisetas? Ou tentar fazer uma camiseta personalizada para seus amigos próximos ou talvez para sua organização. É cansativo obter o design ou a preferência de cor de todos individualmente. Além disso, não é eficiente pedir a todos o tamanho da camiseta.
Então, o que você precisa? Você precisa fazer um formulário de camiseta online onde qualquer pessoa pode selecionar o design, escolher a cor e o tamanho da camiseta, escolher o endereço que deseja que sua camiseta seja entregue, opções de pagamento e tudo mais.
Fluent Forms é o construtor de formulários mais amigável para iniciantes. Baixe agora e comece a criar lindas formas GRÁTIS!!!
Você pode encontrar alguns modelos de formulário de pedido de camiseta on-line, mas todos eles não o deixarão totalmente satisfeito. Os modelos são ótimos, mas também há um grande contratempo, você pode não encontrar todos os campos necessários que deseja em primeiro lugar. Além disso, você deve projetar e integrá-lo de acordo com sua necessidade.
Então, por que não criar um formulário de pedido de camiseta sem nenhum modelo, personalizar e organizar os campos, projetar os layouts, adicionar funcionalidades e torná-lo seu próprio modelo de formulário de camiseta. E o melhor é que você pode fazer isso sem qualquer codificação manual.
Um construtor de formulários para fazer um formulário de pedido de camiseta online
Se você precisa criar formulários de pedido de camisetas criativos e bonitos, certamente precisa de um poderoso plugin de criação de formulários. E quando se trata de criar formulários online sem codificação, nada supera o Fluent Forms. Antes de pular para a construção de formulários, quais são os benefícios de escolher o Fluent Forms para fazer o formulário de pedido de camiseta on-line desejado, você pode perguntar?
Aqui está -
Lidar com envio em massa : O formulário de pedido de camiseta é muito exigente no mercado. Como todo mundo quer uma camiseta personalizada para sua turma. As empresas de roupas também usam esses construtores de formulários para receber pedidos de seus clientes. Então, eles precisam de uma ferramenta que possa lidar com o envio em massa, ter todos os campos e funcionalidades necessários, gerador de pdf de fatura e assim por diante.
Um número enorme de campos de entrada: campos obrigatórios para criar um formulário de pedido de camiseta online
- Campo de nome
- Campo de endereço (com preenchimento automático e integração com mapa do Google)
- Campo de e-mail
- Caixa de seleção e múltipla escolha
- Campos de pagamento
- Upload de arquivo
- Dropdown arquivado para selecionar cores, design, tamanho, etc.
- Campo do repetidor
Além disso, você terá mais de 40 campos de entrada, excluindo estes, para criar qualquer tipo de formulário online que desejar. Confira como fazer um formulário de solicitação de cheque com o Fluent Forms.
Recursos e integrações importantes: Você pode precisar incluir lógica condicional em seu formulário, ou talvez alguma calculadora para ajudar seu cliente a acompanhar seu orçamento, ou talvez algum visual da camiseta, tudo pode ser feito com o Fluent Forms.
Além disso, baixar a versão em PDF das entradas enviadas é um ótimo recurso de qualquer formulário de pedido online. Os usuários podem precisar da fatura em mãos, você pode enviar a fatura com a camiseta que eles pediram.
Se você deseja nutrir seus leads ou clientes ocasionais em clientes leais permanentes, pode precisar de algum tipo de ferramenta de CRM ou de gerenciamento de relacionamento com o cliente para o seu construtor de formulários, e sim, o Fluent Forms tem várias integrações nativas para nutrir os leads.
Além disso, você terá mais de 45 integrações, de automação a ferramentas de compartilhamento de arquivos, de associação a ferramentas de notificação e outros enfeites.
Chega de bate-papo, vamos pular para a criação de formulários.
Como criar um formulário de pedido de camiseta online (do zero)
Estas são as etapas para criar um formulário de pedido de camiseta fácil e completo. Basta seguir adiante para colocar seu negócio de camisetas on-line em funcionamento com fluência!
Etapa 1: criar um formulário de pedido de camiseta online
Para fazer um formulário de pedido de camiseta online sem qualquer codificação, a primeira coisa que você precisa fazer é instalar um construtor de formulários em seu site WordPress. A instalação do Fluent Forms é bastante simples.
Após a instalação e ativação do plugin, passe o mouse sobre Fluent Forms do lado esquerdo e selecione Add New para criar seu formulário. Agora um pop-up aparecerá, selecione a opção New Blank Form para inicializar seu novo formulário.
Você verá um pop-up de parabéns e será redirecionado para a página do editor de formulários. Nesta página, você pode adicionar, remover e personalizar seus campos de formulário como desejar.
É aqui que você deve se decidir sobre a estrutura do formulário. Alguns gostos saltam diretamente para a seção de design de camisetas, e alguns gostam de obter as informações básicas dos usuários primeiro.
Indo com o último, vamos adicionar os campos de nome, endereço, e-mail e número de telefone um por um. Isso é bastante básico, basta procurar o campo do lado direito da página do editor e clicar para adicioná-lo ao seu formulário. Você também pode arrastar o campo para embaralhá-los.
Quanto ao nome, adicionaremos apenas o nome e o sobrenome, você pode habilitar a opção de nome do meio na personalização de entrada. O que mais você pode personalizar? Para o campo de endereço, você pode adicionar ou remover um endereço secundário, excluir as informações desnecessárias arquivadas ou adicionar o preenchimento automático do Google Maps, se desejar.
Etapa 2: crie uma seção para personalização do estilo da camiseta
Agora, para sua camiseta personalizada, você precisa selecionar o tamanho, a cor e a quantidade da camiseta desejada. Então, vamos adicionar um container de três colunas e adicionar um campo de pagamento com uma opção de rádio habilitada, mapeamento de campo de quantidade de item com o campo de pagamento e um campo suspenso chamado selecione a cor (onde criamos as opções para Cores diferentes).
Agora, e se alguém quiser encomendar outra camiseta em tamanho e cor diferente? Sim, podemos fazer isso também. Com um simples truque de lógica condicional, você pode adicionar outro contêiner com os mesmos campos atribuídos a eles.
Adicione uma caixa de seleção e nomeie-a Add T-shirt, então copie o container anterior e renomeie-o como T-shirt 2. Defina a lógica condicional conforme a captura de tela. Agora, sempre que um usuário marcar este campo, um novo container aparecerá e ele poderá adicionar outro requisito de camiseta ao seu pedido.
Etapa 3: personalize a seção de pagamento do seu formulário de pedido de camiseta
Definir a opção de pagamento do formulário de pedido de camiseta é muito fácil no Fluent Forms. Adicione os campos Método de pagamento e Resumo de pagamento ao seu formulário de pedido. Pronto, ele buscará dinamicamente a quantidade e o valor, e mostrará o subtotal e as demais informações no Resumo do Pagamento.
Para apimentar, adicionaremos um campo personalizado para mostrar como uma mensagem de confirmação no formulário de pedido da camiseta. Primeiro, adicione um campo personalizado e adicione sua mensagem de confirmação. Em seguida, buscar dados dinâmicos é bastante simples. Digite {dynamic.Name_Attribute} para obter os dados desse campo específico.
Para métodos de pagamento, o Fluent Forms oferece as integrações de pagamento mais populares. Você pode usar Stripe, PayPal, Mollie, RazorPay, etc. para o pagamento do formulário de pedido de sua camiseta. Configurar sua forma de pagamento é como qualquer outra configuração de pagamento. Você precisa integrá-lo por meio de chaves de API.
Etapa 4: crie um formulário de várias etapas, se desejar
Agora pode ser esmagador se um usuário vir tantos campos em uma página, você pode dividir seu formulário em formulários de várias etapas e fazer várias seções para as informações de contato e endereço de cobrança do usuário, informações básicas, seção de pagamento e seção de confirmação para o Formato.
Pesquise por Etapa do formulário nos campos de entrada e adicione-os no início e no final da página, adicione também um após as informações de cobrança e adicione um após a seleção da camiseta.
Etapa 5: configurações de notificação e e-mail para o formulário de pedido de camiseta
Agora, o que acontece depois que o pedido é feito? Se você deseja enviar uma notificação por e-mail para seu usuário e receber uma notificação por e-mail para você após o envio de um formulário de pedido de camiseta, você precisa habilitar a notificação por e-mail. Para isso, ative as Notificações por e-mail na guia Configuração e integrações. Clique em Adicionar notificação na parte superior e preencha os campos conforme sua necessidade. Recomendamos que você siga as práticas recomendadas para notificações por e-mail para evitar problemas de entrega de e-mail.
Você pode ter visto as outras opções disponíveis no lado esquerdo da tela. Sim, você pode integrar seu formulário com diferentes ferramentas como Membership, Notification, CRM, etc., se desejar.
Passo 6: Estilizando seu formulário de pedido de camiseta
Se você seguiu tudo o que lhe dissemos até agora, você tem um formulário de pedido de camiseta funcional. Você pode usar isso em qualquer lugar, como em um blog ou página, se quiser. Além disso, você pode criar uma página de destino para este formulário que pode ser compartilhada por meio de links diretos ou botões.
Mas que tal dar algum estilo a essa forma? Sim, você também pode fazer isso, adicionar algumas imagens em destaque ao seu formulário por meio de um campo HTML personalizado é bastante básico. Se você usar construtores de páginas como Elementor e Oxygen, obterá alguns widgets adicionais para o formulário Fluent. Pode ser super útil fazer com que seu formulário pareça tão rico que os usuários geralmente não possam rolar sem dar uma segunda olhada.
Aqui está um formulário básico de pedido de camiseta sem qualquer codificação ou a ajuda de um construtor de páginas sofisticado –
Na opção Visualizar e Design , você terá algumas opções para alterar a cor do plano de fundo, a cor da fonte, o design do contêiner e assim por diante. Até está oferecendo algum modelo de estilo de formulário para o seu formulário de pedido de camiseta - Moderno, Clássico, Estilo Bootstrap, etc.
No entanto, se você quiser adicionar algum CSS e JS personalizado ao seu formulário, também é possível. Não é obrigatório codificar manualmente o estilo do formulário. Você pode criar belos formulários sem qualquer CSS ou construtor de páginas sofisticado em um instante.
Lembre-se de buscar dados dinamicamente na página de confirmação para garantir?
Basta digitar {dynamic.Name_Attribute} para buscar os dados desse campo específico, para nosso formulário de pedido, simplesmente colocamos um campo HTML personalizado e colocamos algum texto de confirmação junto com as tags {dynamic.names} e {dynamic.phone} . Voilá! É assim que ficará no seu formulário.
Também adicionamos alguns designs de camisetas aos campos de rádio para escolher visualmente.
Publicando seu formulário de pedido de camiseta
Publicar seu formulário de pedido de camiseta não é ciência de foguetes. O Fluent Forms sempre fornece um id exclusivo para cada formulário. Basta copiar e colar o código de acesso na página ou postagem do blog em que deseja publicar seu formulário.
Além disso, se você usar o recurso Landing Page, poderá adicionar cor de fundo, imagem de fundo, logotipo de formulário, imagem de recurso, título de página e assim por diante para criar um formulário com aparência elegante.
Você também pode ter a opção de ver como seu formulário ficará no celular ou desktop. Compartilhar com a página de destino é tão fácil quanto torta e tem um punhado de opções, como você pode compartilhar via link direto ou botão para compartilhar nas mídias sociais .
Ainda confuso? Não, você não está perdendo nada
Com o Typeform, você pode criar formulários interativos para tornar seu formulário semelhante a uma conversa.
Você também pode criar formulários de conversação interativos com o Fluent Forms. E tem várias opções, como acesso completo ao teclado, adição de imagens/layout diferentes, até animação/vídeo ao formulário, um clique para transformar seu formulário não interativo em um de conversação e assim por diante.
Se você quiser fazer um formulário de pedido de camiseta como Typeform, você pode fazer isso com o Fluent Forms Conversational Form.
Faça já alguns formulários de pedido de camisetas escolares para sua turma ou clube. Se você precisar de ajuda, confira como as formas de conversação funcionam neste vídeo.
Aqui está outro exemplo de um formulário de pedido de camiseta online.
Veja, você não está perdendo nada. Na verdade, com o Fluent Forms, você está recebendo mais do que qualquer outro criador de formulários para fazer alguns formulários de pedidos de camisetas incríveis.
Empacotando
E aí está, uma maneira simples e fácil de criar um formulário de pedido de camiseta online sem nenhum conhecimento de codificação. Agora você pode fazer qualquer tipo de formulário de pedido, se quiser, basta adicionar seus campos obrigatórios e criar um formulário centrado no usuário com o Fluent Forms em poucos minutos.
Se você tiver algum problema com notificações por e-mail ou seus e-mails indo para o spam, você pode instalar um plugin gratuito FluentSMTP. Além disso, se você tiver alguma dúvida sobre qualquer formulário de pedido, comente abaixo. Siga-nos nas redes sociais para obter as últimas atualizações e tutoriais.