Sua página de checkout é a última coisa que um cliente vê antes de comprar, portanto, ela precisa de um design que crie uma experiência de compra suave e de alta conversão.
Você sempre teve algumas maneiras de ajustar sua página de checkout, mas estava limitado a um punhado de layouts predefinidos, sem maneira de reorganizar o que estava dentro deles.
Temos o prazer de anunciar que isso mudou. Com a última atualização do Easy Digital Downloads, você pode personalizar o layout da sua página de checkout com novos blocos internos, diretamente no editor de blocos do WordPress. Nenhum plugin extra ou codificação é necessário.
Aqui está tudo o que há de novo e como começar a usá-lo.
Principais Conclusões
| Controle Total do Layout | Reorganize, adicione ou remova qualquer parte da sua página de checkout diretamente no editor de blocos. |
| Nenhum Plugin Extra | Disponível no Easy Digital Downloads Lite e Pro. Nenhum construtor de páginas é necessário. |
| Pontos de Partida Prontos | Escolha entre vários layouts pré-construídos e personalize a partir daí. |
| Novas Configurações por Seção | Mostre quantidades, combine campos de nome e mais, tudo da barra lateral do bloco. |
O Que Mudou na Sua Página de Checkout 🎨
Antes, o checkout no Easy Digital Downloads ficava dentro de um único bloco (EDD Checkout). Você podia escolher entre algumas formas pré-definidas, mas não podia mexer no que estava dentro delas.
Agora, com a última atualização do Easy Digital Downloads, sua página de checkout é construída a partir de blocos internos: seu carrinho, as informações pessoais do seu cliente, detalhes de pagamento e seu campo de código de desconto. Cada um é um bloco próprio.
Já tem uma página de checkout? Ela é atualizada automaticamente. Quaisquer configurações que você já escolheu, como seu layout ou se o formulário de desconto é exibido, são mantidas. Nada quebra e não há nada que você precise refazer.
Isso significa que você pode mover qualquer um deles, remover os que não precisa ou reconstruir a página inteira do zero. Tudo sem tocar em uma linha de código.
Mais Controle Sobre Cada Parte do Seu Checkout 🧩
O Easy Digital Downloads divide seu checkout em blocos que você pode controlar individualmente. Veja como isso realmente funciona.
Escolha Entre Layouts Prontos
Na Página de Checkout da sua loja, o bloco EDD Checkout abre seu painel de Layout.
Cinco layouts estão disponíveis para começar: uma coluna única, alguns com divisão em duas colunas e um layout com seu carrinho no topo e o restante do formulário abaixo dele.
Escolha o que estiver mais próximo do que você deseja. Um layout de duas colunas, por exemplo, mantém o resumo do seu carrinho visível enquanto seu cliente preenche os detalhes de pagamento, para que ele possa ver exatamente o que está comprando no momento em que decide pagar.
Você pode reabrir este painel e trocar os layouts a qualquer momento. Apenas saiba que a troca substitui todos os blocos dentro do seu checkout, então escolha seu layout primeiro e deixe a personalização para depois.
Reorganize Qualquer Parte do Seu Checkout
Depois de escolher um layout, cada seção do seu checkout é um bloco próprio. Arraste qualquer um deles para um novo local ou exclua um que você não precise.
Não quer um campo de código de desconto no checkout? Desative-o nas configurações do bloco do carrinho em vez de excluir uma seção inteira.
Ajuste Fino de Cada Seção
Cada peça tem suas próprias configurações. Seu bloco de carrinho permite mostrar ou ocultar miniaturas de produtos, ajustar o tamanho delas e decidir se os clientes podem alterar as quantidades dos itens diretamente no checkout.
Seu bloco de informações pessoais pode combinar o primeiro e o último nome em um único campo, uma pequena mudança que pode fazer seu formulário de checkout parecer mais curto.
Estilize Cada Seção Para Combinar Com Sua Loja
Escolha um layout de duas colunas, e cada coluna se torna seu próprio bloco com seu próprio conjunto de opções de design. Escolha entre vários predefinições de estilo integradas, diretamente da mesma barra lateral que você já usava para reorganizar blocos.
Como Personalizar o Layout da Sua Página de Checkout ⚙️
Pronto para começar? Após atualizar o Easy Digital Downloads para a versão mais recente, você pode acessar e usar os novos blocos internos imediatamente.
No painel do WordPress, vá para Páginas e abra sua página de checkout. O bloco EDD Checkout já está lá. Não tem certeza de qual página é? Verifique Downloads » Configurações » Pagamentos para o campo Página de Checkout.
Quer experimentar isso primeiro sem mexer no seu checkout ativo? Crie uma nova página e adicione o bloco EDD Checkout lá, em vez disso, depois escolha um layout no seletor que aparece.
Selecione qualquer bloco, carrinho, informações pessoais, informações de pagamento ou formulário de desconto, para abrir suas próprias configurações na barra lateral. Somente o bloco do carrinho oferece opções para miniaturas de produtos, tamanho da miniatura, quantidades de itens e o formulário de desconto.
Reorganize, duplique ou exclua qualquer bloco usando a barra de ferramentas do bloco.
Clique em Salvar ou Atualizar, depois ative a opção Visualizar como Convidado do bloco do carrinho para ver exatamente o que seus clientes verão antes de publicar.
Perguntas Frequentes Sobre a Personalização do Layout da Sua Página de Checkout
A atualização do Easy Digital Downloads mudará minha página de checkout existente?
Não. Sua página de checkout é atualizada para a nova estrutura de blocos automaticamente, e quaisquer configurações que você já personalizou, como sua escolha de layout ou visibilidade do formulário de desconto, são mantidas. Não há nada para refazer.
Preciso do Easy Digital Downloads Pro para personalizar o layout da minha página de checkout?
Não. Easy Digital Downloads inclui este recurso tanto na versão gratuita Lite quanto na Pro. Todo usuário EDD tem acesso total a ele.
Quais partes da minha página de checkout posso personalizar?
Você pode reorganizar, remover ou ajustar seu carrinho, os campos de informações pessoais do seu cliente, seus detalhes de pagamento e seu formulário de código de desconto. Cada um é seu próprio bloco. Você também pode adicionar blocos padrão do WordPress, como um parágrafo, título ou citação de depoimento, logo ao lado deles.
Mudar o layout do meu checkout quebrará alguma coisa?
Não. Todos os layouts de onde você começa são um design funcional. Você está reorganizando blocos reais, da mesma forma que editaria qualquer outra página no WordPress.
Posso ainda usar o Elementor para projetar minha página de checkout?
Sim. Se você quiser um controle de design mais avançado, os Modelos de Checkout EDD ainda funcionam com o Elementor. Esta opção de editor de blocos é para quem deseja uma maneira mais simples e integrada de personalizar seu layout.
Como ativo ou desativo o campo de código de desconto?
É uma configuração no bloco do carrinho, não uma peça separada para adicionar ou remover. Selecione seu bloco de carrinho, abra suas configurações e ative Mostrar Formulário de Desconto.
Preciso de alguma experiência em codificação para usar isso?
Não. Tudo acontece no editor de blocos do WordPress, a mesma ferramenta que você já usa para editar páginas e posts.
Isso funcionará com meu tema?
Na maioria dos casos, sim. Como usa blocos padrão do WordPress, funciona com a maioria dos temas. Se o seu tema tiver um estilo personalizado incomum, verifique novamente como seu checkout aparece antes de publicar.
Dê ao Seu Checkout um Layout Que Converte 🚀
Sua página de checkout não precisa mais ser um modelo fixo. Com o Easy Digital Downloads, você pode criar um layout que realmente se encaixe na sua loja, usando ferramentas que você provavelmente já conhece.
Vá para sua página de checkout e experimente. Veja as Notas de Lançamento para tudo o mais de novo nesta versão, incluindo Modelos de Checkout, que estão disponíveis para importar com um passe Pro.
📣 P.S. Certifique-se de assinar nossa newsletter e nos seguir no Facebook, Twitter/X ou LinkedIn para mais recursos do WordPress!
