Pre-order Shopify button image

Adicionar botão e nota de pré-encomenda do Shopify

Log in or Sign up to ensure access to purchased code across multiple devices.

Como ver o código

1. Faça login/crie uma conta primeiro. Isso é para garantir que todas as compras estejam conectadas a uma conta e possam ser visualizadas em diferentes dispositivos.

2. Adquira o código através da “caixa de compras” na página específica do código desejado.

3. Após a compra, atualize a página.

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.

Imagem do produto pré-encomendado no Shopify

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!
Voltar para o blogue

4 comentários

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”

Made4Uo

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

Veronika

Hi @AD,

You probably had error on pasting. Please contact me using “Chat with us”

Made4Uo

Hiya, it says “Invalid JSON in tag ‘schema’” after pasting the schema bit, please help!

AD

Deixe um comentário