Modelos

Explore Nossos Endpoints: CRUD do Modelos

Bem-vindo à Página de Modelos da Clicksign!

Aqui, você terá a possibilidade de criar seus próprios modelos criados em Microsoft Word. Esses modelos serão predefinições que você poderá utilizar como base para criar novos documentos de maneira rápida e eficiente. Confira mais em nossa página de Ajuda.

Com esta funcionalidade, você poderá utilizar templates criados em Microsoft Word para criação automática de documentos baseados em metadados. Confira mais em nossa página de Ajuda.

Endpoints Disponíveis:

1. Consultar Modelos:

  • Método: GET
  • Endpoint: /templates
  • Descrição: Lista todos os Modelos cadastrados na conta.
  • URL: Página de Referência.

2. Criar Modelo:

3. Editar Modelo:

  • Método: PATCH
  • Endpoint: /templates/{id}
  • Descrição: Atualiza os detalhes de um Modelo existente.
  • URL: Página de Referência.

4. Visualizar Modelo:

  • Método: GET
  • Endpoint: /templates/{id}
  • Descrição: Recupera os detalhes de um Modelo.
  • URL: Página de Referência.

5. Excluir Modelo:

  • Método: DELETE
  • Endpoint: /templates/{id}
  • Descrição: Exclui permanentemente um Modelo.
  • URL: Página de Referência.

Referência: Geração de Tabelas

Este documento é a referência técnica completa para a funcionalidade de geração de tabelas em modelos.

Método 1: Tabelas Automáticas

Use este método quando precisar de máxima flexibilidade para definir cabeçalhos, dados, larguras de coluna e estilos diretamente a partir dos seus dados.

1.1. Sintaxe no Template

Para inserir uma tabela automática, adicione a seguinte tag no seu arquivo .docx:

{{:table nome_da_sua_tabela}}

O nome_da_sua_tabela será a chave principal do objeto JSON que conterá os dados e as configurações da tabela.

1.2. Estrutura do Objeto JSON

O JSON correspondente deve ter uma chave com o mesmo nome definido na tag. Exemplo de JSON Mínimo:

{
  "data": {
    "nome_da_sua_tabela": {
      "header": ["Produto", "Quantidade", "Preço Unitário"],
      "data": [
        ["Caneta Azul", "10", "R$ 2,50"],
        ["Caderno 96fls", "5", "R$ 15,00"]
      ]
    }
  }
}

1.3. Parâmetros

A seguir estão todos os parâmetros disponíveis para configurar sua tabela.

ParâmetroTipoObrigatório?Descrição
headerArray<String>SimDefine os títulos principais das colunas.
dataArray<Array<String>>SimMatriz contendo os dados das linhas. Cada array interno é uma linha.
subheaderArray<String>NãoDefine subtítulos para as colunas, exibidos abaixo do header.
totalWidthStringNãoLargura total da tabela. Aceita valores em pontos (ex: "800") ou porcentagem (ex: "100%").
widthsArray<String>NãoLargura individual de cada coluna em porcentagem. A soma deve ser 100. Ex: ["60", "20", "20"].
heightStringNãoDefine a altura das linhas. Deve ser usado em conjunto com heightRule. Ex: "100".
heightRuleStringNãoRegra de altura. "exact" para altura fixa (corta o texto) ou "atleast" para altura mínima (expande se necessário).
finalPageBreakBooleanNãoSe true, insere uma quebra de página após a tabela.
styleObjectNãoObjeto contendo as regras de estilização para header, subheader e data.

1.4. O Objeto style

O objeto style permite customizar a aparência da tabela. Você pode aplicar estilos para as seções header, subheader e data.

ParâmetroTipoAplicaçãoDescrição
headerObjectSim/NãoObjeto com estilos aplicáveis à linha de cabeçalho principal.
subheaderObjectSim/NãoObjeto com estilos aplicáveis à linha de subtítulo, se definida.
dataObjectSim/NãoObjeto com estilos aplicáveis a todas as linhas de dados da tabela.
textAlignStringDentro de header, subheader ou dataAlinhamento horizontal do texto nas células. Valores: "left", "center", "right", "justify".
verticalAlignStringDentro de header, subheader ou dataAlinhamento vertical do texto nas células. Valores: "top", "center", "bottom".
shadeStringDentro de header, subheader ou dataCor de fundo da célula em hexadecimal, sem o #. Ex: "C2D69B".

1.5. Exemplo Completo

Este exemplo combina vários parâmetros para criar uma tabela estilizada.

Template (.docx): {{:table relatorio_vendas}} JSON:

{
  "data": {
    "relatorio_vendas": {
      "header": ["Produto", "Qtd", "Preço", "Total"],
      "subheader": ["Item", "Un", "R$", "R$"],
      "totalWidth": "100%",
      "widths": ["40", "20", "20", "20"],
      "data": [
        ["Lápis Grafite", "100", "0.50", "50.00"],
        ["Borracha Branca", "30", "1.00", "30.00"]
      ],
      "style": {
        "header": { "textAlign": "center", "verticalAlign": "center", "shade": "F47B20" },
        "subheader": { "textAlign": "center", "shade": "FBB784" },
        "data": { "textAlign": "left", "verticalAlign": "center" }
      }
    }
  }
}

Método 2: Tabelas em Loop

Use este método para preencher uma tabela com estrutura fixa, repetindo as linhas para cada item de um array.

2.1. Estrutura no Template

Crie a tabela diretamente no seu arquivo .docx com uma linha de cabeçalho e uma linha de exemplo para os dados. Envolva a linha de dados com as tags de loop.

Exemplo de estrutura no .docx:

NomeIdadeCidade
{{#pessoas}} {{Nome}}{{Idade}}{{Cidade}} {{/pessoas}}
  • {{#pessoas}}: Inicia o loop no array chamado pessoas.
  • {{Nome}}, {{Idade}}, {{Cidade}}: Variáveis que serão preenchidas com os dados de cada objeto do array.
  • {{/pessoas}}: Fecha o loop.

2.2. Estrutura do JSON

O JSON deve conter um array de objetos. O nome do array (pessoas, no exemplo) deve corresponder ao nome usado nas tags de loop.

  "data": {
    "pessoas": [
      { "Nome": "Paulo Oliveira", "Idade": "29", "Cidade": "Porto Alegre" },
      { "Nome": "Isabela Lima", "Idade": "35", "Cidade": "Curitiba" }
    ]
  }
}

O resultado será uma tabela com duas linhas de dados, preenchidas com as informações do array pessoas.




❓Precisa de ajuda? [email protected]

💰Dúvida sobre planos e preços? Veja o comparativo

🔍Não sabe qual versão está usando? Descubra a sua versão

📚Respostas rápidas? Visite nosso FAQ