Personalização de modelos do Order Printer
Você pode criar e personalizar até 15 modelos do app Order Printer no seu admin da Shopify. Por padrão, o app Order Printer inclui dois modelos:
- Fatura : uma fatura básica que você pode enviar ao cliente
- Guia de remessa : uma impressão do endereço da sua loja e do endereço de entrega do cliente
Nesta página
Criar um novo modelo do Order Printer
Criar um novo modelo do Order Printer requer que você conheça HTML, CSS e Liquid. O Atendimento para Temas da Shopify pode ajudar em pequenos ajustes no escopo da Política de Design da Shopify.
Etapas:
No admin da Shopify, acesse Configurações > Apps e canais de vendas.
Clique em Order Printer para abrir o app.
Clique em Gerenciar modelos.
Clique em Adicionar modelo.
Digite um nome para o seu novo modelo no campo Nome.
Adicione um código HTML, CSS ou Liquid no campo Código para criar seu modelo.
Ao terminar, clique em Salvar.
Editar modelo do Order Printer
Editar os modelos do Order Printer requer que você conheça HTML, CSS e Liquid. O Atendimento para Temas da Shopify pode ajudar em pequenos ajustes no escopo da Política de Design da Shopify.
Etapas:
No admin da Shopify, acesse Configurações > Apps e canais de vendas.
Clique em Order Printer para abrir o app.
Clique em Gerenciar modelos.
Clique no nome do modelo que você quer editar.
Adicione ou edite códigos HTML, CSS ou Liquid no campo Código para fazer alterações no modelo. Para ver exemplos de personalizações de modelos, consulte Exemplo de personalizações de modelos.
Ao terminar, clique em Salvar.
Exemplo de personalizações de modelos
Os exemplos a seguir explicam algumas maneiras comuns de personalizar modelos do Order Printer:
- Adicionar seu logo aos modelos do Order Printer
- Espaçar totalmente as larguras das tabelas
- Exibir miniaturas de produtos
- Adicionar informações do pedido
Exemplo: adicionar seu logo aos modelos do Order Printer
Desktop
No admin da Shopify, acesse Conteúdo > Arquivos.
Clique em Fazer upload de arquivos e selecione o arquivo de imagem no computador.
Na página Arquivos, encontre o arquivo carregado e clique em Copiar URL.
No admin da Shopify, clique em Configurações > Apps e canais de vendas.
Clique em Order Printer para abrir o app.
Clique em Gerenciar modelos.
Clique no nome do modelo que você quer editar.
Insira no seu modelo o seguinte snippet de código de programação no local em que gostaria de exibir o logo:
<img src="your-image-URL">
.Substitua
your-image-URL
pelo URL da imagem que você copiou. Dependendo de onde você quer exibir o logo, talvez seja necessário incluir uma tag<br/>
para adicionar uma quebra de linha antes ou depois da imagem.
iPhone
- No app da Shopify, toque no botão … e em Configurações.
- Na seção Configurações da loja, toque em Arquivos.
- Toque em Fazer upload de arquivos e selecione o arquivo de imagem no computador.
- Na página Arquivos, encontre o arquivo carregado e toque em Copiar URL.
- No admin da Shopify, toque em Configurações > Apps e canais de vendas.
- Toque em Order Printer para abrir o app.
- Toque em Gerenciar modelos.
- Toque no nome do modelo que você quer editar.
- Insira no seu modelo o seguinte snippet de código de programação no local em que gostaria de exibir o logo:
<img src="your-image-URL">
. - Substitua
your-image-URL
pelo URL da imagem que você copiou. Dependendo de onde você deseja que seu logo seja exibido, talvez seja necessário adicionar uma tag<br/>
para adicionar uma quebra de linha antes ou depois da sua imagem.
Android
- No app da Shopify, toque no botão … e em Configurações.
- Na seção Configurações da loja, toque em Arquivos.
- Toque em Fazer upload de arquivos e selecione o arquivo de imagem no computador.
- Na página Arquivos, encontre o arquivo carregado e toque em Copiar URL.
- No admin da Shopify, toque em Configurações > Apps e canais de vendas.
- Toque em Order Printer para abrir o app.
- Toque em Gerenciar modelos.
- Toque no nome do modelo que você quer editar.
- Insira no seu modelo o seguinte snippet de código de programação no local em que gostaria de exibir o logo:
<img src="your-image-URL">
. - Substitua
your-image-URL
pelo URL da imagem que você copiou. Dependendo de onde você deseja que seu logo seja exibido, talvez seja necessário adicionar uma tag<br/>
para adicionar uma quebra de linha antes ou depois da sua imagem.
Deve ficar assim no HTML:
Exemplo: espaçar totalmente as larguras das tabelas
Para inserir margens em suas tabelas e ampliá-las até 100% de largura, adicione uma classe table-tabular
à tabela:
Exemplo: exibir miniaturas de produtos
Para incluir miniaturas de produtos, insira este código em seu modelo:
Adicionar informações do pedido
Você pode adicionar informações do pedido aos seus modelos, como nome, quantidade e custo dos itens comprados. Para adicionar informações do pedido ao seu modelo:
No admin da Shopify, acesse Configurações > Apps e canais de vendas.
Clique em Order Printer para abrir o app.
Clique em Gerenciar modelos.
Clique no nome do modelo que você quer editar.
Use variáveis do Liquid para adicionar informações do pedido e HTML a fim de incluir a formatação. Por exemplo, o
{{ line_item.price | money }}
imprime o preço do item.Ao terminar, clique em Salvar.
Por exemplo, Nyla deseja editar o modelo da sua guia de remessa para incluir uma lista dos itens a serem enviados. Ela adiciona o seguinte código ao nível inferior do Packing slip
modelo no app Order Printer:
Agora, as guias de remessa de Nayara incluem uma tabela que lista os itens comprados.