O bloco EDD Cart permite que você crie uma página de carrinho de compras personalizada para sua loja Easy Digital Downloads. Este bloco exibe o conteúdo do carrinho com controle total sobre o estilo, layout e apresentação visual, ajudando você a criar uma experiência profissional de carrinho que combine com sua marca.
Uma página de carrinho bem projetada é fundamental para concluir vendas e reduzir o abandono do carrinho. Com este bloco, você pode personalizar todos os aspectos da aparência do seu carrinho, desde a tipografia do cabeçalho e os estilos dos botões até as listas de produtos e a exibição dos preços. Crie uma página de carrinho que inspire confiança e guie os clientes suavemente até o checkout.
Adicionando o bloco EDD Cart às suas páginas
Siga estas etapas para adicionar um bloco EDD Cart à sua página SeedProd:
Passo 1: Adicione o bloco
Em Design > Blocos > Easy Digital Downloads, arraste e solte o bloco Carrinho na seção desejada da sua página.
O bloco EDD Cart está localizado em Easy Digital Downloads e pode ser adicionado para criar uma página de carrinho personalizada.
Etapa 2: Personalizar o design
Depois de adicionado, clique no bloco EDD Cart para abrir suas configurações. Na guia Estilos, você pode personalizar a aparência visual do seu carrinho.
Cabeçalhos:
- Tipografia: controle as propriedades da fonte para cabeçalhos do carrinho, como “Seu carrinho” ou títulos de seção, incluindo família, tamanho, espessura e estilo da fonte.
- Cor do cabeçalho: defina a cor do texto do cabeçalho para combinar com a sua marca
Botões:
- Estilo do botão: escolha o tratamento visual para os botões do carrinho, como “Atualizar carrinho” ou “Prosseguir para o checkout”. As opções incluem Flat (design plano moderno), 2D (profundidade sutil), Vintage (aparência clássica), Ghost (transparente com borda) ou Link (link de texto simples).
- Cor do botão: defina a cor de fundo dos botões de ação do carrinho
- 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.
Carrinho:
- Cor da borda do carrinho: defina a cor das bordas ao redor da tabela e dos elementos do carrinho.
- Largura da borda do carrinho: ajuste a espessura das bordas (superior, direita, inferior, esquerda) ao redor dos elementos do carrinho.
- Cor de fundo: defina a cor de fundo para a tabela ou o contêiner do carrinho
- Cor do texto do produto: escolha a cor dos nomes e descrições dos produtos no carrinho
- Tipografia do produto: controle as propriedades da fonte para nomes e descrições de produtos
- Cor do texto do preço: defina a cor para a exibição dos preços no carrinho
- Tipografia de preços: personalize as propriedades da fonte para preços
- Cor do texto do total: escolha a cor para os valores totais do carrinho
- Tipografia total: controle as propriedades da fonte para valores totais, incluindo subtotais e totais gerais.
- Cor dos links: defina a cor dos links clicáveis dentro do carrinho (como “Remover” ou links de produtos).
- Tipografia do link: personalize as propriedades da fonte para os links do carrinho
A guia Estilos oferece opções abrangentes para personalizar cabeçalhos, botões e todos os elementos de exibição do carrinho.
Etapa 3: Configurar opções avançadas
Na guia Avançado, você pode personalizar ainda mais o seu bloco EDD Cart:
Espaçamento:
- Margem: controle o espaçamento externo ao redor do bloco do carrinho (superior, direito, inferior, esquerdo). Isso determina quanto espaço aparece entre o carrinho e os elementos ao redor.
- Preenchimento: ajuste o espaçamento interno do bloco do carrinho (superior, direito, inferior, esquerdo). Isso cria um espaço entre o conteúdo do carrinho e suas bordas.
Atributos:
- CSS ID: Exibe o identificador único gerado automaticamente para o seu bloco de carrinho. Este 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 carrinho. Insira cada atributo em uma nova linha usando o formato: nome-do-atributo|valor (por exemplo, data-cart|edd-cart)
Visibilidade do dispositivo:
- Ocultar na área de trabalho: Oculte o bloco do carrinho nas telas da área de trabalho
- Ocultar no tablet: Oculte o bloco do carrinho em dispositivos tablet.
- Ocultar no celular: Oculte o bloco do carrinho 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 carrinho aparece na tela. As opções incluem Saltar, Aparecer gradualmente, Ampliar, Girar e muito mais.
A guia Avançado oferece opções para espaçamento, atributos personalizados, visibilidade do dispositivo e efeitos de animação.
Etapa 4: Salve suas alterações
Depois de terminar de configurar o bloco EDD Cart e personalizar sua aparência, certifique-se de salvar seu trabalho.
Você adicionou com sucesso um bloco EDD Cart à sua página! Essa exibição personalizável do carrinho ajuda a criar uma experiência de compra profissional que combina com a sua marca e orienta os clientes de maneira tranquila até o checkout. Experimente diferentes cores, tipografias e estilos de botões para criar uma página de carrinho que inspire confiança e reduza o abandono do carrinho.