Compatibilidade: compatível com qualquer tema GRATUITO do Shopify 2.0
Se você tiver um tema diferente do Shopify e gostaria de adicionar a função do botão de pré-encomenda, entre em contato conosco para obter uma cotação de preço.
Maximize o potencial do seu comércio eletrônico com o poder das encomendas no Shopify. Esta postagem analisa a adição de um botão de pré-encomenda aos temas gratuitos do Shopify 2.0, essencial para acompanhar a demanda do cliente e otimizar o gerenciamento de estoque.
No mundo acelerado do comércio eletrónico, manter-se à frente da procura é fundamental. Para proprietários de lojas do Shopify, adicionar um botão de pré-encomenda pode mudar o jogo, especialmente ao gerenciar o estoque de itens populares. Esta postagem do blog irá guiá-lo na adição de um botão de pré-encomenda aos temas gratuitos do Shopify 2.0, garantindo que seus clientes sempre possam obter o que desejam, mesmo antes de voltar ao estoque.
Compreendendo a função de pré-encomenda: A pré-encomenda permite que os clientes comprem produtos que não estão em estoque no momento. Esta função é particularmente útil para itens de alta demanda ou para lançamento de novos produtos. Porém, é importante observar que esse recurso altera o texto do botão para “Pré-encomenda” apenas se a quantidade da variante do produto for zero. Se uma variante tiver quantidade maior que zero, o botão não exibirá a opção de encomenda.
Adicionando uma nota de pré-encomenda: para garantir que seus clientes estejam totalmente informados, você pode adicionar uma nota de pré-encomenda. Esta nota esclarecerá aos clientes que eles estão comprando um produto que não está disponível no momento, mas que será enviado posteriormente.
Por que adicionar um botão de pré-pedido no Shopify?
- Gerencie o estoque com eficiência : permite avaliar a demanda por itens fora de estoque.
- Aumente as vendas : capture vendas mesmo quando os itens não estiverem imediatamente disponíveis.
- Melhore a experiência do cliente : mantenha seus clientes envolvidos e informados sobre a disponibilidade do produto.
Antes de editar o código:
Na página Admin, vá para Produtos e selecione o produto que deseja pré-encomendar. Certifique-se de ter as opções " Rastrear quantidade" e "Continuar vendendo quando estiver fora de estoque" marcadas no produto que deseja encomendar.
O que você está comprando:
- Mude o botão para o texto que você quiser
- Adicione uma nota de encomenda com posicionamento dinâmico na página do seu produto
- Use um metacampo para que a nota de encomenda seja dinâmica
- SÓ funciona na página do produto
O que torna nosso código melhor:
- Não usamos bibliotecas externas, com isso dito, nosso código não terá nenhum efeito mínimo no desempenho de velocidade do seu site
- Não deixamos nem adicionamos códigos para anunciar em nosso site
- Nosso código é compatível com dispositivos móveis
Quaisquer problemas relacionados ao código serão corrigidos sem custo adicional, excluindo solicitações de customização de código. Basta entrar em contato conosco em "Converse conosco". Estamos a apenas um botão de distância.
Para iniciar:
1. Acesse o Editor de Código clicando em Loja online > Temas > Ações > Editar código.
2. Abra main-product.liquid na pasta Section. Se você tiver a versão mais recente do Shopify 2.0. Você precisa ir para a pasta Snippet e abrir buy-button.liquid.
{%- form 'product', product, id: product_form_id, class: 'form', novalidate: 'novalidate', data-type: 'add-to-cart-form' -%} e o {% endform %. Replace the code with the code below.
4. Em seu arquivo main-product.liquid na pasta Section, encontre o código " {%- when 'buy_buttons' -%} " e cole o código abaixo antes dele.
5. Ainda no main-product.liquid, na seção esquema, abaixo do " type": "buy_buttons", você verá o "type": "checkbox", após o colchete de fechamento coloque o código abaixo. Veja o vídeo para mais informações
6. Vá para a pasta Asset, abra o arquivo global.js e encontre o código "toggleAddButton", substitua o código toggleAddButton pelo código abaixo.
É isso (",)
Copied!
6 comentários
Hi @Naomi
Thank you for reaching out to us via inbox. Let us know if you encounter any further problems. Thanks!
Hello, I bought your preorder tutorial, it’s working well. I would like to know if it’s possible to hide the "buy now " button when the preorder button is showing. Thank you for your help.
Hi @VERONIKA,
It will be a different file under the Snippet folder. If you are having issues. Please don’t hesitate to reach us using “Chat with Us”
Hi, just have bought this. I have a problem with the " {%- when ‘buy_buttons’ -%}" it is not in my main-product.liquid.
Do you think you can help me?
Thank you.
Veronika
Hi @AD,
You probably had error on pasting. Please contact me using “Chat with us”