Preços Modelos HTML

Templates HTML de preços avançados para comparações claras de planos

Os templates HTML de preços oferecem um esquema de comparação completo para que possa começar com os seus próprios planos e valores em vez de uma secção em branco. Um template típico inclui uma área de título, uma linha de cartões de planos e um botão por baixo de cada oferta. Muitos designs incluem também um plano em destaque e uma breve nota de faturação abaixo dos preços.

Cartões de preços, tabelas ou uma página dedicada

A primeira escolha é o formato de comparação. Cartões compactos adequam-se a dois ou três planos com poucas diferenças bem definidas, enquanto uma tabela completa acomoda ofertas onde muitas características variam de nível para nível. Um template de secção de preços insere-se numa página inicial existente ou numa apresentação de produto, pelo que deve manter-se sucinto. Um template de página de preços dedicada deixa espaço para descontos anuais, questões de reembolso e um detalhamento mais longo de recursos.

O modelo de negócio costuma apontar o formato certo:

• Produtos SaaS normalmente usam cartões chamados Starter, Pro e Enterprise, com preços apresentados por mês ou por utilizador.
• Planos de alojamento web tendem a usar tabelas detalhadas de recursos, já que armazenamento, tráfego e suporte diferem entre níveis.
• Pacotes de agências funcionam melhor como cartões de serviços com âmbito, entregáveis e número de revisões.
• Ofertas de membros funcionam como cartões de níveis de acesso descrevendo conteúdo disponível, ferramentas de comunidade ou sessões em direto.

Espaço para valores reais

Os preços numa oferta real raramente parecem tão uniformes quanto na demonstração. Um plano custa 29 $ por mês, outro é faturado anualmente e o nível superior pode apresentar um orçamento personalizado em vez de um montante fixo. Um template consistente fornece campos separados para o valor e o período de faturação, garantindo que a mudança de valores mensais para anuais não quebre o aspeto do cartão.

Uma linha equilibrada com três planos pode parecer vazia com dois, enquanto uma tabela de comparação acomoda um quarto nível com maior facilidade. Os melhores designs também permitem que cada nível mostre apenas o que acrescenta, evitando que os visitantes tenham de reler a mesma lista longa em cada cartão. Em telemóveis, os cartões devem empilhar-se verticalmente, mantendo cada preço ao lado do nome do plano e do respetivo botão.

Personalizar planos antes da publicação

Nomes de planos, valores e textos de botões devem ser fáceis de substituir, e a ordem dos níveis deve ser simples de alterar sempre que um novo plano passar a ser o recomendado. O distintivo de destaque deve acompanhá-lo, evitando a necessidade de reconstruir a linha manualmente.

Depois de atualizar a página com os planos, textos e hiperligações finais, o guia de exportação para HTML explica como preparar um site concluído no Nicepage como ficheiros HTML para alojamento externo.

Um template HTML de preços cumpre a sua função quando os visitantes conseguem comparar níveis de imediato e o utilizador pode atualizar os preços sem ter de redesenhar a secção.