
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Logiciel Catbuilder : gestion et création de catalogues produits B2B</title>
    <meta name="description" content="Catbuilder est un logiciel PIM B2B permettant de gérer vos données produits et de créer automatiquement catalogues, fiches techniques et documents commerciaux.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
	
	<link rel="alternate" hreflang="en" href="https://www.catbuilder.ch/en/news.html">

    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="/vendor/bootstrap/css/bootstrap.min.css">
    <!-- Google fonts-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700">
    <!-- Icon fonts-->
    <link rel="stylesheet" href="/css/pe-icon-7-stroke.css">
    <!-- Lightbox CSS-->
    <link rel="stylesheet" href="/vendor/lightbox2/css/lightbox.min.css">
    <!-- Leaflet CSS-->
    <link rel="stylesheet" href="/vendor/leaflet/leaflet.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="/css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="/css/custom.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.2.1/css/flag-icon.min.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="/img/favicon.png">
    <!-- Tweaks for older IEs--><!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
  </head>
  <body>
    <!-- navbar-->
	<script>
	function global_replace(text,val1,val2)
	{
		if (!text) return '';
		var tab = text.split(val1);
		return tab.join(val2) 	
	}
		
	function changeLanguage(myLang) {
		const url = new URL(window.location.href);
		var myString = String(url.pathname); 	
		
		var current_language = "fr";	
		var language = new Array("fr","en","nl");
		var url_name = new Array();
		
		url_name[0]= new Array("accueil","logiciel","impression","catalogues_interactifs","catalogues_en_ligne","applications_mobiles","middleware","pim","cms","references","nouveautes","contact");
		url_name[1]= new Array("home","software","print","interactive_catalogs","online_catalogs","mobile_applications","middleware","pim","cms","references","news","contact");
		url_name[2]= new Array("welkom","software","drukwerk","interactieve_catalogi","online_catalogi","mobiele_applicaties","middleware","pim","cms","referenties","nieuws","contact");
		
		var index_current_language = language.indexOf(current_language);
		var index_new_language = language.indexOf(myLang);
				
		myString = global_replace(myString,'/'+current_language+'/','/'+myLang+'/');
		
		var p1 = myString.split('/'+myLang+'/');
		var p2 = p1[1].split(".");
		
		var index_current_page = url_name[index_current_language].indexOf(p2[0]);
			
		myString = global_replace(myString,url_name[index_current_language][index_current_page] , url_name[index_new_language][index_current_page]);
		
		url.pathname = myString;
		window.location.href = url.toString();
		
	}
</script>

<!-- navbar-->
<header class="header">
	<nav class="navbar navbar-expand-lg py-lg-0">
		<div class="container">
			<div class="col-2 px-0"><a href="/fr/accueil.html" class="navbar-brand"> <img src="/images/logo-catbuilder.svg" alt="Logo Catbuilder" class="img-fluid mb-1"></a></div>
			<button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right small"><span class="text-uppercase mr-2">Menu</span><i class="fas fa-bars"></i></button>
			<div id="navbarSupportedContent" class="collapse navbar-collapse">
				<ul class="navbar-nav ml-auto d-lg-flex align-items-lg-center">
					<li class="nav-item"><a id="m-home" href="/fr/accueil.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">Accueil </a></li>
					<li class="nav-item"><a id="m-software" href="/fr/logiciel.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">Logiciel </a></li>
			 		<li class="nav-item dropdown"><a id="m-solutions" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4 dropdown-toggle">Solutions </a>
						<div class="dropdown-menu mt-0">
							<a href="/fr/impression.html" class="dropdown-item small text-uppercase">Impression</a>
							<a href="/fr/catalogues_interactifs.html" class="dropdown-item small text-uppercase">Catalogues interactifs</a>
							<a href="/fr/catalogues_en_ligne.html" class="dropdown-item small text-uppercase">Catalogues en ligne et e-shops b2b</a>
							<a href="/fr/applications_mobiles.html" class="dropdown-item small text-uppercase">Applications mobiles</a>
							<a href="/fr/middleware.html" class="dropdown-item small text-uppercase">Middleware</a>
							<a href="/fr/pim.html" class="dropdown-item small text-uppercase">PIM</a>
							<a href="/fr/cms.html" class="dropdown-item small text-uppercase">CMS</a>
						</div>
					</li>
					<li class="nav-item"><a id="m-reference" href="/fr/references.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">Références</a></li>
					<li class="nav-item"><a id="m-news" href="/fr/nouveautes.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">News </a></li>
					<li class="nav-item"><a id="m-contact" href="/fr/contact.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">Contact </a></li>
					<li class="nav-item"><a href="javascript:changeLanguage('en')" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4"><span class="flag-icon flag-icon-gb"> </span></a></li>
					<li class="nav-item"><a href="javascript:changeLanguage('nl')" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4"><span class="flag-icon flag-icon-nl"> </span></a></li>
				</ul>
			</div>
        </div>
	</nav>
</header>	
	<section class="py-5 bg-cover bg-gray">
      <div class="container py-2">
        <div  class="nav">
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/fr/home.html"><i class="fa fa-home" aria-hidden="true"></i></a></li>
            <li aria-current="page" class="breadcrumb-item active">Logiciel</li>
          </ol>
        </div>
        <h1 class="lined">Comment fonctionne Catbuilder ?</h1>
		<h2 class="lead text-left mt-4">Un logiciel de database publishing pour créer et gérer vos catalogues produits.</h2>
		<h3 class="lead text-left mt-4">Catbuilder dispose de sa propre base de données pour importer, centraliser et publier rapidement vos informations produits, au sein d’une application client/serveur mono ou multi-utilisateurs, compatible avec toutes les versions modernes de Windows</h3>
		<div class="container py-2">
			<div class="row align-items-center">
				<!-- Texte -->
				<div class="col-lg-6 mb-4 mb-lg-0">
					<h3 class="lined black">Catbuilder possède trois fonctions principales: </h3>
					<ul class="lead">
						<li><a href="#importation">l'importation et l'enrichissement des données.</a></li>
						<li><a href="#mise_en_page">la mise en page et l'impression.</a></li>
						<li><a href="#publication">la publication.</a></li>
					</ul>
					
				</div>
	
				<!-- Vidéo -->
				<div class="col-lg-6 d-flex justify-content-center">
					<div class="video-responsive">
						<video controls>
							<source src="/videos/video_raphaelo.mp4" type="video/mp4">
							Votre navigateur ne supporte pas la lecture vidéo.
						</video>
					</div>
				</div>
			</div>
		</div>
      </div>
    </section>

	<section class="py-5">
		<div class="container py-2">
			<div class="row align-items-center">
				<div class="col-lg-12 mb-4 mb-lg-0">
					<h2 class="lined black" id="importation">Importation des données</h2>
					<p class="lead text-left mt-4">Catbuilder a sa propre base de données mais notre philosophie c'est d'éviter le double encodage des données.<br><br>Si vos données sont déjà encodées dans votre système de gestion, nous mettrons tous les moyens en oeuvre pour organiser la réplication de ces données dans Catbuilder.<br><br>Nous avons développé au fil des années des outils qui permettent de mettre en place de manière complètement transparente cette réplication.<br><br>Le module d'importation est un de ces outils qui permet de paramétrer aisément la synchronisation des modifications de vos données dans la base de Catbuilder.<br><br>Si la structure de vos données est différente de celle de Catbuilder, cela ne pose aucun problème car il est possible de transformer le flux d'importation pour que les deux structures soient compatibles. Il n'est donc pas nécessaire que vous adaptiez votre structure de base de données, Catbuilder va s'adapter.<br><br>Si votre base de données n'est pas accessible ou si vous n'avez pas de base de données, le module d'importation est capable de travailler sur bien d'autres sources de données. Par exemple, le module est capable d'importer des fichiers XSLX, XML, JSON, CSV, TXT ou de <strong>se connecter directement au web service de</strong> Prestashop, Magento, Odoo , <strong>ou encore à un PIM/DAM comme</strong> Akeneo et Keepeek pour récupérer des photos... et bien d'autres encore.<br><br>Notre grande force, c'est de pouvoir <strong>s'adapter à toutes sources de données</strong> en évitant de faire un développement sur mesure mais en intégrant une nouvelle fonctionnalité au module, ce qui fait que, ce que vous avez besoin, est probablement déjà développé.<br><br></p>
				</div>
				<div class="col-lg-12 mb-4 mb-lg-0">
					<h2 class="lined black">Enrichissement des données</h2>
					<p class="lead text-left mt-4">Les données importées ne suffisent pas toujours à produire un catalogue de qualité, la plupart du temps il faut les enrichir.<br><br>Enrichir cela veut dire les compléter. Les données provenant d'un ERP sont en général destinées à établir une facture et manquent souvent d'attributs descriptifs lorsqu'il faut faire un catalogue. Catbuilder permet d'enrichir les données importées sans casser le processus de réplication.<br><br>Enrichir cela veut aussi dire structurer. La structure familles / sous-familles récupérée par le processus de réplication de l'ERP n'est pas toujours celle que l'on veut pour un catalogue. Là aussi Catbuilder peut gérer plusieurs structures grâce à un mécanisme exclusif de <strong>raccourcis</strong> qui permet de structurer des catalogues à l'infini sans altérer la réplication.<br><br>Catbuilder offre de nombreuses fonctions pour enrichir les données comme le copier / coller de masse très puissant pour ajouter des caractéristiques ou encore l'importation par lot des images en local ou sur internet.<br><br>L'interface de Catbuilder est simple et intuitif et s'utilise comme un programme bureautique classique.<br><br></p>
				</div>
			</div>
		</div>
	</section>
	<section class="py-5 bg-gray">
		<div class="container py-2">
			<div class="row align-items-center">
				<div class="col-lg-12 mb-4 mb-lg-0 " >
					<h2 class="lined black" id="mise_en_page">Mise en page</h2>
					<p class="lead text-left mt-4">Dans Catbuilder vous définissez vous-même, de manière très simple, la mise en page de votre catalogue. L'application permet de créer divers <strong>objets graphiques</strong> (masques de présentation, en-têtes, pieds de page, fonds de page, débuts de chapitres…) qui jouent le rôle de plans de montage dans lesquels vous indiquez les emplacements de vos données (libellés, descriptions, listes, tableaux, images, …) qui doivent apparaître dans votre support commercial.<br><br>Ces objets graphiques peuvent s’appliquer à l’ensemble des produits contenus dans vos supports (catalogues, tarifs, fiches produits…) et vous permettent de réaliser ces derniers en un temps record.<br><br>Vous pouvez également créer des objets différents par chapitre, par gamme de produit ou par produit et adapter votre charte graphique en fonction du public cible et/ou des supports utilisés.<br><br>Catbuilder possède des fonctions avancées de gestion de textes, d’images et de définitions de tableaux.<br><br>Le résultat obtenu est très dynamique, si vous intercalez des produits ou des publicités ou si vous changez l'ordre des produits et des chapitres, Catbuilder va être capable de <strong>tout remettre en page sans aucune intervention manuelle</strong>, y compris l'ajustement de la découpe des tableaux.<br><br>Catbuilder permet également de générer automatiquement différents types d’index et tables des matières.<br><br>En fait, vous pouvez tout gérer dans Catbuilder, y compris la couverture et le dos de couverture du catalogue.<br><br>Catbuilder autorise la <strong>gestion des langues</strong> et il vous est possible de publier vos supports commerciaux dans la langue que vous souhaitez afin de réaliser des documents monolingues ou multilingues, sans perdre pour autant les mises en pages désirées.<br>Vous voulez mettre en place la technique d'impression de "changement de langue dans le noir" des textes pour faire des économies d'impression? Rien de plus facile avec Catbuilder qui est capable de prendre en compte la langue qui prend le plus de place afin de figer la position des objets en couleur.<br><br>Il est également très aisé de gérer un affichage variable des prix (avec ou sans prix, en plusieurs devises). En outre, il est possible d’utiliser des formules de calcul avec Catbuilder.<br><br></p>
				</div>
				<div class="col-lg-12 mb-4 mb-lg-0 bg-gray">
					<h2 class="lined black">Impression</h2>
					<p class="lead text-left mt-4">L'impression finalement est une simple formalité.<br>Avec Catbuilder il est possible de <strong>générer le catalogue tous les jours</strong>, de l'envoyer en relecture aux responsables produits, de le corriger et ensuite de le regénérer pour un nouveau cycle de lecture / correction.<br><br>Si ce cycle est mis en place quelques semaines avant le jour J, l'impression finale sera forcément bonne et sans surprise.<br><br>Tout au plus doit-on prévoir dans Catbuilder quelques traitements supplémentaires si le document doit sortir en quadri, mais seulement sur la dernière version, celle qui sera envoyée pour le bon à tirer.<br><br>Catbuilder génère un fichier PDF, qui sera transmit à l'imprimeur ou imprimé en interne. Ce PDF peut également être enrichi d'hyperliens et de signets pour faciliter la consultation interne ou créer des liens vers une fiche produit à télécharger ou vers l'article sur le magasin en ligne. Un PDF ainsi enrichi est une base idéale pour un flip book ou pour une application mobile.<br><br></p>
				</div>
			</div>
		</div>
	</section>
	<section class="py-5 ">
		<div class="container py-2">
			<div class="row align-items-center">
				<div class="col-lg-12 mb-lg-0">
					<h2 class="lined black" id="publication">Publication</h2>
					<p class="lead text-left mt-4">La publication est prise en charge par le module Catsite. C'est un module <strong>paramétrable</strong> qui permet de publier en HTTP(S) ou FTP, les données en les encapsulant dans des langages aussi variés que le HTML, Javascript, PHP, ASP ou simplement sous des formats de fichier XML, Json, csv, txt...<br><br>En fait il n'y a pas de limite à la mise en forme de la publication car elle se base sur des structures définies par l'utilisateur dans lesquels on va insérer les données, un peu comme du publipostage lorsqu'on fusionne les adresses avec un modèle d'enveloppe.<br>Quelle que soit la forme que vous voulez donner à votre publication, c'est possible.<br><br>La publication est par défaut adaptée à la publication des données sur le catalogue en ligne <strong>Catbuilder Showcase</strong> avec un protocole de type SOAP.<br><br><strong>Catbuilder Showcase</strong> est la solution idéale pour mettre en place un catalogue intranet / extranet b2b et diffuser toutes les informations produit en interne ou à vos partenaires et clients professionnels. Cette solution offre aux utilisateurs, un accès aux produits et un réapprovisionnement optimisé et rapide. Elle offre également la possibilité de créer une offre pour leurs propres clients avec la constitution d'un dossier technique associé à l'offre sous la forme d'un catalogue.<br><br>Si vous avez votre propre catalogue en ligne et votre propre protocole, il est possible de développer des <strong>plug-ins</strong> qui permettent de l'intégrer dans le processus de publication.<br><br></p>
				</div>
			</div>
		</div>
	</section>
	
	<section class="py-5">
<div class="container mt-5">
	<h2 class="lined black">Questions et réponses sur Catbuilder</h2>
	<div id="accordion">
    <div class="card">
      <div class="card-header" id="heading1">
        <h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapse1">Est-ce que Catbuilder permet d’intégrer ma charte graphique dans les catalogues créés ?</button></h3>
      </div>
      <div id="collapse1" class="collapse" data-parent="#accordion">
        <div class="card-body">
          <h3 class="text-small ml-4">Oui, Catbuilder reprend fidèlement vos polices, votre logo et vos couleurs pour garantir un rendu totalement conforme à votre <a href="/fr/impression.html">identité visuelle.</a></h3>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="card-header" id="heading2">
        <h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapse2">Peut-on ajouter des hyperliens et des signets dans les catalogues digitaux ?</button></h3>
      </div>
      <div id="collapse2" class="collapse" data-parent="#accordion">
        <div class="card-body">
          <h3 class="text-small ml-4">Oui, le PDF peut intégrer des <a href="/fr/catalogues_interactifs.html">liens cliquables</a>, des signets et des renvois vers vos fiches produits ou votre boutique en ligne. Cela rend la navigation beaucoup plus simple.</h3>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="card-header" id="heading3">
        <h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapse3">Est-ce que mes clients peuvent passer des commandes sur un site fait par Catbuilder ?</button></h3>
      </div>
      <div id="collapse3" class="collapse" data-parent="#accordion">
        <div class="card-body">
          <h3 class="text-small ml-4">Oui, vos clients B2B peuvent commander rapidement et efficacement depuis l’interface. Une option de <a href="/fr/catalogues_en_ligne.html">paiement en ligne</a> peut aussi être activée si nécessaire.</h3>
        </div>
      </div>
    </div>	
    <div class="card">
      <div class="card-header" id="heading4">
        <h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapse4">Que permettent les applications mobiles Catbuilder ?</button></h3>
      </div>
      <div id="collapse4" class="collapse" data-parent="#accordion">
        <div class="card-body">
          <h3 class="text-small ml-4">Elles offrent une consultation complète de votre catalogue et la possibilité de passer des commandes depuis <a href="/fr/applications_mobiles.html">un smartphone ou une tablette.</a> Tout est pensé pour simplifier le travail sur le terrain.</h3>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="card-header" id="heading5">
        <h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapse5">Quel est le rôle de Catbuilder en tant que middleware ?</button></h3>
      </div>
      <div id="collapse5" class="collapse" data-parent="#accordion">
        <div class="card-body">
          <h3 class="text-small ml-4">Catbuilder agit comme un <a href="/fr/middleware.html">pont central entre vos différents systèmes informatiques.</a> Il facilite la communication et la synchronisation des données produits, clients et commandes.</h3>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="card-header" id="heading6">
        <h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapse6">Catbuilder prend-il en charge la norme ETIM ?</button></h3>
      </div>
      <div id="collapse6" class="collapse" data-parent="#accordion">
        <div class="card-body">
          <h3 class="text-small ml-4">Oui, Catbuilder gère parfaitement la <a href="/fr/pim.html">norme ETIM.</a> Il peut aussi fonctionner avec n’importe quelle autre norme internationale.</h3>
        </div>
      </div>
    </div>	
<div class="card">
      <div class="card-header" id="heading7">
        <h3 class="mb-0"><button class="btn btn-link" data-toggle="collapse" data-target="#collapse7">Catbuilder peut-il aider à améliorer la visibilité de mes contenus sur internet ?</button></h3>
      </div>
      <div id="collapse7" class="collapse" data-parent="#accordion">
        <div class="card-body">
          <h3 class="text-small">Oui, en générant un HTML complet et optimisé, Catbuilder facilite <a href="/fr/cms.html">l’indexation et le référencement</a> naturel. Vos pages sont mieux classées et plus visibles pour vos visiteurs. </h3>
        </div>
      </div>
    </div>	
  </div>
</div>
</section>    <footer style="background: #eee;" class="pt-5">
      <div class="container py-2">
        <div class="row">
          <div class="col-lg-8 col-md-6 mb-4">
            <p class="lined lined-dark mb-3">À propos de Catbuilder</p>
            <p class="text-small">Logiciel PIM conçu pour centraliser les données produits et créer des catalogues personnalisés, <strong>Catbuilder</strong> aide les entreprises B2B (industries, fabricants et distributeurs) à diffuser leurs documents commerciaux sur tous supports.<br><br>
			Wood&d sa, société belge active depuis près de 30 ans, en assure le développement et l’évolution continue.</p>
          </div>
          <div class="col-lg-4 col-md-6 mb-4">
            <p class="lined lined-dark mb-3">Bureaux</p>
            <p class="mb-0 text-small">Wood&d sa</p>
            <p class="mb-0 text-small">Voie Maréchal Grouchy, 24</p>
            <p class="mb-0 text-small">B-1300 Wavre</p>
            <p class="mb-4 text-small">info@catbuilder.be</p>
			<p class="mb-4 text-small">Tél: +32 (0)473 91 53 88</p>
          </div>
		  
		  
		  



		  
		  
          <div class="col-lg-4 col-md-6 mb-4">
			<img src="/img/favicon.png" alt="Catbuilder icon" class="img-fluid mb-4">
          </div>
          <div class="col-lg-4 col-md-6 mb-4">
            <p class="lined lined-dark mb-3">Soyons amis</p>
            <ul class="list-inline">
              <li class="list-inline-item"><a title="Linkedin" href="https://be.linkedin.com/company/catbuilder" class="social-link"><i class="fab fa-linkedin-in"></i></a></li>
              <li class="list-inline-item"><a title="Email" href="mailto:info@catbuilder.be" class="social-link"><i class="fas fa-envelope"></i></a></li>
            </ul>
          </div>
          <div class="col-lg-4 col-md-6">
            <p class="lined lined-dark mb-3">Newsletter</p>
            <p class="mb-4 text-small">Inscrivez vous pour avoir de temps en temps des nouvelles de Catbuilder.</p>
              <form action="newsletter.asp" method="post">
                <div class="input-group mb-3">
				<script>d = new Date(); document.write('<input type="hid'+'den" name="v'+'rif" value="lhjglchb54'+d.getDay()+'5vkjbchkjds">');</script>
                  
                  <input type="text" name="email" placeholder="Email" aria-label="Email" aria-describedby="basic-addon2" class="form-control">
                  <div class="input-group-append">
                    <button id="basic-addon2" type="submit" class="input-group-text" title="Inscription Newsletter"><i class="fas fa-paper-plane"></i></button>
                  </div>
				  
                </div>
              </form>
            
          </div>
        </div>
      </div>
      <div class="bg-dark py-4">    
        <div class="container">
          <div class="row">
            <div class="col-lg-6 text-center text-lg-left mb-1 mb-lg-0">
              <p class="small text-gray mb-0">©Catbuilder sarl</p>
            </div>
          </div>
        </div>
      </div>
    </footer>	


    <!-- JavaScript files-->
    <script src="/vendor/jquery/jquery.min.js"></script>
    <script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="/vendor/lightbox2/js/lightbox.min.js"></script>
    <script src="/vendor/leaflet/leaflet.js"></script>
    <script src="/js/front.js"></script>
		<script>
		$( "#m-software" ).addClass( "active" );

		(function() {
			$('<i id="back-to-top" style="z-index:99999"></i>').appendTo($('body'));

			$(window).scroll(function() {

				if($(this).scrollTop() != 0) {
					$('#back-to-top').fadeIn();	
				} else {
					$('#back-to-top').fadeOut();
				}

			});
			
			$('#back-to-top').click(function() {
				$('body,html').animate({scrollTop:0},600);
			});	

		})();
	</script>
    <!-- FontAwesome CSS - loading as last, so it doesn't block rendering-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  </body>
</html>