Ofertas que encaixam no que construiu, sem lhe mexer
Uma gaveta do carrinho personalizada também precisa de opções de oferta. Dê um nome de classe a qualquer elemento, e o Gift Block aparece aí, sem mexer no resto.
O tema fica tal como o entregou
Construiu-o de raiz ou personalizou-o até ficar irreconhecível? Os Gift Blocks são blocos de app do tema que carregam com a incorporação da app, por isso as ofertas chegam sem código no tema que tenha de manter.
- Nenhum snippet para manter. Os ficheiros do tema podem ficar como foram entregues. Refatore à vontade: não há nenhum snippet de ofertas misturado.
- Atualizações do tema ao seu ritmo. Os Gift Blocks voltam a ligar-se depois das atualizações do tema, por isso a próxima versão não precisa de lista de verificação para as ofertas. Publique-a numa sexta-feira, se tiver mesmo de ser.
- Blocos de app onde as suas secções os aceitam. Na página do produto e na página do carrinho, os Gift Blocks entram como qualquer outro bloco de app. Onde uma secção não aceita nenhum, o Wrapped coloca o bloco por si.
A sua gaveta do carrinho, com um Gift Block
Construiu a gaveta? Cada Gift Block da loja online tem três pontos de ligação estáveis exatamente para isso. A maioria das lojas nunca precisa deles: sem eles, o Wrapped coloca cada bloco por si.
- Um nome de classe à sua escolha. O Gift Block aparece dentro do elemento que o tem: abaixo de cada linha, acima do botão de checkout, onde o design indicar. O markup para telemóvel e para computador podem ambos tê-lo.
- Um evento JavaScript com o nome que escolher. Disparado em
documentedocument.documentElementquando um cliente guarda ou remove opções de oferta. Não leva dados do carrinho, por isso o seu listener obtém o carrinho e redesenha a gaveta à sua maneira. - Um UUID para o seu CSS. Cada bloco tem-no no atributo
uuid, para que o Gift Block da gaveta fique compacto e o da página do carrinho mantenha o seu espaço.
Os Gift Blocks funcionam em
- A gaveta do próprio tema. Colocado por si.
- As apps de gaveta do carrinho mais populares da Shopify. Reconstruído quando a gaveta carrega mais tarde.
- Uma gaveta que construiu. Colocado pelo nome de classe que escolher.
Peças da própria Shopify no carrinho e no checkout
Se conhece a Shopify, já sabe como funcionam as ofertas. Cada opção de oferta é um produto Shopify real, com preço, inventário e imagem próprios, e o carrinho e o checkout funcionam nos pontos de extensão da própria Shopify.
- Uma transformação do carrinho para conjuntos. Agrupada, a oferta segue na linha do seu produto através de uma função de transformação do carrinho da Shopify. Discriminada, é uma linha própria. Em ambos os casos, a encomenda mostra cada linha a recolher.
- Uma função de desconto para descontos de oferta. Os descontos do produto de oferta aplicam-se automaticamente, ficam nos Descontos da Shopify com os restantes e acumulam com descontos de produto, de encomenda e de envio. Ninguém escreve um código.
- No checkout, no Shopify Plus. O Gift Block do checkout é uma extensão de UI do checkout, colocada no editor de checkout da Shopify e com o estilo da marca do seu checkout. Mude o estilo do checkout, e o bloco acompanha.
Dados da oferta onde o seu fluxo já procura
A sincronização do seu ERP e a importação do seu 3PL já leem as encomendas da Shopify. As ofertas chegam a esses mesmos sítios, por isso não há um novo feed a ligar, e ninguém reescreve uma mensagem de oferta no sistema do armazém.
- Propriedades das linhas e atributos da encomenda. Opção de oferta, Para, De e mensagem, na linha oferecida com Presentes para produtos e na encomenda com Presentes para encomendas.
- As chaves que o seu mapeamento espera. Os nomes dos atributos podem corresponder à sua importação, e um sublinhado inicial oculta um atributo aos clientes, mantendo-o na encomenda.
- Um resumo que o seu parser encontra. Um resumo das ofertas entra na nota da encomenda, a partir de um modelo Liquid, entre duas linhas — Wrapped Gifting Attributes —. O resto da nota é mantido.
- Uma etiqueta que convive bem com as outras. A etiqueta é 🎁 Wrapped ou a sua, e junta-se às etiquetas que a encomenda já tem.
Entregue uma loja de cliente sem nada para explicar
O próximo programador herda um tema sem código de ofertas nosso, e a equipa do cliente gere as ofertas a partir do admin da Shopify, com o visual que definiu.
- Pronto num tema de testes. Configure as ofertas num tema de testes, e ficam prontas no dia em que esse tema é publicado.
- A equipa do cliente gere tudo. O visual e o texto do bloco estão no Editor de ofertas, por isso mudar «Fazer disto uma oferta» para «Embrulhar para as festas» é decisão deles, não um pedido para si.
- Uma nota de entrega do tamanho de um post-it. Se colocou um bloco por nome de classe, indique o elemento para onde aponta, já que esse markup é seu. Tudo o resto está no admin da Shopify.
Perguntas que os programadores fazem
A próxima atualização do tema vai estragar as ofertas?
Não. Os Gift Blocks são blocos de app do tema que carregam com a incorporação da app, os ficheiros do tema podem ficar como foram entregues, e os blocos voltam a ligar-se depois das atualizações do tema. A única coisa a transportar é o markup que adicionou: um elemento para onde aponta um nome de classe também tem de estar na nova versão.
Um Gift Block pode ficar numa gaveta do carrinho que eu construí?
Sim. Dê um nome de classe à sua escolha a um elemento da gaveta, e o Gift Block aparece dentro dele. Com Presentes para produtos, coloque o elemento dentro do ciclo das linhas para que cada artigo tenha o seu. O markup separado para telemóvel e computador pode ter o nome de classe em ambos.
O evento JavaScript leva dados do carrinho?
Não. O Wrapped dispara o evento com o nome que escolher em document e em document.documentElement quando um cliente guarda ou remove opções de oferta, e é tudo o que faz. O seu listener obtém o carrinho e executa o seu código, por exemplo para redesenhar uma gaveta personalizada sem recarregar a página.
Em que partes de um Gift Block o meu código pode confiar?
Três: o nome de classe que escolher, o evento com o nome que definir e o UUID no atributo uuid do bloco. O markup dentro de um Gift Block não é uma delas, por isso construa sobre essas três e deixe o visual ao Editor de ofertas.
O que recebe uma importação ERP ou 3PL de uma encomenda de oferta?
Dados simples de encomendas da Shopify. Opção de oferta, Para, De e mensagem são propriedades das linhas com Presentes para produtos e atributos da encomenda com Presentes para encomendas, e os nomes podem corresponder à sua importação. Um resumo das ofertas entra na nota da encomenda a partir de um modelo Liquid, entre duas linhas — Wrapped Gifting Attributes —, e a etiqueta 🎁 Wrapped, ou a sua, junta-se às etiquetas da encomenda. As propriedades e os atributos estão lá a partir do momento em que a encomenda é criada. O resumo na nota e a etiqueta chegam em um ou dois minutos.
Posso definir o estilo do Gift Block do checkout?
Através da marca do checkout. No Shopify Plus, o Gift Block do checkout é uma extensão de UI do checkout, colocada no editor de checkout da Shopify e com o estilo da marca do checkout que já definiu, para cada artigo ou uma vez para a encomenda.
Gift Blocks que encaixam no seu código sem lhe mexer
Comece com uma avaliação gratuita de 7 dias.
… Before we had even paid a cent for Wrapped, Adam answered questions, got into the nitty-gritty of coding and integration with our web developer. …