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

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:

  1. No admin da Shopify, acesse Apps.

  2. Clique em Order Printer para abrir o app.

  3. Clique em Gerenciar modelos.

  4. Clique em Adicionar modelo.

  5. Digite um nome para o seu novo modelo no campo Nome.

  6. Adicione um código HTML, CSS ou Liquid no campo Código para criar seu modelo.

  7. Ao terminar, clique em Salvar.

Editar modelo do Order Printer

Editar seus 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:

  1. No admin da Shopify, acesse Apps.

  2. Clique em Order Printer para abrir o app.

  3. Clique em Gerenciar modelos.

  4. Clique no nome do modelo que você quer editar.

  5. Faça suas alterações no modelo adicionando ou editando códigos HTML, CSS ou Liquid no campo Código. Para conferir exemplos de personalizações de modelos, consulte Exemplo de personalizações de modelos.

  6. Ao terminar, clique em Salvar.

Exemplo de personalizações de modelos

Os exemplos a seguir mostram 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

Você pode adicionar seu logo a faturas de pedidos, guias de remessa e modelos personalizados:

  1. Clique em Carregar arquivos e selecione o arquivo de imagem em seu computador.

  2. Na página Arquivos, clique no URL da imagem para destacá-lo e copie o texto.

  3. No admin da Shopify, acesse Apps.

  4. Clique em Order Printer para abrir o app.

  5. Clique em Gerenciar modelos.

  6. Clique no nome do modelo que você quer editar.

  7. 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">.

  8. 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 de código 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:

<table class="table-tabular">
    ...
</table>

Exemplo: mostrar miniaturas de produtos

Para incluir miniaturas de produtos, insira este código em seu modelo:

{{ line_item.product.featured_image | product_img_url: 'thumb' | img_tag }}

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:

  1. No admin da Shopify, acesse Apps.

  2. Clique em Order Printer para abrir o app.

  3. Clique em Gerenciar modelos.

  4. Clique no nome do modelo que você quer editar.

  5. Use variáveis do Liquid para adicionar informações do pedido e HTML a fim de incluir a formatação. Por exemplo, o `` imprime o preço do item.

  6. 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:

<br>
<br>
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>Quantity</th>
      <th>Item</th>
      {% if show_line_item_taxes %}
      <th>Taxes</th>
      {% endif %}
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in line_items %}
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td><b>{{ line_item.title }}</b></td>
        {% if line_item.tax_lines %}
          <td>
            {% for tax_line in line_item.tax_lines %}
              {{ tax_line.price | money }} {{ tax_line.title }}<br/>
            {% endfor %}
          </td>
        {% endif %}
        <td>{{ line_item.price | money }}</td>
      </tr>
    {% endfor %}
  </tbody>
</table>

Como resultado, as guias de remessa do Nyla agora incluem uma tabela que lista os itens comprados.

Tudo pronto para começar a vender com a Shopify?

Experimente de graça