Impostazioni

Automazioni, template email e comportamento globale del CRM.

Solleciti pagamento Template email Documenti PDF Cancellazioni Checkout

Ricevuta di pagamento

receipt

Variabili documento

Valori anteprima

company_legal_namecompany_addresscompany_citycompany_vatcompany_emailcompany_websitedocument_numberissued_atbooking_referencebuyer_companybuyer_namebuyer_address_linebuyer_city_linebuyer_countrybuyer_vatbuyer_tax_codebuyer_emailpayment_method_labelprovider_referencetrip_titledeparture_rangepayment_kindpaid_amounttrip_totaloutstanding_amount

Variabili sopra ↑

Editor HTML

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf-8" />
<style>
  @page { size: A4; margin: 0; }
  * { box-sizing: border-box; }
  body { margin: 0; font-family: Helvetica, Arial, sans-serif; color: #1f2933; font-size: 12px; }
  .page { padding: 48px; }
  .bar { height: 6px; background: #f36f21; border-radius: 3px; margin-bottom: 24px; }
  .header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 28px; }
  .logo { font-size: 22px; font-weight: bold; }
  .logo span { color: #f36f21; }
  .meta { font-size: 10px; color: #697386; }
  .doc-title { font-size: 18px; font-weight: bold; text-align: right; }
  .cols { display: flex; gap: 32px; margin-bottom: 8px; }
  .col { flex: 1; }
  .label { font-size: 8px; letter-spacing: .5px; text-transform: uppercase; color: #697386; margin-bottom: 3px; }
  .strong { font-weight: bold; }
  table { width: 100%; border-collapse: collapse; margin-top: 16px; }
  th { text-align: left; font-size: 8px; text-transform: uppercase; color: #697386; background: #f7f8fa; padding: 8px 10px; border: 1px solid #e2e6ea; }
  td { padding: 10px; border: 1px solid #e2e6ea; border-top: 0; font-size: 12px; }
  .right { text-align: right; }
  .total { display: flex; justify-content: space-between; margin-top: 16px; padding-top: 12px; border-top: 2px solid #1f2933; }
  .total .amt { font-size: 16px; font-weight: bold; color: #f36f21; }
  .sub { display: flex; justify-content: space-between; font-size: 10px; color: #697386; margin-top: 4px; }
  .footer { margin-top: 40px; padding-top: 10px; border-top: 1px solid #e2e6ea; font-size: 9px; color: #697386; text-align: center; }
</style>
</head>
<body>
<div class="page">
  <div class="bar"></div>
  <div class="header">
    <div>
      <div class="logo">Gia<span>LoFly</span></div>
      <div class="meta">{company_legal_name}</div>
      <div class="meta">{company_address}</div>
      <div class="meta">{company_city}</div>
      <div class="meta">{company_vat}</div>
      <div class="meta">{company_email}</div>
    </div>
    <div>
      <div class="doc-title">Ricevuta di pagamento</div>
      <div class="meta">N. {document_number}</div>
      <div class="meta">Data {issued_at}</div>
      <div class="meta">Rif. {booking_reference}</div>
    </div>
  </div>
  <div class="cols">
    <div class="col">
      <div class="label">Intestatario</div>
      <div class="strong">{buyer_company}</div>
      <div class="strong">{buyer_name}</div>
      <div>{buyer_address_line}</div>
      <div>{buyer_city_line}</div>
      <div>{buyer_country}</div>
      <div>{buyer_vat}</div>
      <div>{buyer_tax_code}</div>
      <div>{buyer_email}</div>
    </div>
    <div class="col">
      <div class="label">Metodo di pagamento</div>
      <div>{payment_method_label}</div>
      <div class="label" style="margin-top:8px;">Riferimento transazione</div>
      <div>{provider_reference}</div>
    </div>
  </div>
  <table>
    <thead>
      <tr><th>Descrizione</th><th class="right">Tipo</th><th class="right">Importo</th></tr>
    </thead>
    <tbody>
      <tr>
        <td><div class="strong">{trip_title}</div><div style="font-size:9px;color:#697386;">Partenza {departure_range}</div></td>
        <td class="right">{payment_kind}</td>
        <td class="right">{paid_amount}</td>
      </tr>
    </tbody>
  </table>
  <div class="total"><div class="strong">Pagato ora</div><div class="amt">{paid_amount}</div></div>
  <div class="sub"><div>Totale viaggio</div><div>{trip_total}</div></div>
  <div class="sub"><div>Saldo residuo</div><div>{outstanding_amount}</div></div>
  <div class="footer">Documento non valido ai fini fiscali. {company_legal_name} - {company_website}</div>
</div>
</body>
</html>

Anteprima live

Anteprima PDF

Genera un PDF con i valori di anteprima. Richiede Gotenberg configurato.