
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Contact and demonstration of the Catbuilder PIM software</title>
    <meta name="description" content="Contact the Catbuilder team for a demonstration of the PIM software and discover how to automate your B2B product catalogs.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
	
	<link rel="alternate" hreflang="fr" href="https://www.catbuilder.eu/fr/contact.html">
	<link rel="alternate" hreflang="nl" href="https://www.catbuilder.eu/nl/contact.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]-->
		
	<script src="https://www.google.com/recaptcha/enterprise.js?render=6LfEMOwrAAAAAFJgfHd9vgR4zOjitgQDGelIl4W8"></script>
  </head>
  <body>
    <!-- navbar-->
	<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XLVYWK4Z83"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XLVYWK4Z83');
</script>

<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 = "en";	
		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]);
	
		if (index_current_page == -1 ){
			myString = p1[0]+"/"+myLang;
		}else{
			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="/en/" 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="/en/" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">Home </a></li>
					<li class="nav-item"><a id="m-software" href="/en/software.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">Software </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="/en/print.html" class="dropdown-item small text-uppercase">Print</a>
							<a href="/en/interactive_catalogs.html" class="dropdown-item small text-uppercase">Interactive catalogs</a>
							<a href="/en/online_catalogs.html" class="dropdown-item small text-uppercase">Online catalogs and B2B e-shops</a>
							<a href="/en/mobile_applications.html" class="dropdown-item small text-uppercase">Mobile applications</a>
							<a href="/en/middleware.html" class="dropdown-item small text-uppercase">Middleware</a>
							<a href="/en/pim.html" class="dropdown-item small text-uppercase">PIM</a>
							<a href="/en/cms.html" class="dropdown-item small text-uppercase">CMS</a>
						</div>
					</li>
					<li class="nav-item"><a id="m-reference" href="/en/references.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">References</a></li>
					<li class="nav-item"><a id="m-news" href="/en/news.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="/en/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('fr')" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4"><span class="flag-icon flag-icon-fr"> </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="/en/"><i class="fa fa-home" aria-hidden="true"></i></a></li>
            <li aria-current="page" class="breadcrumb-item active">Contact</li>
          </ol>
        </div>
        <h1 class="lined">Contact</h1>
		<p class="mb-3 text-small">At Catbuilder, we are a close-knit, highly responsive team that has been supporting clients in all types of sectors for almost 30 years, including sanitary ware, hardware, home decor, textiles, food, electronics, agriculture, heating, tools, and publishing, throughout Europe… and even beyond! <br>We love creating much more than just catalogs: websites, applications, interactive catalogs… anything that helps our clients communicate effectively from every angle.<br>We support them from start to finish, personalizing each project and ensuring everything works simply and efficiently.</p>
        <h2 class="lead my-4">Feel free to contact us so that we can arrange a demonstration together using your own data.</h2>
      </div>
    </section>
	<section class="py-5">
      <div class="container py-2">
        <div class="row">
          <div class="col-lg-4">
            <div class="row">
              <div class="col-lg-12 col-md-6 mb-4">
                <div class="icon mb-4"><i class="pe-7s-map-2"></i></div>
                <h3 class="lined mb-4">Address</h3>
                <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-0 text-small"><strong>Belgique </strong></p>
              </div>
              <div class="col-lg-12 col-md-6 mb-4">
                <div class="icon mb-4"><i class="pe-7s-mail-open"></i></div>
                <h3 class="lined mb-4">Electronic media</h3>
                <p class="mb-3 text-small">Ask your technical questions via our support email address : support@catbuilder.biz</p>
              </div>
            </div>
          </div>
          <div class="col-lg-7 ml-auto" id="formulaire">
            <div class="col-lg-12 col-md-6 mb-4">
              <div class="icon mb-4"><i class="pe-7s-pen"></i></div>
              <h3 class="lined mb-4">Contact form</h3>
              <p class="text-small">Send your message, a product manager will contact you as soon as possible.</p>
              <form id="contact-form" method="post" action="contact.asp" class="contact-form form needs-validation">
  				<script>d = new Date(); document.write('<input type="hid'+'den" name="xv'+'rifx" value="lhjglchb54'+d.getDay()+'9vkjbchkjds">');</script>

                <div class="row">
                  <div class="form-group col-lg-6">
                    <label for="name" class="font-weight-normal">First name</label>
                    <input id="name" type="text" name="xnamex" class="form-control" required>
                  </div>
                  <div class="form-group col-lg-6">
                    <label for="surname" class="font-weight-normal">Name</label>
                    <input id="surname" type="text" name="xsurnamex" class="form-control" required>
                  </div>
                  <div class="form-group col-lg-6">
                    <label for="company" class="font-weight-normal">Company</label>
                    <input id="company" type="text" name="xcompanyx" class="form-control">
                  </div>
                  <div class="form-group col-lg-6">
                    <label for="subject" class="font-weight-normal">Phone</label>
                    <input id="subject" type="text" name="xphonex" class="form-control">
                  </div>
                  <div class="form-group col-lg-12">
                    <label for="email" class="font-weight-normal">Email</label>
                    <input id="email" type="email" name="xemailx" class="form-control" required>
                  </div>
                  <div class="form-group col-lg-12">
                    <label for="message" class="font-weight-normal" >Message</label>
                    <textarea id="message" rows="4" name="xmessagex" class="form-control"></textarea>
                  </div>

                  <div class="form-group col-lg-12">
					<input type="hidden" name="recaptcha" id="recaptcha" value="">
                    <button type="submit"  class="btn btn-outline-primary form-control"> <i class="far fa-envelope mr-2"> </i>Send the message</button>
                  </div>
                </div>
              </form>
            </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">About Catbuilder</p>
            <p class="text-small">PIM software designed to centralize product data and create personalized catalogs, <strong>Catbuilder</strong> helps B2B companies (industries, manufacturers and distributors) to distribute their commercial documents on all media.<br><br>Wood&d sa, A Belgian company active for almost 30 years ensures its development and continuous evolution.</p>
          </div>
          <div class="col-lg-4 col-md-6 mb-4">
            <p class="lined lined-dark mb-3">Offices</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">Let's be friends</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">Sign up to receive occasional updates from 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="Newsletter Subscription"><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> 
	
<!-- Replace the variables below. -->

		(() => {
		  'use strict'
		  // Fetch all the forms we want to apply custom Bootstrap validation styles to
		  const forms = document.querySelectorAll('.needs-validation')
		  // Loop over them and prevent submission
		  Array.from(forms).forEach(form => {
			form.addEventListener('submit', event => {
				//prevent the form from being submitted
				event.preventDefault()
				if (!form.checkValidity()) {        
					event.stopPropagation()
					form.classList.add('was-validated')
				}else{
					//when bootstrap validates the form, get the reCAPTCHA token, populate the hidden field value and submit the form
					grecaptcha.enterprise.ready(async () => {
						const token = await grecaptcha.enterprise.execute('6LfEMOwrAAAAAFJgfHd9vgR4zOjitgQDGelIl4W8', {action: 'CONTACT'});
						document.getElementById("recaptcha").value = token;
						form.submit();
					});
				}
			}, false)
		  })
		})()





		$( "#m-cont" ).addClass( "active" );
		var map = L.map('map').setView([46.202, 6.894], 10);

		L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
			attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
		}).addTo(map);

		L.marker([46.202, 6.894]).addTo(map)
			.bindPopup('Catbuilder sarl')
			.openPopup();

		(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>