https://bill.pt/integracoes.html

1<!doctype html>
2<html lang="pt-PT">
3
4  <head>

4<script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>

4
5    <meta charset="utf-8">
6    <title>Integrações - Ligar o Bill com outras aplicações</title>
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    
9      <meta name="description" content="Ligue o Bill a outras aplicações rápidamente para poder automatizar a sua faturação.">
10    
11    
12    <link href="assets/css/loaders/loader-pulse.css" rel="stylesheet" type="text/css" media="all" />
13    
14    <link href="assets/css/theme.css" rel="stylesheet" type="text/css" media="all" />
15    <link href="https://fonts.googleapis.com/css?family=Nunito:400,400i,600,700&display=swap" rel="stylesheet">
16        

16<script>

16
17        (function(i, s, o, g, r, a, m) {
18            i['GoogleAnalyticsObject'] = r;
19            i[r] = i[r] || function() {
20                (i[r].q = i[r].q || []).push(arguments)
21            }, i[r].l = 1 * new Date();
22            a = s.createElement(o),
23                m = s.getElementsByTagName(o)[0];
24            a.async = 1;
25            a.src = g;
26            m.parentNode.insertBefore(a, m)
27        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
28
29        ga('create', '

29UA-102247142-1

29', 'auto');
30        ga('send', 'pageview');
31    

31</script>

31
32    <style>
33      .navbar-light .navbar-nav .nav-link {
34        text-transform: uppercase;
35        font-size:17px;
36        color: rgba(0, 0, 0, 0.8);
37      }
38    </style>
39  </head>
40
41  </head>
42<body>
43
44    <div class="loader">
45      <div class="loading-animation"></div>
46    </div>
47    
48    <div class="navbar-container" name="inicio" id="inicio">
49      <nav class="navbar navbar-expand-lg navbar-light" data-sticky="top">
50        <div class="container">
51          <a class="navbar-brand navbar-brand-dynamic-color fade-page" href="index.html">
52            <img width="100px" src="assets/img/bill.png">
53          </a>
54          <div class="d-flex align-items-center order-lg-3">
55            <a href="https://app.bill.pt/" class="btn btn-primary ml-lg-4 mr-3 mr-md-4 mr-lg-0 d-sm-block order-lg-3">Entrar</a>
56            <button aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target=".navbar-collapse" data-toggle="collapse" type="button">
57              <img alt="Navbar Toggler Open Icon" class="navbar-toggler-open icon icon-sm" data-inject-svg src="assets/img/icons/interface/icon-menu.svg">
58              <img alt="Navbar Toggler Close Icon" class="navbar-toggler-close icon icon-sm" data-inject-svg src="assets/img/icons/interface/icon-x.svg">
59            </button>
60          </div>
61          <div class="collapse navbar-collapse order-3 order-lg-2 justify-content-lg-end" id="navigation-menu">
62            <ul class="navbar-nav my-3 my-lg-0">
63              <li class="nav-item">
64                <div class="dropdown">
65                  <a aria-expanded="false" aria-haspopup="true" class=" nav-link nav-item " href="https://bill.pt/#inicio" role="button">Início</a>
66                  
67                </div>
68              </li>
69        <li class="nav-item">
70                <div class="dropdown">
71                  <a aria-expanded="false" aria-haspopup="true" class=" nav-link nav-item " href="#caracteristica" role="button">Características</a>
72                  
73                </div>
74              </li>
75        <li class="nav-item">
76                <div class="dropdown">
77                  <a aria-expanded="false" aria-haspopup="true" class=" nav-link nav-item " href="#price" role="button">Preçários e Planos</a>
78                  
79                </div>
80              </li>
81        <li class="nav-item">
82          <div class="dropdown">
83            <a aria-expanded="false" aria-haspopup="true" class=" nav-link nav-item " href="#contato" role="button">Contactos</a>
84          </div>
85        </li>
86        <li class="nav-item">
87          <div class="dropdown">
88            <a aria-expanded="false" aria-haspopup="true" class=" nav-link nav-item " href="/integracoes.html" role="button">Integrações</a>
89          </div>
90        </li> 
91        <li class="nav-item">
92                <div class="dropdown">
93                  <a aria-expanded="false" aria-haspopup="true" class=" nav-link nav-item " href="suporte.html" role="button">Suporte</a>
94                  
95                </div>
96              </li>
97      
98            </ul>
99          </div>
100        </div>
101      </nav>
102    </div>
103
104  <main>
105    <style>
106    /* “slot” igual para todos */
107.integration-logo{
108  width: 140px;      /* ajusta como quiseres */
109  height: 70px;      /* altura consistente */
110  object-fit: contain;     /* não corta, mantém proporção */
111  object-position: center; /* garante centrado */
112  display: block;
113}
114</style>
115 <section>
116      <div class="container">
117        <div class="row section-title justify-content-center text-center">
118          <div class="col-md-9 col-lg-8 col-xl-7">
119            <h3 class="display-4">Integrações</h3>
120
121
122<p class="lead mb-4">
123  Liga a tua conta a integrações externas para automatizar reservas, vendas e sincronizações.
124</p>
125
126<div class="row">
127
128    <div class="col-12 mb-3">
129  <div class="card h-100 shadow-sm">
130    <div class="card-body d-flex flex-column">
131
132      <div class="d-flex justify-content-center align-items-center mb-3 hfix">
133        <img
134          src="/assets/integrations/woocommerce.svg"
135          alt="WooCommerce"
136          class="integration-logo"
137        >
138      </div>
139
140      <h5 class="mb-2">WooCommerce - WordPress</h5>
141      <p class="text-muted mb-3">Sincroniza encomendas, clientes e documentos automaticamente.</p>
142
143      <div class="mt-auto">
144        <a href="/woocommerce.html" class="btn btn-success btn-block">Configurar</a>
145      </div>
146
147    </div>
148  </div>
149</div>
150
151<div class="col-12 mb-3">
152  <div class="card h-100 shadow-sm">
153    <div class="card-body d-flex flex-column">
154
155      <div class="d-flex justify-content-center align-items-center mb-3 hfix">
156        <!-- Ícone simples (API) em SVG inline -->
157         <img
158          src="/assets/integrations/api.svg"
159          alt="Bill.pt API"
160          class="integration-logo"
161        >
162      </div>
163
164      <h5 class="mb-2">API</h5>
165      <p class="text-muted mb-3">Integra diretamente via endpoints e autenticação segura.</p>
166
167      <div class="mt-auto">
168        <a href="/api.html" class="btn btn-success btn-block">Ver documentação</a>
169      </div>
170
171    </div>
172  </div>
173</div>
174
175  <!-- Cloudbeds -->
176  <div class="col-12  mb-3">
177    <div class="card h-100 shadow-sm">
178      <div class="card-body d-flex flex-column">
179        <div class="d-flex justify-content-center align-items-center mb-3 hfix text-center" style="text-center">
180          <!-- troca o src pelo teu ficheiro -->
181          <img src="/cloudbeds/cloudbeds_logo.svg" alt="Cloudbeds" class="integration-logo">
182        </div>
183
184        <h5 class="mb-2">Cloudbeds</h5>
185        <p class="text-muted mb-3">Sincroniza reservas, hóspedes e estados automaticamente.</p>
186
187        <div class="mt-auto">
188          <a href="/ajuda-cloudbeds.html" class="btn btn-success btn-block">Configurar</a>
189        </div>
190      </div>
191    </div>
192  </div>
193
194  <!-- Shopify -->
195  <div class="col-12  mb-3">
196    <div class="card h-100 shadow-sm">
197      <div class="card-body d-flex flex-column">
198        <div class="d-flex justify-content-center align-items-center mb-3 hfix text-center" style="text-center">
199          <img src="/assets/integrations/shopify.png" alt="Shopify" class="integration-logo">
200        </div>
201
202        <h5 class="mb-2">Shopify</h5>
203        <p class="text-muted mb-3">Emite documentos e faz tracking de encomendas e pagamentos.</p>
204
205        <div class="mt-auto">
206          <a href="/shopify.html" class="btn btn-success btn-block">Configurar</a>
207        </div>
208      </div>
209    </div>
210  </div>
211
212  <!-- Webhooks -->
213  <div class="col-12  mb-3">
214    <div class="card h-100 shadow-sm">
215      <div class="card-body d-flex flex-column">
216        <div class="d-flex justify-content-center align-items-center mb-3 hfix">
217          <!-- Ícone simples (SVG inline) -->
218          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16">
219              <path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/>
220            </svg>
221        </div>
222
223        <h5 class="mb-2">Webhooks</h5>
224        <p class="text-muted mb-3">Recebe e envia eventos para integrares com qualquer sistema.</p>
225
226        <div class="mt-auto">
227          <a href="/webhooks.html" class="btn btn-success btn-block">Configurar</a>
228        </div>
229      </div>
230    </div>
231  </div>
232
233  <!-- Zapier (desativado / cinza) -->
234  <div class="col-12  mb-3">
235    <div class="card h-100 shadow-sm" style="opacity:.55;">
236      <div class="card-body d-flex flex-column">
237        <div class="d-flex justify-content-center align-items-center mb-3 hfix">
238          <img src="/assets/integrations/zapier.svg" alt="Zapier" style="max-height:70px; max-width:100%; filter: grayscale(100%);">
239        </div>
240
241        <h5 class="mb-2">Zapier</h5>
242        <p class="text-muted mb-3">Em breve: automações com centenas de apps (modo no-code).</p>
243
244        <div class="mt-auto">
245          <button class="btn btn-outline-secondary btn-block" disabled>Em breve</button>
246        </div>
247      </div>
248    </div>
249  </div>
250</div>
251</div>
252</div>
253</div>
254</section>
255  </main>
256
257      <footer class="bg-dark text-white links-white pb-4 footer-1 pt-5" name="contato" id="contato">
258      <div class="container">
259        <div class="row">
260          <div class="col-xl-4 mr-xl-5 col-md-3 mb-4 mb-md-0">
261            <h5>Bill.pt</h5>
262       
263            <ul class="nav flex-row flex-md-column">
264              <li class="nav-item mr-3 mr-md-0">
265                <div class="px-0 py-2 text-small text-muted">O Bill é um serviço de Faturação online certificado pela autoridade tributaria.</div> 
266              </li>
267              <li class="nav-item mr-3 mr-md-0">
268                <div class="px-0 py-2 text-small text-muted">

268Um software simples de usar e que o permite faturar em qualquer lugar com um preço competitivo.</div>
269              </li>
270             
271            </ul>
272      
273          </div>
274        
275          <div class="col mt-4 mt-md-0 mt-lg-5 mt-xl-0 order-lg-4 order-xl-3">
276            <h5>Menu</h5>
277             <ul class="nav flex-row flex-md-column">
278              <li class="nav-item mr-3 mr-md-0">
279                <a href="http://programafaturacaoonline.com/" target="_blank" class="nav-link fade-page px-0 py-2">Aprenda a usar o Bill</a>
280              </li>
281              <li class="nav-item mr-3 mr-md-0">
282                <a href="/integracoes.html" target="_blank" class="nav-link fade-page px-0 py-2">Integrações com Outras Aplicações</a>
283              </li>
284              <li class="nav-item mr-3 mr-md-0">
285                <a href="/api.html" target="_blank" class="nav-link fade-page px-0 py-2">API - Desenvolvimento</a>
286              </li>
287              <li class="nav-item mr-3 mr-md-0">
288                <a href="https://dev.bill.pt/" target="_blank" class="nav-link fade-page px-0 py-2">Versão Demonstração</a>
289              </li>
290              <li class="nav-item mr-3 mr-md-0">
291                <a href="https://api.bill.pt/"  target="_blank" class="nav-link fade-page px-0 py-2">API Documentação</a>
292              </li>
293            </ul>
294          </div>
295          <div class="col-lg mt-2 mt-md-5 mt-lg-0 order-lg-3 order-xl-4">
296            <h5>Contactar</h5>
297            <div class="card card-body bg-white">
298              
299         <p>Por E-mail: <a href="mailto:[email protected]" target="_blank">[email protected]</a></p>
300         <p>Por Ticket: <a href="https://suporte.bill.pt/" target="_blank">Abrir novo ticket</a></p>
301         <p>EPIC BIT, LDA</p>
302         <p>NIF: 514005947</p>
303            </div>
304          </div>
305        </div>
306        <div class="row">
307          <div class="col">
308            <hr>
309          </div>
310        </div>
311        <div class="row flex-column flex-lg-row align-items-center justify-content-center justify-content-lg-between text-center text-lg-left">
312          <div class="col-auto">
313            <div class="d-flex flex-column flex-sm-row align-items-center text-small">
314      
315              <div class="text-muted"> 2026 &copy;EpicBit, Lda <a href="https://bill.pt/politica-de-privacidade.html" target="_blank">Política de Privacidade</a> | <a href="#" target="_blank">Termos De Serviço</a> |
316                <a rel="nofollow" href="https://www.livroreclamacoes.pt/Inicio/">Livro de Reclamações</a>
317              </div>
318            </div>
319          </div>
320          
321        </div>
322      </div>
323    </footer>
324   <a href="#top" class="btn btn-primary rounded-circle btn-back-to-top" data-smooth-scroll data-aos="fade-up" data-aos-offset="2000" data-aos-mirror="true" data-aos-once="false">
325      <img src="assets/img/icons/interface/icon-arrow-up.svg" alt="Icon" class="icon bg-white" data-inject-svg>
326    </a>
327    
328    

328<script type="text/javascript" src="assets/js/jquery.min.js"></script>

328
329    

329<script type="text/javascript" src="assets/js/popper.min.js"></script>

329
330    

330<script type="text/javascript" src="assets/js/bootstrap.js"></script>

330
331
332    
333
334    
335    

335<script type="text/javascript" src="assets/js/aos.js"></script>

335
336    
337    

337<script type="text/javascript" src="assets/js/clipboard.min.js"></script>

337
338    
339    

339<script type="text/javascript" src="assets/js/jquery.fancybox.min.js"></script>

339
340    
341    

341<script type="text/javascript" src="assets/js/flatpickr.min.js"></script>

341
342    
343    

343<script type="text/javascript" src="assets/js/flickity.pkgd.min.js"></script>

343
344    
345    

345<script type="text/javascript" src="assets/js/ion.rangeSlider.min.js"></script>

345
346    
347    

347<script type="text/javascript" src="assets/js/isotope.pkgd.min.js"></script>

347
348    
349    

349<script type="text/javascript" src="assets/js/jarallax.min.js"></script>

349
350    

350<script type="text/javascript" src="assets/js/jarallax-video.min.js"></script>

350
351    

351<script type="text/javascript" src="assets/js/jarallax-element.min.js"></script>

351
352    
353    

353<script type="text/javascript" src="assets/js/jquery.countdown.min.js"></script>

353
354    
355    

355<script type="text/javascript" src="assets/js/jquery.smartWizard.min.js"></script>

355
356    
357    

357<script type="text/javascript" src="assets/js/plyr.polyfilled.min.js"></script>

357
358    
359    

359<script type="text/javascript" src="assets/js/prism.js"></script>

359
360    
361    

361<script type="text/javascript" src="assets/js/scrollMonitor.js"></script>

361
362    
363    

363<script type="text/javascript" src="assets/js/smooth-scroll.polyfills.min.js"></script>

363
364    
365    

365<script type="text/javascript" src="assets/js/svg-injector.umd.production.js"></script>

365
366    
367    

367<script type="text/javascript" src="assets/js/twitterFetcher_min.js"></script>

367
368    
369    

369<script type="text/javascript" src="assets/js/typed.min.js"></script>

369
370    
371    

371<script type="text/javascript" src="assets/js/theme.js"></script>

371
372    
373    

373<script type="text/javascript">
374      window.addEventListener("load",function(){document.querySelector('body').classList.add('loaded');});
375    </script>

375

376<script>
377  window.addEventListener("load",function(){
378      
379          $('.preco-anual').hide();
380          $('.preco-mensal').show();
381          $('.label-yearly').css('opacity', 0.4);
382          $('.label-monthly').css('opacity', 1);
383        $('#switch-2').on('change', function() {
384               
385                if ($(this).is(":checked")) {
386                   console.log("checked");
387           
388
389          $('.preco-mensal').hide();
390          $('.preco-anual').show();
391          $('.label-monthly').css('opacity', 0.4);
392          $('.label-yearly').css('opacity', 1);
393          
394                } else {
395                    console.log("nao");
396          $('.preco-anual').hide();
397          $('.preco-mensal').show();
398          $('.label-yearly').css('opacity', 0.4);
399          $('.label-monthly').css('opacity', 1);
400          
401
402                }
403            });
404    
405    }
406    
407    );
408    
409    $(document).ready(function() {
410    
411      });
412  </script>

412
413   
414    

414<script type="text/javascript">
415        var Tawk_API = Tawk_API || {},
416            Tawk_LoadStart = new Date();
417        (function() {
418            var s1 = document.createElement("script"),
419                s0 = document.getElementsByTagName("script")[0];
420            s1.async = true;
421            s1.src = 'https://embed.tawk.to/5bf913e940105007f37963f8/default';
422            s1.charset = 'UTF-8';
423            s1.setAttribute('crossorigin', '*');
424            s0.parentNode.insertBefore(s1, s0);
425        })();
426    </script>

426
427    
428  </body>
429</html>