Nous utilisons des cookies pour améliorer votre expérience. En savoir plus
Eventmaker.io éditeur n°1 de logiciel SaaS pour les salons
Organisateurs de salons : attirez plus de visiteurs, fidélisez vos exposants et gagnez en productivité
Ils nous font confiance
This is a popup form placeholder. Double-click it to edit your form.
L'Usine Extraordinaire 2018
Vos bénéfices
Améliorez le ROI de vos exposants, en les aidant à mieux s'organiser et à rencontrer plus de prospects ciblés
Augmentez le nombre d'inscriptions et de visiteurs grâce à des outils marketing de pointe
Réduisez vos coûts d'accueil tout en apportant un parcours client sur mesure
Grâce à nos fonctionnalités
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/oeuZ" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Invitez vos visiteurs, vos exposants et leurs clients</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/4FMr" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Créez tous vos types de formulaires</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/kqFq" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Collectez le paiement correspondant au panier d'inscription</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/Fq2r" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Centralisez vos données du début à la fin de votre salon</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<style> .container { position: relative; width: 100%; } .image { display: block; width: 100%; height: auto; } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .25s ease; background-color: #009688; } .container:hover .overlay { opacity: 1; } .text { color: white; font-size: 17px; font-family: 'Roboto'; font-weight: 600; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } </style> <div class="container"> <img src="https://gdurl.com/KzBd" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Paramétrez un connecteur CRM pour décupler les possibilités</div> </div> </div>
Pré-enregistrement des visiteurs
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/fzEA" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Gérez toutes les langues de votre événement simplement</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/ToWU" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Construisez votre site web en quelques clics</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/yOu3" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Permettez à vos invités d'ajouter des collaborateurs</div> </div> </div>
Gestion des exposants
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/EVKA" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Offrez des espaces dédiés à vos exposants</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/5_g7" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Laissez vos exposants commander les badges dont ils ont besoin</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/kXXt" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Donnez la parole à vos exposants</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/HVbE" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Gérer vos programmes de conférences</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/mTiO" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Offrez une vitrine de choix à vos exposants</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/oeuZ" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Permettez à vos exposants d'inviter leurs clients</div> </div> </div>
Accueil sur site
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/6ouI" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Mesurez la satisfaction de vos participants via des enquêtes</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/3QAh" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Contrôlez les accès à chaque lieu de passage</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/5_g7" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Imprimez tous les types de badges de votre salon</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/LuGo" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Optimisez votre gestion grâce aux statistiques en temps réel</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/RK3J" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Aidez vos exposants à détecter des opportunités qualifiées</div> </div> </div>
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div class="container"> <img src="https://gdurl.com/zmC6" alt="Avatar" class="image"> <div class="overlay"> <div class="text">Gardez un temps d'avance avec les notifications</div> </div> </div>
Pour des améliorations concrètes
De baisse des coûts d'accueil
De contacts mieux qualifiés
De satisfaction
/
/
/
/
De productivité en plus
Ils témoignent
/
Bruno Assogna - Cosmetic Valley
“Grâce aux conseils des équipes d'Eventmaker, l'intégration avec Eudonet a été simple à mettre en oeuvre. Cela nous permet d'optimiser les usages de notre CRM et de rentabiliser davantage notre investissement”
Yassine El Manouar - Corp Agency
“Sur nos plus gros événements, la solution Eventmaker nous a permis de mettre en place des processus d'inscription en ligne personnalisés, un accueil sur site fonctionnel réduisant les temps d'attente et de rendre autonome les hôtesses, les exposants et les visiteurs.”
/
Lors de centaines de salons chaque année
This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<style> @import url('https://fonts.googleapis.com/css?family=Roboto'); img{ min-width: 100%; } .sr-only{ position: absolute; left: -9999999px; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } //carousel start .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: 'Roboto'; line-height: 1; } .carousel-caption { font-family: 'Roboto'; font-size: 22px; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } //carousel-end </style> <div class="container"> <div id="myCarousel2" class="carousel slide" data-ride="carousel"> <!-- Indicators <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1" class=""></li> <li data-target="#myCarousel" data-slide-to="2" class=""></li> <li data-target="#myCarousel" data-slide-to="3" class=""></li> </ol>--> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <img src="https://gdurl.com/bi0E" style="width:100%;"> <div class="carousel-caption"> <h3>Top recrutement 2019</h3> <p>Infopro Digital</p> </div> </div> <div class="item"> <img src="https://gdurl.com/xST7" style="width:100%;"> <div class="carousel-caption"> <h3>Big Data Paris</h3> <p>Corp Agency</p> </div> </div> <div class="item"> <img src="https://gdurl.com/Ir98" style="width:100%;"> <div class="carousel-caption"> <h3>Stand Speak Rise Up!</h3> <p>The Grand Duchess Of Luxembourg</p> </div> </div> <div class="item"> <img src="https://gdurl.com/4xP7" style="width:100%;"> <div class="carousel-caption"> <h3>Salons Sidec</h3> <p>Sonepar</p> </div> </div> </div> <!-- Left and right controls --> <a class="left carousel-control" href="#myCarousel2" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left">&#60;</span> <span class="sr-only">Précédent</span> </a> <a class="right carousel-control" href="#myCarousel2" data-slide="next"> <span class="glyphicon glyphicon-chevron-right">&#62;</span> <span class="sr-only">Suivant</span> </a> </div> </div> <script> +function ($) { 'use strict'; // CSS TRANSITION SUPPORT (Shoutout: https://www.modernizr.com/) // ============================================================ function transitionEnd() { var el = document.createElement('bootstrap') var transEndEventNames = { WebkitTransition : 'webkitTransitionEnd', MozTransition : 'transitionend', OTransition : 'oTransitionEnd otransitionend', transition : 'transitionend' } for (var name in transEndEventNames) { if (el.style[name] !== undefined) { return { end: transEndEventNames[name] } } } return false // explicit for ie8 ( ._.) } // http://blog.alexmaccaw.com/css-transitions $.fn.emulateTransitionEnd = function (duration) { var called = false var $el = this $(this).one('bsTransitionEnd', function () { called = true }) var callback = function () { if (!called) $($el).trigger($.support.transition.end) } setTimeout(callback, duration) return this } $(function () { $.support.transition = transitionEnd() if (!$.support.transition) return $.event.special.bsTransitionEnd = { bindType: $.support.transition.end, delegateType: $.support.transition.end, handle: function (e) { if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) } } }) }(jQuery); +function ($) { 'use strict'; // CAROUSEL CLASS DEFINITION // ========================= var Carousel = function (element, options) { this.$element = $(element) this.$indicators = this.$element.find('.carousel-indicators') this.options = options this.paused = null this.sliding = null this.interval = null this.$active = null this.$items = null this.options.keyboard && this.$element.on('keydown.bs.carousel', $.proxy(this.keydown, this)) this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element .on('mouseenter.bs.carousel', $.proxy(this.pause, this)) .on('mouseleave.bs.carousel', $.proxy(this.cycle, this)) } Carousel.VERSION = '3.3.5' Carousel.TRANSITION_DURATION = 600 Carousel.DEFAULTS = { interval: 5000, pause: 'hover', wrap: true, keyboard: true } Carousel.prototype.keydown = function (e) { if (/input|textarea/i.test(e.target.tagName)) return switch (e.which) { case 37: this.prev(); break case 39: this.next(); break default: return } e.preventDefault() } Carousel.prototype.cycle = function (e) { e || (this.paused = false) this.interval && clearInterval(this.interval) this.options.interval && !this.paused && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) return this } Carousel.prototype.getItemIndex = function (item) { this.$items = item.parent().children('.item') return this.$items.index(item || this.$active) } Carousel.prototype.getItemForDirection = function (direction, active) { var activeIndex = this.getItemIndex(active) var willWrap = (direction == 'prev' && activeIndex === 0) || (direction == 'next' && activeIndex == (this.$items.length - 1)) if (willWrap && !this.options.wrap) return active var delta = direction == 'prev' ? -1 : 1 var itemIndex = (activeIndex + delta) % this.$items.length return this.$items.eq(itemIndex) } Carousel.prototype.to = function (pos) { var that = this var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active')) if (pos > (this.$items.length - 1) || pos < 0) return if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) // yes, "slid" if (activeIndex == pos) return this.pause().cycle() return this.slide(pos > activeIndex ? 'next' : 'prev', this.$items.eq(pos)) } Carousel.prototype.pause = function (e) { e || (this.paused = true) if (this.$element.find('.next, .prev').length && $.support.transition) { this.$element.trigger($.support.transition.end) this.cycle(true) } this.interval = clearInterval(this.interval) return this } Carousel.prototype.next = function () { if (this.sliding) return return this.slide('next') } Carousel.prototype.prev = function () { if (this.sliding) return return this.slide('prev') } Carousel.prototype.slide = function (type, next) { var $active = this.$element.find('.item.active') var $next = next || this.getItemForDirection(type, $active) var isCycling = this.interval var direction = type == 'next' ? 'left' : 'right' var that = this if ($next.hasClass('active')) return (this.sliding = false) var relatedTarget = $next[0] var slideEvent = $.Event('slide.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) this.$element.trigger(slideEvent) if (slideEvent.isDefaultPrevented()) return this.sliding = true isCycling && this.pause() if (this.$indicators.length) { this.$indicators.find('.active').removeClass('active') var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)]) $nextIndicator && $nextIndicator.addClass('active') } var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid" if ($.support.transition && this.$element.hasClass('slide')) { $next.addClass(type) $next[0].offsetWidth // force reflow $active.addClass(direction) $next.addClass(direction) $active .one('bsTransitionEnd', function () { $next.removeClass([type, direction].join(' ')).addClass('active') $active.removeClass(['active', direction].join(' ')) that.sliding = false setTimeout(function () { that.$element.trigger(slidEvent) }, 0) }) .emulateTransitionEnd(Carousel.TRANSITION_DURATION) } else { $active.removeClass('active') $next.addClass('active') this.sliding = false this.$element.trigger(slidEvent) } isCycling && this.cycle() return this } // CAROUSEL PLUGIN DEFINITION // ========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.carousel') var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) var action = typeof option == 'string' ? option : options.slide if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) if (typeof option == 'number') data.to(option) else if (action) data[action]() else if (options.interval) data.pause().cycle() }) } var old = $.fn.carousel $.fn.carousel = Plugin $.fn.carousel.Constructor = Carousel // CAROUSEL NO CONFLICT // ==================== $.fn.carousel.noConflict = function () { $.fn.carousel = old return this } // CAROUSEL DATA-API // ================= var clickHandler = function (e) { var href var $this = $(this) var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7 if (!$target.hasClass('carousel')) return var options = $.extend({}, $target.data(), $this.data()) var slideIndex = $this.attr('data-slide-to') if (slideIndex) options.interval = false Plugin.call($target, options) if (slideIndex) { $target.data('bs.carousel').to(slideIndex) } e.preventDefault() } $(document) .on('click.bs.carousel.data-api', '[data-slide]', clickHandler) .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler) $(window).on('load', function () { $('[data-ride="carousel"]').each(function () { var $carousel = $(this) Plugin.call($carousel, $carousel.data()) }) }) }(jQuery); $('.carousel').carousel({ interval: 0 }); </script>
Programmez une démonstration avec l'un de nos experts
© Copyright 2009 - 2019
/