Gerar facturas dinâmicas com modelos HTML em Zapier

By Varun Satish | Automatização

Gerar facturas dinâmicas com modelos HTML em Zapier

A criação de documentos dinâmicos é parte integrante de qualquer negócio nos dias de hoje. Eles lidam com muitos documentos digitais que são necessários para serem gerados com base em cada destinatário com dados dinâmicos. Podem ser Cotações, Contratos, Facturas, Relatórios, etc., que podem ter um modelo fixo, mas com dados dinâmicos. Estes também são normalmente gerados em grandes lotes, dependendo do tamanho do nosso negócio.

Em alguns casos, você também é obrigado a gerar documentos na forma de HTML, que podem ser exibidos através de um navegador ou a ser compartilhados como um link. Faturas, recibos, etc. são gerados como páginas HTML para que possam ser rapidamente exibidos ao destinatário em seu navegador. PDF4me permite gerar tais documentos HTML, usando modelos HTML e uma fonte de dados. Usando Mustache rendering ou mail merge você pode gerar tantos documentos quantos forem necessários com base na sua necessidade.

Com uma integração PDF4me para Zapier, você pode fazer uso da ação Gerar Documento - que é uma das muitas ações que PDF4me fornece para gerenciar documentos - para criar Zaps que podem gerar documentos a partir de templates HTML. Você pode fazer uso da API ou chamadas de automação para alimentar esses Zaps para gerar documentos HTML em massa.

Vejamos um exemplo onde você quer gerar Faturas como páginas HTML a partir de um modelo HTML de origem e dados JSON.

Modelo HTML para geração de facturas

Como Gerar faturas HTML?

Aqui está um exemplo de um template HTML criado usando a sintaxe do bigode. Vamos assumir que o seguinte template estará disponível em uma pasta específica no Dropbox.

Iniciar o Zap com um gatilho Dropbox

Adicione uma ação Novo arquivo na pasta em Dropbox como o gatilho para o Zap. Assim que o arquivo .html chega na pasta, o Zap é acionado.

Novo arquivo no gatilho Dropbox

Adicionar ação para Baixar o modelo

Para passar o modelo, adicione e configure uma ação Dropbox para obter o documento. Configure a pasta de onde o template precisa ser passado para a próxima ação.

Download do modelo da pasta Dropbox

Adicionar a ação Gerar Documento em PDF4me

À medida que o templo é baixado, ele é passado para a ação Gerar Documento. Na ação, configure o Arquivo de modelo, Nome do arquivo de modelo, Tipo de arquivo de modelo, Dados de entrada, Tipo de dados de entrada e Tipo de documento de saída.

Configurar Gerar documento PDF4me acção

Para o modelo de amostra acima, os dados da amostra ficariam como abaixo:

{
    "Documents": [
        {
            "header": {
                "docType": "Original Copy"
            },
            "body": {
                "Column1": "Quantity",
                "Column2": "Description",
                "Column3": "Unit Price",
                "Column4": "Total",
                "Invoice": {
                    "number": 14957,
                    "date": "25-02-2022",
                    "instructions": "Instruction Invoice 1",
                    "subTotal": 200150,
                    "tax": "18%",
                    "dueDate": "25-03-2022",
                    "shipping": "200"
                },
                "Biller": {
                    "phone": "989797",
                    "fax": "998463",
                    "email": "[email protected]",
                    "web": "www.doc1.com",
                    "address": {
                        "company": "Organization 1",
                        "street": "Street 1",
                        "city": "City 1",
                        "zip": "123456"
                    }
                },
                "Recepient": {
                    "name": "recepeint 1",
                    "address": {
                        "street": "testveien 3 ",
                        "city": "City 1",
                        "zipcode": "0555",
                        "country": "Country 1"
                    }
                },
                "Product": [
                    {
                        "quantity": 1,
                        "description": "item 1",
                        "unitPrice": 45,
                        "totalPrice": 867
                    },
                    {
                        "quantity": 2,
                        "description": "item 2",
                        "unitPrice": 123,
                        "totalPrice": 3464
                    },
                    {
                        "quantity": 3,
                        "description": "item 3",
                        "unitPrice": 323,
                        "totalPrice": 6564
                    }
                ]
            },
            "footer": {
                "phone": "phone123",
                "fax": "fax123",
                "email": "[email protected]",
                "web": "www.123.com"
            }
        
        }
    ]
}

Note que você terá que especificar campos de fusão no cabeçalho, corpo e rodapé separadamente com loops. Especifique sempre o conteúdo dentro do corpo do documento como “corpo”.

Adicionar uma acção de Loop

A ação Gerar documento produzirá múltiplos arquivos de saída. Para lidar com isso, um Loop em Zapier - uma funcionalidade beta - precisa ser adicionada.

Adicionar um loop aos documentos de saída iterativos

Adicionar arquivo de Upload na ação Dropbox

Juntamente com o Loop, adicione um arquivo Upload na ação Dropbox ao Zap. Isso garante que os arquivos de saída sejam salvos na pasta desejada, um após o outro, à medida que são gerados usando a ação PDF4me.

Carregar ficheiros para a pasta Dropbox

Um exemplo de HTML de saída ficaria como abaixo.

Amostra do Dynamic Doc Generated

Com uma PDF4me Developer Subscription, você pode criar fluxos de trabalho que podem automatizar a geração em massa de documentos HTML com dados dinâmicos. A assinatura garante que sua automação seja executada sem interrupção devido a qualquer falta no número de chamadas API.

Related Blog Posts