O bloco Botão Comprar Agora do EDD permite adicionar botões de compra com um clique para produtos Easy Digital Downloads nas suas páginas SeedProd. Este bloco simplifica o processo de compra, permitindo que os clientes ignorem as etapas tradicionais do carrinho e do checkout, possibilitando compras instantâneas com um único clique.
O botão Comprar agora é perfeito para vendas de produtos digitais em que você deseja eliminar o atrito do processo de compra. Em vez de exigir que os clientes adicionem itens ao carrinho, revisem o carrinho e, em seguida, prossigam para o checkout, eles podem concluir a compra imediatamente. Esse fluxo de trabalho simplificado é ideal para vender produtos digitais únicos, licenças de software, e-books, cursos ou qualquer download digital em que uma experiência de compra rápida e sem complicações aumente as conversões.
Adicionando o bloco Botão Comprar Agora do EDD às suas páginas
Siga estas etapas para adicionar um bloco do botão “Comprar agora” do EDD à sua página SeedProd:
Passo 1: Adicione o bloco
Em Design > Blocos > Easy Digital Downloads, arraste e solte o bloco Botão Comprar Agora na seção desejada da sua página.
O bloco Botão Comprar Agora do EDD está localizado em Easy Digital Downloads e pode ser adicionado a qualquer página.
Etapa 2: Configurar as definições de conteúdo
Depois de adicionado, clique no bloco Botão Comprar agora do EDD para abrir suas configurações. Na guia Conteúdo, você pode selecionar seu produto e personalizar a aparência do botão.
Configurações:
- ID do produto: selecione qual produto Easy Digital Downloads este botão irá comprar. Escolha a partir de uma lista suspensa com todos os seus downloads publicados.
- Direto para o checkout: ative para enviar os clientes diretamente para a página de checkout após clicar ou desative para adicionar primeiro o item ao carrinho.
- Mostrar preço: alterne para exibir ou ocultar o preço do produto no próprio botão
Botão:
- Texto do botão: insira o texto que aparecerá no seu botão (por exemplo, “Compre agora”, “Adquira”, “Obtenha acesso instantâneo”). Mantenha-o claro e orientado para a ação.
- Cor de fundo: defina a cor de fundo do seu botão para combinar com a sua marca.
- Alinhar: defina o alinhamento horizontal do botão dentro do seu contêiner (esquerda, centro ou direita).
- Tamanho: Escolha o tamanho do botão entre Pequeno, Médio, Grande, Extragrande ou 2X Grande. Botões maiores são mais visíveis para produtos importantes.
Ícones:
- Ícone antes do texto: adicione um ícone que aparecerá à esquerda do texto do botão. Clique em Escolher ícone para navegar pelos ícones disponíveis.
- Ícone após o texto: adicione um ícone que aparece à direita do texto do botão, comumente usado para indicadores de carrinho de compras ou download.
Selecione seu produto, personalize o texto e a aparência do botão e adicione ícones opcionais.
Campos:
Essas configurações definem os campos de entrada de quantidade que permitem aos clientes especificar quantas cópias desejam comprar. Para ativar os campos de quantidade, você deve primeiro ativar Outros > Geral > Quantidades de itens no carrinho nas configurações do plugin Easy Digital Downloads. Certifique-se também de que a caixa de seleção Desativar entrada de quantidade para este produto esteja desmarcada na página de download de cada produto.
- Cor de fundo do campo: defina a cor de fundo para os campos de entrada de quantidade
- Cor do texto do campo: escolha a cor do texto dentro dos campos de quantidade.
- Cor da borda do campo: defina a cor das bordas do campo de quantidade
- Largura da borda do campo: ajuste a espessura das bordas ao redor dos campos de quantidade (superior, direita, inferior, esquerda)
- Espaçamento entre linhas: controle o espaçamento vertical entre o botão e o campo de quantidade
- Raio da borda: ajuste a curvatura dos cantos do campo de quantidade
- Largura do campo: defina a largura do campo de entrada da quantidade.
Personalize a aparência dos campos de entrada de quantidade (requer que os campos de quantidade estejam habilitados nas configurações do EDD).
Etapa 2a: Escolha um estilo de modelo
Na guia Modelos, você pode selecionar estilos de botões pré-concebidos para alterar rapidamente a aparência geral do seu botão Comprar agora.
- Botão comprimido, botão plano, botão azul, botão verde claro, botão verde, botão laranja, botão vermelho, botão amarelo, botão branco, botão cinza, botão preto: escolha entre onze modelos diferentes, cada um com cores e estilos exclusivos. Visualize cada estilo para encontrar o que melhor combina com o design da sua página.
A guia Modelos oferece onze estilos pré-concebidos para personalizar rapidamente a aparência do seu botão.
Etapa 3: Personalizar o design
Na guia Avançado, você pode personalizar a aparência visual do seu bloco Botão Comprar Agora do EDD:
Estilos:
- Tipografia: controle as propriedades da fonte do texto do botão, incluindo família, tamanho, espessura e estilo da fonte.
- Preenchimento vertical: controla o espaçamento superior e inferior dentro do botão, afetando sua altura.
- Preenchimento horizontal: controla o espaçamento esquerdo e direito dentro do botão, afetando sua largura.
- Raio da borda: Ajuste a curvatura dos cantos dos botões. Valores mais altos criam botões mais arredondados, enquanto zero cria cantos mais nítidos.
- Estilo do botão: escolha o tratamento visual para o seu botão. As opções incluem Plano (design plano moderno), 2D (profundidade sutil), Vintage (aparência clássica), Fantasma (transparente com borda) ou Link (link de texto simples).
- Sombra do texto: adicione efeitos de sombra ao texto do botão para dar profundidade e legibilidade. Escolha entre Nenhuma, Fina, Pequena, Média, Grande, Extra grande, 2X Grande ou Personalizada.
- Sombra: aplique efeitos de sombra em todo o botão para dar profundidade. Escolha entre Nenhuma, Fina, Pequena, Média, Grande, Extragrande, 2X Grande ou Personalizada.
Espaçamento:
- Margem: controle o espaçamento externo ao redor do bloco de botões (superior, direito, inferior, esquerdo). Isso determina quanto espaço aparece entre o botão e os elementos ao redor.
- Preenchimento: ajuste o espaçamento interno dentro do contêiner do bloco de botões (superior, direito, inferior, esquerdo). Isso cria um espaço ao redor do botão.
Atributos:
- ID CSS: exibe o identificador exclusivo gerado automaticamente para o seu bloco de botões. Esse ID é criado automaticamente pelo SeedProd para personalização de estilo ou segmentação JavaScript.
- Classe personalizada: adicione classes CSS personalizadas para aplicar estilos específicos do seu tema ou CSS personalizado.
- Atributos personalizados: adicione quaisquer atributos HTML ao elemento wrapper do botão. Insira cada atributo em uma nova linha usando o formato: nome-do-atributo|valor (por exemplo, data-product|digital-download)
Visibilidade do dispositivo:
- Ocultar na área de trabalho: Oculta o bloco de botões nas telas da área de trabalho.
- Ocultar no tablet: Oculta o bloco de botões em dispositivos tablet.
- Ocultar no celular: Oculte o bloco de botões em dispositivos móveis
Efeitos de animação:
- Animação de entrada: escolha entre vários efeitos de animação que são reproduzidos quando o botão aparece na tela. As opções incluem Saltar, Aparecer gradualmente, Ampliar, Girar e muito mais. Isso chama a atenção para o seu botão de compra.
A guia Avançado oferece opções de estilo, incluindo tipografia, preenchimento, bordas, sombras e efeitos de animação.
Etapa 4: Salve suas alterações
Depois de terminar de configurar o bloco Botão Comprar Agora do EDD e personalizar sua aparência, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um bloco de botão “Comprar agora” do EDD à sua página! Esse botão de compra simplificado elimina o atrito do processo de compra, permitindo que os clientes adquiram seus downloads digitais com um único clique. Experimente diferentes estilos, cores e tamanhos de botão para criar um botão “Comprar agora” que converta visitantes em clientes e maximize as vendas de seus produtos digitais.