# Personalizar EDD Checkout com Elementor Esta documentação irá guiá-lo através da integração do Easy Digital Downloads e do plugin de page builder Elementor para criar uma página de checkout EDD envolvente e personalizável para sua loja online. A integração permite opções de estilo aprimoradas e flexibilidade de layout usando tanto o Bloco EDD Checkout quanto as configurações disponíveis através do editor de arrastar e soltar do Elementor e do widget dedicado EDD Checkout. - [Bloco EDD Checkout](#configuring-the-edd-checkout-block) - [Editar Checkout com Elementor](#using-with-elementors-edd-checkout-widget) - [Acessando o Editor](#aioseo-access-elementor-editor) - [Adicionar e Configurar Widget EDD Checkout](#aioseo-add-configure-edd-checkout-widget) - [Conteúdo](#aioseo-content) - [Estilo](#aioseo-style) - [Avançado](#aioseo-advanced) - [Solução de Problemas](#aioseo-troubleshooting) Bloco EDD Checkout ------------------ A [página de Checkout](https://easydigitaldownloads.com/blog/create-a-checkout-page-in-wordpress/ "Como Criar uma Página de Checkout no WordPress") é criada automaticamente para você ao ativar o plugin EDD. Encontre-a em **Páginas** » **Página de Checkout**. Ela usa o bloco EDD Checkout. Observação: O [Bloco EDD Checkout](https://easydigitaldownloads.com/docs/easy-digital-downloads-blocks/ "Blocos WordPress para Easy Digital Downloads") e suas configurações estão disponíveis para todos os usuários, independentemente de o Elementor ser usado. Quando você acessa a página de Checkout, as configurações do bloco ficam à direita. **Pré-visualização** Primeiro, você tem a opção de ativar a configuração **Pré-visualizar como Convidado**. Isso ajuda você a garantir que a experiência seja ideal tanto para visitantes de primeira viagem quanto para clientes recorrentes. Isso mostra uma pré-visualização em tempo real da página de checkout e do formulário de cartão de crédito diretamente no editor. Você pode escolher um de seus produtos no menu suspenso Selecionar um Download e ver uma pré-visualização em tempo real de como o formulário de checkout fica com um item no carrinho. **Configurações** - Alterar o Layout - Ajustar o Tamanho da Miniatura do Carrinho - Mostrar/Ocultar Formulário de Desconto Editar Checkout com Elementor ---------------------------- O Elementor criou seu próprio widget EDD Checkout, que oferece aos usuários um controle de design mais profundo diretamente no Elementor. ### Acessar o Editor do Elementor Com o plugin de page builder Elementor instalado e ativado em seu site WordPress, sua página EDD Checkout oferece a opção **Editar com Elementor**. Clicar nele o levará à interface do editor do Elementor. ### Adicionar e Configurar Widget EDD Checkout No painel de elementos no lado esquerdo da tela, procure por **EDD Checkout**. Arraste e solte-o em sua página. O widget fornece uma pré-visualização em tempo real do seu formulário de checkout. Você configura as configurações do elemento no painel do lado esquerdo para personalizar cada aspecto da sua página de checkout. O EDD Checkout tem três abas principais de configurações. #### Conteúdo Essas configurações são semelhantes às configurações de bloco no bloco EDD Checkout nativo. Geral - Item do Carrinho - Alinhamento da Conta - Layout Carrinho - Cabeçalho - Miniatura e Tamanho da Miniatura - Formulário de Desconto Títulos de SeçãoVocê pode mostrar/ocultar: - Informações Pessoais - Detalhes de Cobrança - Método de Pagamento - Informações do Cartão #### Estilo A aba Estilo é onde você pode personalizar a aparência do seu widget de Checkout. Isso inclui coisas como a tipografia e as cores do texto/fundo, raio e preenchimento, etc. - Geral - Botão de Compra - Carrinho - Seções do Formulário - Elementos do Formulário - Informações Pessoais - Detalhes de Cobrança - Método de Pagamento - Detalhes do Cartão #### Avançado Esta aba é onde você pode encontrar opções mais avançadas para personalizar a aparência da sua página de checkout. Existem vários acordeões, cada um com seu próprio conjunto de configurações que você pode configurar. As seções incluem: - Layout - Efeitos de Movimento - Transformar - Fundo - Borda - Máscara - Responsivo - Atributos - CSS Personalizado Quando terminar, você pode clicar na seta para baixo no canto superior direito da tela. Em seguida, escolha **Salvar Rascunho**, **Salvar Modelo** ou **Visualizar Página**. Você também pode selecionar **Publicar** para tornar suas alterações ao vivo. Se você tiver alguma dúvida sobre as configurações específicas do widget, sinta-se à vontade para explorar a [base de conhecimento de widgets do Elementor](https://elementor.com/help/elementor-editor/widgets/). Solução de Problemas --------------- Se você não estiver vendo as opções do Bloco EDD Checkout ou do widget discutidas acima, talvez precise atualizar seu plugin Easy Digital Downloads. Verifique se há atualizações indo em **Painel** » **Atualizações** em sua área de administração do WordPress. Certifique-se de estar usando a versão 3.5.3 ou superior.