Como criar uma página de checkout do WooCommerce usando o Elementor

Como criar uma página de checkout do WooCommerce com o Elementor em cerca de 5 minutos

Agora que você instalou e ativou todos os plugins mencionados acima, é hora de criar sua página de checkout do WooCommerce. Antes de fazer isso, você precisa configurar sua loja WooCommerce com o Elementor , se ainda não o fez.

Depois de configurar sua loja WooCommerce, siga estas etapas para criar uma página WooCommerce Checkout usando Elementor e EA Woo Checkout .

Passo 1: Atribua uma nova página como sua página de checkout do WooCommerce

O plugin WooCommerce vem com uma página de checkout padrão. No entanto, para criar sua própria página de checkout bonita com o EA Woo Checkout , você precisará substituir a página de checkout padrão por outra página sua.

Para fazer isso, crie uma nova página do seu painel do WordPress. Em seguida, navegue até WooCommerce -> Configurações e clique na guia 'Avançado'. A partir daqui, você pode atribuir a página desejada como sua página de Checkout. Basta clicar na opção da página Checkout e escolher qualquer uma das páginas do menu suspenso como sua página WooCommerce Checkout.

Passo 2: Ative o EA Woo Checkout

Em seguida, você deve ativar o elemento EA Woo Checkout . Para fazer isso, você deve editar sua página WooCommerce Checkout usando o Elementor Editor. Encontre o elemento 'EA Woo Checkout' na opção 'Pesquisar' na guia 'ELEMENTOS'.

Agora tudo o que você precisa fazer é arrastar e soltar o elemento 'Woo Checkout' na seção 'Arraste o widget aqui' ou na seção '+'.

Depois de arrastar e soltar o elemento em qualquer seção da sua página, esse será o layout padrão que você verá.

Etapa 3: edite o conteúdo da sua página de checkout do Woo

Agora que você ativou com sucesso o elemento EA Woo Checkout , você pode começar a editar o conteúdo da sua página Woo Checkout para torná-lo mais adequado para sua loja WooCommerce.

Na guia 'Conteúdo' você verá várias opções, como Configurações gerais, Detalhes do pedido e outros. Você pode definir essas configurações para personalizar o conteúdo da sua página Woo Checkout como quiser.

Você pode encontrar mais detalhes sobre como definir as configurações de conteúdo do EA Woo Checkout em nossa página de documentação.

Se você tiver a versão pro do Essential Addons , poderá escolher entre mais dois layouts - o layout de várias etapas e o layout dividido.

O layout de várias etapas e o layout dividido vêm com algumas opções de estilo adicionais para destacar sua página do Woo Checkout. Você pode ler mais sobre como eles funcionam em nossa documentação.

Etapa 4: estilize sua página de checkout do Woo

Quando você terminar de editar o conteúdo da sua página Woo Checkout, é hora de começar a estilizá-la para torná-la mais atraente para seus clientes.

Existem várias opções disponíveis para estilizar sua página Woo Checkout da maneira que você quiser. Basta clicar na guia 'Estilo' para personalizar diferentes áreas da sua página. Você verá muitas opções diferentes, como 'Título da seção', 'Detalhes do pedido', 'Login', 'Cupom' e muito mais.

Ajuste e experimente todas as opções ou visite nossa página de documentação para descobrir como estilizar o EA Woo Checkout . Com apenas alguns cliques, você poderá alterar as cores, tipografia e muito mais para fazer com que sua página Woo Checkout se destaque para os clientes.

Etapa 5: salve suas alterações e veja o resultado final

Se você terminou de estilizar sua página Woo Checkout, certifique-se de salvar suas alterações. Você pode visualizar o resultado final antes de publicar sua página.