Como fazer uma calculadora ou um formulário para o site: uma visão geral de 4 construtores especiais

Um par de anos atrás, a criação de uma calculadora exigia um orçamento para contatar um freelancer ou um estúdio, ou um conhecimento básico de expressões matemáticas e tecnologias, a fim de configurar o módulo para o seu CMS ou escrevê-lo a partir do zero. Agora é o suficiente para mover o mouse para obter o resultado desejado, e o preço de emissão caiu para 0 rublos. Nós entendemos como fazer uma calculadora para o site.

Designers de calculadora - por que eles são necessários e como eles surgiram

Quanto custa para fazer uma calculadora? O estúdio pode perguntar a você e 25 mil rublos:

Por esse dinheiro, a decisão deve incluir a comprovação com CRM e outros sistemas de automação comercial. Um preço mais moderado e comum de 5-10 mil pode se transformar em uma surpresa - da ausência do painel de administração (ou seja, qualquer alteração no preço ou no design se transformar em uma música) a condições como "aluguel de calculadora por um ano".

Um freelancer na troca “todos por 500 rublos” pedirá os mesmos 500 rublos por um roteiro simples. Mas geralmente o preço pelo qual um especialista privado irá trabalhar, começa em 2-3 mil rublos. Mais tempo para esperar. E isso não é ruim - para cada um de acordo com as necessidades e possibilidades.

Mas a questão é que o sucesso do Facebook, Vkontakte, Instagram, Avito e outros projetos de massa trouxeram para a Internet uma nova onda de empreendedores que são capazes de dominar sistemas simples, estão acostumados a tentar de graça, obter o primeiro resultado instantaneamente e pagar então para um mínimo.

A demanda deu origem a uma proposta: os serviços começaram a aparecer em todo o mundo oferecendo simplificar e baratear a criação de uma calculadora ou um formulário para um site. Tendo revisado uma dúzia de serviços em russo e inglês, escolhemos um quatro, que pode ser usado para criar calculadoras e formulários para nossos sites.

Sua mais: universalidade - não importa qual CMS você usa, bem como o custo mínimo de suporte e mudança de forma no futuro.

Calcanhar de Aquiles: Tais serviços não estão sobrecarregados com um grande número de integrações oferecidas pelos estúdios. Ou seja, os designers são mais propensos a atender empreendedores e profissionais de marketing com um orçamento limitado e falta de conhecimento de JQuery, JS, HTML5 e CSS3 - e talvez não apenas eles.

Projetos da Rússia e dos países da CEI

Comparação geral

Em 2016, três designers on-line foram lançados no Runet, que oferecem a criação de uma calculadora arrastando blocos e, em seguida, incorporam o widget no site na forma de um código de código pronto. Primeiro de tudo, decidimos experimentá-los - mais ainda, houve uma oportunidade para esclarecer detalhes com os desenvolvedores. Infelizmente, no processo de estudar um dos serviços - o CalcExpert, começou a desmoronar diante dos nossos olhos, e nós o excluímos da versão final da revisão.

O teste ocorreu em duas etapas.

Primeiro estágio. Avaliamos os serviços de acordo com os requisitos que se aplicam às ferramentas modernas - a disponibilidade de uma versão móvel (adaptável) para o site, criptografia de dados a partir de formulários de pedidos, modelos prontos, base de conhecimento, design e oportunidades de negócios. Aqui está o resultado:

Para uma exibição correta em celulares, a equipe do CalcCreator recomenda contatá-lo - para configurar o código da sua calculadora no modo manual. Em vez do FAQ padrão, você será solicitado a entrar em contato com a comunidade do CalcCreator VK ou atribuir uma chamada do Skype ao desenvolvedor do projeto.

Estágio Dois. Em seguida, selecionamos usuários em potencial de tais serviços - um pequeno estúdio, um freelancer e um empreendedor. Por que Um estúdio e um freelancer que trabalham com orçamentos dificilmente serão capazes de carregar uma calculadora auto-escrita em um serviço separado e ganhar muito com seu apoio. Um empreendedor é uma pessoa que simplesmente não tem tempo para dominar tecnologias ou recursos extras em um único widget. Conheça:

Elena Potolitsyna, especialista em marketing na agência "Beauty Marketing"

Vladimir Taranets, freelancer, faz cartões de visita para 3-5 mil rublos

Maria Bikbulatova, empresária, proprietário de vários projetos no setor de hospitalidade

Clientes-chave:
salões de beleza, centros médicos e - com menos frequência, mas mesmo assim - organizações de construção

Clientes-chave:
pequenas empresas no setor de serviços - de mini-hotéis e oficinas de reparação de automóveis a empresas de segurança privada

Clientes-chave:
primeira categoria - clientes de promotores e animadores em Ufa; segundo - clientes de serviços de viagens

Tarefa: criar uma calculadora para um local de aluguel de equipamento especial (guindastes, escavadeiras, etc.) - simplesmente na forma de um teste

Tarefa: para coletar a calculadora da instalação de videovigilância para o site da empresa de segurança

Tarefa: Organize uma calculadora com base no modelo para qualquer projeto, gastando o mínimo de tempo e esforço possível

Helen, Vladimir e Maria, junto comigo, testarão os designers domésticos de calculadoras e compartilharão suas impressões.

1. uCalc.pro

Versão gratuita: Ilimitado, você pode testar temporariamente as funções pagas: enviando sms para os clientes, recebendo pagamento, estatísticas, adicionando ilustrações aos elementos da calculadora.

Pago: vai aparecer na primavera de 2017, vai custar US $ 5 por mês para uma calculadora que usa opções pagas - se você parar de pagar, a calculadora continuará a funcionar, mas sem o "truque". Calculadoras que não usam recursos como envio de sms não serão cobradas.

USP: Aceitação de pagamento através do Yandex.Kassa, trabalho em redes sociais e mensageiros instantâneos no link especial.

Menos: O projeto não permite editar o código da calculadora.

Planos de Projeto de Desenvolvimento: o lançamento de módulos para plataformas WordPress, uKit (iniciado durante testes) e uCoz - para que a calculadora seja instalada automaticamente, sem copiar o código do serviço. No outono, a primeira integração com o CRM foi anunciada.

Trabalhar com uma calculadora

Primeiro de tudo, você precisa se cadastrar no site via rede social ou correio - melhor através do correio: isso é útil se você quiser receber notificações sobre novos pedidos.

Após o registro, você será levado à página onde suas calculadoras serão armazenadas. Aqui você será oferecido para fazer uma calculadora a partir do zero ou com base em um modelo pronto. Eu escolherei uma auto-construção.

Calculadora Editor é um pouco como o Google Forms - duas guias entre as quais você pode alternar no modo livre. Na guia Design, à esquerda, há blocos prontos - um controle deslizante, uma lista suspensa, caixas de seleção, uma caixa de seleção (escolha de um dos vários parâmetros), campos para coleta de dados do cliente e itens adicionais. Eles devem ser colocados em um campo livre.

Como lidei com sites da vida, faremos uma calculadora de pré-encomenda para uma página da Web para uma empresa - também faremos isso em todos os outros serviços.

No princípio nós jogaremos uma estrutura - nós arranjaremos os elementos necessários, arrastando eles. Então nós vamos lidar com o design. Quando você instala o elemento uCalc, ele define os intervalos digitais: você precisa alterá-los na guia "Fórmula". Nós vamos chegar a isso mais tarde.

Os blocos têm configurações - eles aparecem quando você passa o mouse sobre um bloco: o tamanho e posição dos rótulos, editando a lista, recuos, etc. Por exemplo, eu preciso de apenas um tique - basta remover o segundo na configuração.

Assinaturas sobre blocos também podem estar ocultas: eu não preciso delas. Apenas assine a si mesmo carrapatos.

Acima de cada bloco, você pode adicionar uma imagem: Encontro os primeiros ícones prontos disponíveis em um mecanismo de pesquisa. Eu acho que se você usar suas fotos ou imagens grandes e não quadradas, seria melhor pré-processá-las em Paint ou Photoshop condicional.

Depois de adicionar imagens, é melhor alinhar os elementos em relação uns aos outros verticalmente.

Você pode adicionar campos de texto com explicações para o cliente (“Texto”) e campos de coleta de contato: nas configurações de campo, você pode escolher quais dados nós coletamos (correio, telefone, horário, etc.), se o campo será obrigatório e também definir seu próprio campo. Dicas de assinatura para preencher.

Cereja no bolo: adicionando o botão de ordem. Nós não podemos apenas mudar sua cor ou tamanho - nas configurações do botão, você pode especificar para enviar o aplicativo finalizado para minha caixa de correio. Inicialmente, o endereço de e-mail é retirado dos dados especificados durante o registro, mas você pode alterar o e-mail ou adicionar vários endereços.

Nas configurações do botão, você também pode personalizar a recepção do pagamento especificando os dados “Yandex.Cashy” ou especificar um texto de email ou mensagem de texto SMS para o cliente (por exemplo, enviar um código promocional após o preenchimento do formulário).

A base da calculadora está pronta. Agora vamos brincar com fontes. Existem três ícones acima da calculadora: alterar o fundo, alterar a borda dos elementos (10 variantes) e escolher entre 4 fontes. A escolha de cores para o plano de fundo não é limitada por nada. Portanto, é melhor conhecer o código de cores de plano de fundo do seu site.

Aparência está pronta. Resta ajustar a lógica. Valores de preços e o princípio da calculadora são definidos na aba "Fórmula" - vá para lá. À direita, blocos assinados em letras latinas aparecem, à esquerda, você pode especificar quais blocos levar em conta ao calcular - e, se desejar, gerar descontos (multiplicação por%) para uma combinação de serviços.

Pode haver várias fórmulas: nesse caso, vários resultados serão exibidos no porão da calculadora por vez. Se você fizer um formulário de pedido, o feedback e o resultado do cálculo não serão necessários, basta excluir a fórmula à esquerda - e a calculadora funcionará exclusivamente coletando contatos.

Depois de preencher a fórmula, a calculadora pode ser testada no próprio editor.

Em seguida, verificamos a exibição e a operação em diferentes dispositivos no modo “Visualizar”. Agora resta apenas para obter o código para o site.

Quando você clica no botão "Salvar" na janela pop-up, você pode obter o código para colar no site. O código resultante não pode ser editado por você, mas não pode ser roubado do meu site: mais precisamente, você não obterá nada dele - os aplicativos ainda serão enviados para o meu e-mail;)

Comentários

Opinião do representante do web studio, Elena: "No início, não ficou claro por que alguns parâmetros devem ser configurados na guia Fórmula e outros, quase o mesmo, em Design (falando sobre como definir o controle deslizante). Mas você se acostumar. Dos profissionais, você pode exibir várias opções para o cálculo final: por exemplo, o preço com desconto e sem.Em outros designers de calculadoras isso não é notado.

Em geral, tudo é bonito, conveniente, embora não exista opção de download automático suficiente na lista de preços - de preferência, como a Mailchimp faz. "

Parecer freelancer, Vladimir: "Em geral, uma interface conveniente e bonita e uma aparência moderna dos elementos. O trabalho levou cerca de 15 minutos."

Opinião da empresária, Maria: "Depois de analisar, não descobri imediatamente como voltar à escolha de modelos - seria mais conveniente se o link para os modelos estivesse sempre visível. Esses blocos que eu adicionei ao modelo foram exibidos com uma cor de texto diferente - isso precisa ser editado manualmente; Foi o mesmo de imediato, mas no final eu descobri, adicionei um link para pagar através do botão de pedido - aceitando pagamentos através do Yandex.Cash.

Eu gostei do designer, é muito simples de montar, o design parece bom. Também seria bom escrever o texto diretamente sobre a imagem na calculadora: porque pode não haver uma imagem adequada com o texto, e pode haver problemas com o domínio do Photoshop, por exemplo, eu tenho isso. "

2. CalcCreator

Versão gratuita: ilimitado, com uma restrição no uso de negócios pagos (adicionar um arquivo, etc.) e funções de design.

Pago: trabalha sob o princípio de assinar uma conta, independentemente do número de calculadoras criadas. Uma assinatura mensal custa 795 rublos, se você pagar por três meses, você pode obter um desconto de 10%, se você pagar por seis meses, será de 20%. Se você parar de pagar a tarifa, as calculadoras continuarão a trabalhar sem opções pagas.

USP: a capacidade de anexar arquivos e editar a lógica da calculadora usando seu código. Você também pode sair do serviço, levando o código da calculadora com você.

Menos: para uma parte das configurações, consulte a equipe do projeto - por exemplo, isso diz respeito à instalação do código de Métricas para rastrear as metas.

Planos de desenvolvimento: “Há planos para expandir a funcionalidade, brincando, chamamos de planos para conquistar o mundo”, a equipe respondeu e recomendou seguir sua comunidade nas redes sociais.

Trabalhar com uma calculadora

O CalcCreator é o único projeto na revisão que não pede registro na entrada: clicando no link “Criar” no menu do site, você irá imediatamente ao editor.

A interface se parece com o AutoCAD ou o Photoshop. O menu da esquerda contém elementos da calculadora. Primeiro de tudo, nós definimos os limites do campo de trabalho (área cinza no centro) e começamos a jogar elementos nele.

Ao adicionar elementos, o menu direito é exibido - ele é responsável pelas configurações de design: ou seja, o conteúdo do menu direito varia dependendo do campo selecionado. O menu expandido é enorme - algumas das configurações estarão ocultas nas listas suspensas.

Vamos tentar adicionar uma foto. O serviço não permite arrastar elementos para colocá-los lado a lado - mas isso pode ser corrigido em parte nas configurações do menu direito no item “Local”.

Adicione um local para a descrição do texto. Usando este campo como exemplo, vamos ver como as configurações de largura funcionam.

Para alterar o tamanho de um elemento, defina os valores necessários nos pontos “Largura” e “Altura” no menu à direita - os valores devem ser deixados em%. No mesmo menu existem configurações para o fundo, fontes e recuos (em pixels) - recuos podem mover os elementos para a esquerda e para a direita e bater uns nos outros verticalmente.

No mesmo menu à direita, você pode alterar os nomes dos elementos - para isso, encontramos o item “Texto”.

O fato de os elementos parecerem cinza é um pouco confuso - tudo de alguma forma se funde. Em outros construtores, vimos um WYSIWYG mais amigável imediatamente. Começamos a pesquisar - e rolando o menu à direita, encontramos opções para designs prontos.

Aqui estamos à espera de uma chatice ... Modelos de design de elementos estão disponíveis apenas na tarifa. Na versão gratuita, ele continua a ser jogado com fontes e cor de fundo. Ou edite o CSS manualmente.

Nós continuamos o trabalho assim. Adicionar um botão: você pode alterar a inscrição no item "Dados" no menu à direita.

Em seguida, centralizamos o botão com recuos. E finalmente, adicione outro campo importante - coleção de e-mails. Tiramos do menu da esquerda, à direita, definimos o nome ("Texto") e a dica ("Dados"). O campo é lançado temporariamente - se desejar, você pode arrastá-lo para cima, manter o ícone da mão ao lado do elemento e alinhá-lo com recuos.

Mas passamos 20 minutos no sistema - em outros serviços, nesta fase, já tínhamos calculadoras prontas. Eu quero ver como tudo vai ficar. Clique em "Visualizar". Ao escolher uma versão móvel da calculadora fica fora da tela - e não é óbvio por que então ...

Em geral, apesar do enorme potencial em termos de funcionalidade, parece que o projeto está focado em um público “hardcore” ou em uma assinatura de modelos prontos, o que não será particularmente importante.

Vamos ver o que nossos testadores dizem.

Comentários

Opinião do representante do web studio, Elena: "À primeira vista, a interface é semelhante ao Axure [programa para prototipagem de sites e aplicativos, nota] - mas, como se viu, além de arrastar itens do menu esquerdo para a superfície de trabalho, não há nada em comum entre os sistemas. Houve uma pergunta, como configurá-lo? À direita abre um monte de configurações, mas isso é tudo design. E os dados? Poucos minutos depois, percebi que a entrada de dados estava bem no fundo desse menu, em algum lugar atrás da primeira tela do meu monitor. Tendo feito várias tentativas de configurar uma calculadora, desisti e fui procurar na biblioteca em seu site - e se houvesse algo adequado para mim?

Eu encontrei o modelo, comecei a refazer o modelo para mim - periodicamente, quando tentei configurar algo, uma janela amarela apareceu em mim, lembrando-me que essa função estava disponível apenas na versão paga. Mas no final consegui um resultado aceitável. Em geral, a interface do CalcCreator é complexa para a mente que não é programadora. Mas, para webmasters avançados, provavelmente, esse número de configurações será conveniente. "

Parecer freelancer, Vladimir: "Existe até uma oportunidade para fixar um arquivo no formulário, que, no entanto, só está disponível depois que o pagamento é excelente. O número de configurações em si é bom, mas sem preparação é difícil descobrir o que, onde e onde.

A interface em si parecia hostil, então eu rapidamente desisti de tentar criar algo do zero, e eu fui proibida de usar modelos sob os termos do teste. "

Opinião da empresária, Maria: "Eu escolhi um modelo, mas não entendi como editá-lo. Embora seja claro que, em geral, o designer é interessante, existem muitas possibilidades.

Como resultado, testei o formulário finalizado no site: Gostei que depois de inserir as informações, o informante da assinatura do cliente aparece imediatamente, que "os dados foram recebidos e você será contatado". Mas a base de endereços de e-mail dos clientes é coletada apenas em uma conta paga - não estou pronto para pagar por isso. "

Resultado do teste intermediário

Como resultado dos testes, Vladimir e Maria instalaram as calculadoras resultantes nos sites. Elena tentou os serviços para entender, em geral, se oferecer aos clientes que não usam CRM - enquanto não havia pedidos para sites com calculadoras, mas ela usa duas calculadoras da uCalc em sua própria plataforma: segundo ela, artigos com calculadoras atraem 45 -50% mais tráfego.

Projetos do Ocidente

A pedido dos editores da Texterra, apreciamos ainda mais os serviços no exterior. No Ocidente, tais designers apareceram mais cedo, seu público é maior e mais diversificado, o que significa que deve haver mais oportunidades neles. E esse é o caso: você encontrará integração com CRM e serviços de correspondência aqui.

Помимо этих плюсов, есть у зарубежных проектов и минус: интерфейс на чужом языке, англоговорящая техподдержка - и интеграции с зарубежными же сервисами: PayPal и Stripe вместо “Я.Кассы” и так далее. Не факт, что у разработчиков дойдут руки российских сервисов - исключением мог бы стать Calculoid, который делается в Чехии, но эти ребята решили вопрос по-другому, дав пользователям API.

Из-за языкового барьера наши тестировщики в сравнении не участвовали.

3. Formsite

Бесплатная версия: ограничена 10 заявками, отправленными через калькулятор. Сам период, через который сгорит лимит, не установлен.

Платная: inclui uma linha de tarifas com um pagamento mensal, que diferem no número de aplicativos que podem ser aceitos: 500 pedidos por US $ 15, 1000 - por US $ 25 e assim por diante. A tarifa mais cara é de US $ 100 por mês e 10.000 solicitações. Além do crescimento no número de aplicativos, um lugar atribuído a você para armazenar resultados e imagens está aumentando de tarifa para tarifa.

USP: a maior seleção de elementos e projetos, o maior conjunto de integrações prontas entre todos os serviços na revisão.

Menos: Mesmo na versão paga, a publicidade do serviço embutido na sua calculadora pode ser desativada apenas a uma taxa de US $ 25 por mês ou mais.

Trabalhe com uma calculadora:

Ao se cadastrar no site eu aconselho você a escolher a opção 'Pro trial' - você pode experimentar todos os recursos e, se for o caso, acessar a versão gratuita em duas semanas. Você não precisa amarrar o cartão durante o registro - o dinheiro não será cobrado.

A primeira coisa a fazer após o registro é clicar no botão verde Criar Novo Formulário (“Criar Formulário”).

Além disso, como no uCalc, você pode escolher entre construir do zero e editar um modelo pronto. Obrigatório para preencher o campo à esquerda, e após a escolha - clique no botão verde à direita.

A abundância de elementos à esquerda é incrível: há uma dúzia de opções em cada lista suspensa. Isto não é surpreendente: a história do Formsite começou em 1999 (!) Ano - os desenvolvedores tiveram tempo para escrever tantos widgets.

Do menu da esquerda e vamos trabalhar primeiro. O menu superior é responsável por trabalhar com a calculadora após a montagem.

Porque O número de elementos disponíveis é enorme - quase cinco dúzias, eu aconselho que você reserve um tempo para conhecê-los: arraste e solte em um campo livre, avalie o tipo e o princípio de operação. Muitos dos elementos não são campos separados, mas formulários inteiros prontos: por exemplo, há um formulário de pedido postal com campos prontos para um índice, endereços, etc.

É uma pena, mas não há slider nesta variedade. Eu escolhi o widget "conjunto de imagens" - estas são algumas fotos com marcas de seleção sob elas.

Depois de arrastar um item, uma janela com suas configurações será aberta automaticamente. As configurações dos elementos são as mesmas: a primeira guia é responsável pelas principais coisas - os textos e sua localização.

Ao digitar uma frase na margem superior e clicar em “Ativar editor de texto”, você pode alterar a fonte e o tamanho do texto - como no Word.

Abaixo você pode inserir links para fotos da Internet e assiná-los.

Abaixo estão as configurações: se o campo é necessário (obrigatório), a exibição de legendas (Mostrar etiquetas), bem como a configuração de exibição - as imagens podem ser colocadas em uma linha (grade) ou uma na outra. Tendo preenchido tudo e pressionando o botão verde "Salvar", você pode admirar o resultado.

Clique no "lápis" abaixo do elemento e retorne às configurações - ainda há três abas. A segunda aba das configurações do elemento é opcional - esta é a escolha de um campo predefinido (clique clicado, item na lista suspensa, etc.) ao abrir a calculadora. O terceiro é útil somente se o número de serviços e bens for limitado - aí você pode especificar o número máximo de pedidos, após o qual o campo desaparece. Nós nos voltamos para o quarto campo - e definimos os preços.

Defina os valores e clique em "Salvar".

O próximo campo que preciso adicionar é a coleção de nomes. Algumas tarefas no Formsite têm campos prontos - por exemplo, um campo pronto para coletar e-mails. Vamos tentar um pouco mais tarde e, para coletar o nome completo, usamos o campo "Short Text Answer" (Resposta de Texto Curto) da esquerda.

Além do título, aqui vamos definir o espaço reservado - uma dica dentro do campo.

Na mesma guia abaixo, você pode definir a verificação de preenchimento automático. Porque só precisamos de um nome - escolha Somente texto. O mesmo campo pode ser transformado em um coletor de telefone, etc. alterando a configuração e o título.

Agora, vamos verificar o bloco de endereço de e-mail concluído, arrastando-o para a área ao lado do campo de nome. Como o uCalc, o Formsite permite que você coloque blocos próximos.

As configurações do coletor de correio não são diferentes do campo de texto padrão. A base está pronta - é hora de personalizar a saída do resultado. Arraste o bloco Calcular pronto do menu à esquerda para isso.

Tudo é padrão - definimos o título. Opcionalmente, no bloco Formato, você pode definir o arredondamento. Mas agora é mais importante para nós configurar a Equação - é necessário inserir o nome do campo requerido nela e, se necessário, complementá-la com sinais matemáticos.

Para pegar o campo id, clique em Add Equation - pegamos na nova janela o texto da string Code, volte - e cole na linha Equation.

Certamente você se perguntou: "Onde está o botão?"

Ele é automaticamente adicionado às suas calculadoras - para definir suas cores e aparência, no menu à esquerda, clique na guia Estilo e selecione as opções preparadas no submenu Temas.

Outro item de menu de design é a seção Personalizar, onde você pode alterar a cor do plano de fundo, adicionar uma imagem final ou personalizada ao plano de fundo, ajustar o tamanho do formulário propriamente dito e assim por diante.

O terceiro item do submenu, Avançado, abrirá o código da calculadora e as configurações de CSS. Sem preparação, é melhor não ir lá;)

Calculadora está pronta. Vá para o menu superior. Selecione a seção Configurações do formulário, encontre notificações nela e especifique o e-mail para o qual queremos receber lances.

Na mesma seção, você pode configurar a aceitação de pagamento dos clientes via Stripe e PayPal (o item de menu Pagamentos à esquerda) e vincular os serviços de correspondência MailChimp e CRM Salesforce ao item Integrações.

Finalmente, a última etapa - na guia Compartilhar no menu superior, você pode obter um link para a rede social ou o código do site.

4. Calculoid

Versão gratuita: Não é limitado no tempo, se a página com uma calculadora tiver até 500 visualizações por mês - você também não poderá coletar aplicativos e aceitar pagamentos (os campos podem ser adicionados durante a montagem, mas eles não funcionarão).

Versão paga: inclui três tarifas. O primeiro custa US $ 9 por mês - ele é projetado para 2000 impressões do formulário para os visitantes do seu site e não permite que você conecte o método de pagamento. Além disso, as tarifas crescem de acordo com o princípio: 10 dólares mais caros e cinco vezes mais do que as visualizações mensais permitidas.

USP: O projeto permite que você envie dados de pedidos para qualquer CRM ou outro sistema de automação comercial pela API.

Menos: suporte técnico é cobrado separadamente a uma taxa de US $ 45 por hora.

Trabalhe com uma calculadora:

Depois de registrar-se no site, nos encontramos em uma página com modelos - quaisquer calculadoras não pagas vêm aqui, ou aqueles formulários cujos proprietários querem “popiarizá-los”. Como resultado, há muitos modelos de usuário. Se não quisermos analisá-los, clique no botão Nova calculadora à direita.

Na próxima página, preencha a linha superior (o nome da calculadora) e clique em Salvar: o resto dos campos são necessários para pesquisar a base comum de modelos, eles podem ser deixados intactos.

O editor de calculadora não parece normal - o menu de controle está localizado na parte inferior de um formulário recolhido. Para selecionar um item, clique em Adicionar Campo: o menu expande e mostra um conjunto de “detalhes” prontos.

De fato, é inconveniente trabalhar com esse menu: você tem que dobrá-lo sempre, olhar para o campo de trabalho, depois desdobrá-lo novamente - e assim por diante até o infinito.

Outra diferença de Calculoid dos construtores apresentada acima é que, para adicionar um elemento ao campo de trabalho, você não precisa arrastá-lo - ou melhor, isso é simplesmente impossível de fazer. Então, clique nos detalhes e ele aparecerá no campo de trabalho.

Se quisermos colocar vários elementos lado a lado, primeiro precisamos “apertá-los”, simplesmente puxando cada um deles pela borda.

Quando as dimensões dos elementos permitem encaixá-las em uma linha, elas se arrastam automaticamente umas para as outras lado a lado. Você também pode mover os campos segurando a cruz amarela no canto de qualquer elemento.

Para coletar nomes, números de telefone, etc. Você pode usar o campo Textarea. Para coletar e-mails - o campo Enviar Resultados, que é automaticamente “fornecido” com o botão.

Tendo coletado o backbone do formulário, procedemos a editá-lo: se você clicar no "lápis" em qualquer elemento, um menu geral será aberto com uma lista de campos e suas configurações.

Na configuração de cada elemento, existem várias guias. Básico - é o principal responsável pelos textos. A string Name é nosso título, a string Hint é uma assinatura adicional. Encha-os.

Na próxima guia, os números são definidos - no nosso caso, o intervalo do controle deslizante e a duração de sua “etapa”.

Guia Aparência - são as configurações de design: tamanho da fonte, cor de fundo do elemento e cor do texto. Se você aumentar muito o tamanho, o texto irá além do campo - então você precisa fechar o menu e esticar o elemento.

Continuamos a renomear os campos, alterando o nome e a dica nas configurações de cada elemento.

Em seguida, definimos os preços: para os campos que serão incluídos na fórmula, definimos o Valor da Opção na guia Opção do elemento desejado.

Os campos restantes são configurados por analogia. O único ponto que merece uma menção separada - o texto no botão muda nas configurações de design.

Resta acrescentar o cálculo. Para fazer isso, selecione o elemento Fórmula e em suas configurações encontramos a aba com o mesmo nome: todos os nossos campos são visíveis nele - clique nos necessários e, se necessário, substitua os sinais matemáticos.

Quando a calculadora estiver pronta, selecione a guia Configurar Calc no menu inferior. Aqui você pode escolher um dos quatro esquemas de cores - eles serão úteis se você não corrigir as cores antes ou se quiser preencher as listras brancas entre os blocos. Também neste item de menu você precisa clicar em Sim - e você pode obter o código para instalação no site no item Incorporar.

P.S.

A eficácia das calculadoras no site é comprovada em um caso - eles podem definitivamente aumentar o tráfego de SEO e fatores comportamentais se entre as palavras-chave para o seu tópico no WordState se deparar com as solicitações "calcular" e "calculadora".

Mas se um site com uma calculadora irá converter os clientes melhor do que um “site normal” é uma questão que todos terão que decidir por conta própria. Afinal, tudo depende de muitos fatores: sua oferta e preço, a complexidade do formulário, design e assim por diante. O construtor, neste caso, é uma ótima opção para "tentar": você pode fazer alterações rapidamente no formulário e experimentar.

Basta selecionar um dos projetos da revisão - por interface, condições de uso, recursos ou outros critérios - e começar.

P.P.S.

Claro, você pode encontrar outros designers de formulários e calculadoras na rede - o tópico está se desenvolvendo ativamente, novos jogadores aparecem e morrem. No caso de uma pesquisa independente, preste sempre atenção a comentários e resenhas sobre sites independentes como o "Texterra", além de fatores de nossos tablets de comparação: versão para celular, proteção de dados e assim por diante - porque você será responsável perante visitantes e clientes que "resolvido" no seu site.

Loading...

Deixe O Seu Comentário