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 seu admin da Shopify, acesse Apps.

  2. Clique em Order Printer para abrir o app.

  3. Clique em Gerenciar modelos:

    Botão Gerenciar modelos

  4. Clique em Adicionar modelo:

    Clique em

  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 seu admin da Shopify, acesse Apps.

  2. Clique em Order Printer para abrir o app.

  3. Clique em Gerenciar modelos:

    Botão Gerenciar modelos

  4. Clique no nome do modelo que você deseja editar:

    Selecionar modelo para 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 logotipo aos modelos do Order Printer
  • Espaçar totalmente as larguras das tabelas
  • Mostrar miniaturas de produtos
  • Adicionar informações do pedido

Exemplo: adicionar seu logotipo aos modelos do Order Printer

Você pode adicionar seu logotipo 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 na URL da imagem para destacá-la e copie o texto:

    Copiar a URL da imagem

  3. No seu admin da Shopify, acesse Apps.

  4. Clique em Order Printer para abrir o app.

  5. Clique em Gerenciar modelos:

    Botão Gerenciar modelos

  6. Clique no nome do modelo que você deseja editar:

    Selecionar modelo para editar

  7. Insira no seu modelo o seguinte trecho de código de programação no local em que gostaria de exibir o logotipo: <img src="your-image-URL">.

  8. Substitua your-image-URL pela URL da imagem que você copiou. Dependendo de onde você deseja que seu logotipo 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

E assim na sua fatura:

Exemplo de um modelo de e-mail personalizado

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 seu admin da Shopify, acesse Apps.

  2. Clique em Order Printer para abrir o app.

  3. Clique em Gerenciar modelos:

    Botão Gerenciar modelos

  4. Clique no nome do modelo que você deseja editar:

    Selecionar modelo para 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 enumera os itens adquiridos:

Exemplo de guia de remessa

Pronto(a) para começar a vender com a Shopify?

Experimente de graça