{"id":196,"date":"2019-08-26T04:19:33","date_gmt":"2019-08-26T04:19:33","guid":{"rendered":"https:\/\/blog.kenzap.com\/?p=196"},"modified":"2019-12-02T01:22:31","modified_gmt":"2019-12-02T01:22:31","slug":"comment-cr%C3%A9er-une-salle-de-concert-personnalis%C3%A9e-dans-wordpress-avec-r%C3%A9servation","status":"publish","type":"post","link":"https:\/\/kenzap.blog\/fr\/comment-cr%C3%A9er-une-salle-de-concert-personnalis%C3%A9e-dans-wordpress-avec-r%C3%A9servation\/","title":{"rendered":"Comment cr\u00e9er une salle de concert personnalis\u00e9e dans WordPress avec r\u00e9servation de place"},"content":{"rendered":"<p>Cet article est destin\u00e9 \u00e0 ceux qui veulent cr\u00e9er leur propre salle de concert, stade ou autre salle de pr\u00e9sentation dans WordPress qui prend en charge la r\u00e9servation de si\u00e8ges et la vente de billets. <\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.kenzap.com\/wp-content\/uploads\/2019\/08\/i163_search-1.jpeg\" alt=\"\" class=\"wp-image-197\"\/><\/figure>\n<\/div>\n<p>Avant de continuer, il est possible que vous ayez d&#8217;abord besoin d&#8217;installer ces choses :<\/p>\n<ul>\n<li>Configuration de l&#8217;environnement WordPress<\/li>\n<li><a href=\"https:\/\/kenzap.blog\/fr\/quest-ce-que-myticket-events-plugin-et-comment-inscrire-votre-premier-\u00e9v\u00e9nement\/\">Plugin MyTicket Events<\/a> install\u00e9<\/li>\n<li>Plugin WooCommerce install\u00e9<\/li>\n<li>Image de votre mise en page tel qu&#8217;illustr\u00e9 ci-dessus<\/li>\n<\/ul>\n<p>Si vous n&#8217;avez pas votre propre environnement WordPress, vous pouvez utiliser <a href=\"https:\/\/kenzap.com\/signin\/install.php?website=ticketing\">gratuitement Kenzap Cloud<\/a> \u00e0 des fins de test avec la mise en page du hall de d\u00e9monstration d\u00e9j\u00e0 charg\u00e9 dans le produit ou consulter l&#8217;<a href=\"http:\/\/ticketing.as.kenzap.com\/concert-hall\/\">aper\u00e7u de d\u00e9monstration en direct du hall<\/a>.<\/p>\n<h2>1. Cr\u00e9er des zones<\/h2>\n<p>Pour commencer \u00e0 cr\u00e9er votre premier mod\u00e8le de r\u00e9servation de places, vous devez d&#8217;abord attribuer des zones logiques et les relier \u00e0 l&#8217;image de votre mod\u00e8le. Pour ce faire, vous pouvez utiliser notre logiciel de cartographie d&#8217;images en ligne. Allez dans <a href=\"https:\/\/kenzap.com\/account\/\">Mon compte<\/a> puis <em>Autres services &gt; MyTicket.<\/em> <\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.kenzap.com\/wp-content\/uploads\/2019\/08\/myticket_seat_reservation_dashboard-1200x684.jpg\" alt=\"\" class=\"wp-image-203\"\/><\/figure>\n<\/div>\n<p>L&#8217;image ci-dessus montre MyTicket Dashboard. Cliquez sur le bouton <strong>Cr\u00e9er une nouvelle mise en page<\/strong> et indiquez le titre de la mise en page. Une fois le mod\u00e8le ajout\u00e9, la nouvelle ligne appara\u00eetra. Cliquez sur <em>Option &gt; Modifier pour<\/em> continuer. Dans la nouvelle fen\u00eatre, glissez-d\u00e9posez votre image dans le conteneur &#8220;<strong>Glissez une image de votre mod\u00e8le ci-dessous&#8221;<\/strong> puis <strong>T\u00e9l\u00e9chargez ce mod\u00e8le<\/strong>.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.kenzap.com\/wp-content\/uploads\/2019\/08\/zone_seats_assign-1200x883.jpg\" alt=\"\" class=\"wp-image-209\"\/><\/figure>\n<\/div>\n<p>Vous pouvez maintenant commencer \u00e0 dessiner des zones en haut si votre mise en page d&#8217;image. Avec le bouton gauche de la souris, cliquez sur l&#8217;endroit o\u00f9 vous souhaitez commencer \u00e0 dessiner (g\u00e9n\u00e9ralement un coin d&#8217;un secteur) et d\u00e9placez le curseur de la souris vers l&#8217;endroit suivant o\u00f9 vous voulez fixer la position de la ligne. Continuez jusqu&#8217;\u00e0 ce que vous atteigniez votre point de d\u00e9part en cliquant exactement sur le m\u00eame point carr\u00e9. <\/p>\n<p>De cette fa\u00e7on, vous pouvez cr\u00e9er des zones de forme personnalis\u00e9e comme Rectangulaire ou Polygone qui r\u00e9p\u00e8te certains \u00e9l\u00e9ments de votre image de mise en page. <\/p>\n<blockquote class=\"wp-block-quote\">\n<p>Pour annuler le dessin de la zone avant qu&#8217;il ne soit finalis\u00e9, cliquez sur le bouton du clavier <strong>ESC<\/strong>. Ceci n&#8217;affectera pas les zones pr\u00e9c\u00e9dentes.<\/p>\n<\/blockquote>\n<p>Notez qu&#8217;il y a une barre de navigation \u00e0 onglets au-dessus de la zone de dessin qui prend en charge les fonctionnalit\u00e9s suivantes :<\/p>\n<ul>\n<li><strong>draw<\/strong> &#8211; active le mode de dessin de zone comme expliqu\u00e9 ci-dessus.<\/li>\n<li>mode<strong> \u00e9dition<\/strong> &#8211; mode o\u00f9 les zones cr\u00e9\u00e9es peuvent \u00eatre supprim\u00e9es ou modifi\u00e9es.<\/li>\n<li><strong>seats<\/strong> &#8211; mode o\u00f9 les si\u00e8ges peuvent \u00eatre assign\u00e9s \u00e0 la zone.<\/li>\n<li><strong>Enregistrer<\/strong> &#8211; enregistrer de fa\u00e7on permanente les modifications enregistr\u00e9es dans votre compte.<\/li>\n<li><strong>reset<\/strong> &#8211; tout recommencer depuis le d\u00e9but.<\/li>\n<li><strong>exporter<\/strong> &#8211; exporter la mise en page vers votre site web. <\/li>\n<\/ul>\n<p>En mode <strong>\u00e9dition<\/strong>, vous pouvez modifier les zones cr\u00e9\u00e9es. Par exemple, cliquez sur le point de la zone pour d\u00e9placer les lignes adjacentes ou cliquez sur la zone elle-m\u00eame pour tout d\u00e9placer vers un autre emplacement. Remarque : vous pouvez utiliser les <strong>touches fl\u00e9ch\u00e9es de<\/strong> la souris ou du <strong>clavier<\/strong> pendant cette op\u00e9ration.<\/p>\n<blockquote class=\"wp-block-quote\">\n<p>Pour supprimer la zone, cliquez sur le bouton <strong>Supprimer du<\/strong> clavier lorsqu&#8217;elle est s\u00e9lectionn\u00e9e.<\/p>\n<\/blockquote>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.kenzap.com\/wp-content\/uploads\/2019\/08\/draw_seat_zones-1200x809.jpg\" alt=\"\" class=\"wp-image-221\"\/><\/figure>\n<\/div>\n<p>Une fois que toutes les zones sont attach\u00e9es \u00e0 l&#8217;image, vous pouvez cr\u00e9er un plan de salle qui est disponible pour la r\u00e9servation de billets individuels.<\/p>\n<h2>2. Attribuer un plan de cabine<\/h2>\n<p> Pour commencer \u00e0 attribuer des si\u00e8ges, vous devez d&#8217;abord passer en mode <strong>si\u00e8ges<\/strong> \u00e0 partir de l&#8217;onglet de navigation ci-dessus, puis s\u00e9lectionner la zone. La fen\u00eatre modale s&#8217;affiche. Avant de cliquer sur Continuer, remplissez les informations suivantes :<\/p>\n<ul>\n<li>Nombre de billets sans r\u00e9servation de place<\/li>\n<li>Nombre de billets avec r\u00e9servation de si\u00e8ge<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/blog.kenzap.com\/wp-content\/uploads\/2019\/08\/seat_map_attaching-1200x636.jpg\" alt=\"\" class=\"wp-image-224\"\/><\/figure>\n<\/div>\n<p>Il suffit de glisser-d\u00e9poser les si\u00e8ges un par un dans la zone. Assurez-vous d&#8217;ajuster la <strong>taille du si\u00e8ge<\/strong> \u00e0 l&#8217;aide du curseur situ\u00e9 dans le coin sup\u00e9rieur gauche de l&#8217;\u00e9cran. Par d\u00e9faut, chaque si\u00e8ge a un num\u00e9ro affich\u00e9 au milieu du cercle.\n<\/p>\n<p>Une fois que les si\u00e8ges sont plac\u00e9s dans la zone, il est recommand\u00e9 d&#8217;entrer son num\u00e9ro de si\u00e8ge et son num\u00e9ro de rang\u00e9e personnalis\u00e9s car ces informations seront utilis\u00e9es lors du processus de r\u00e9servation et affich\u00e9es \u00e0 la caisse et lors de l&#8217;impression des billets en format PDF. Une fois les si\u00e8ges fix\u00e9s \u00e0 la zone, fermez la fen\u00eatre en cliquant sur la croix rouge. <\/p>\n<blockquote class=\"wp-block-quote\">\n<p>N&#8217;oubliez pas d&#8217;enregistrer les modifications en cliquant sur le bouton <strong>Enregistrer<\/strong> de la barre de navigation. Ceci conservera vos modifications r\u00e9centes m\u00eame si vous rechargez la page ou si vous fermez la fen\u00eatre du navigateur. <\/p>\n<\/blockquote>\n<p>R\u00e9p\u00e9tez la proc\u00e9dure de fixation du si\u00e8ge jusqu&#8217;\u00e0 ce que toutes les zones soient finalis\u00e9es. <\/p>\n<h2>3. Publier Hall en ligne<\/h2>\n<p>Maintenant que toutes les zones sont cr\u00e9\u00e9es et les si\u00e8ges attach\u00e9s, il est temps de publier votre disposition interactive des si\u00e8ges sur votre site Web. Cliquez sur le bouton <strong>Exporter<\/strong> de la barre de navigation et copiez le code JSON dans la fen\u00eatre fournie. Ensuite, votre administrateur WordPress va dans <em>Pages &gt; Ajouter nouveau et<\/em> trouve le bloc MyTicket <strong>Hall Gutenberg<\/strong>.<\/p>\n<blockquote class=\"wp-block-quote\">\n<p>Notez que cette \u00e9tape n\u00e9cessite l&#8217;installation du plugin MyTicket Events.<\/p>\n<\/blockquote>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.kenzap.com\/wp-content\/uploads\/2019\/08\/myticket_events_hall_creation-1200x770.jpg\" alt=\"\" class=\"wp-image-231\"\/><\/figure>\n<p>Une fois que le bloc est ajout\u00e9 \u00e0 la page, il chargera automatiquement l&#8217;espace r\u00e9serv\u00e9 par d\u00e9faut du hall. Ceci est uniquement \u00e0 des fins de repr\u00e9sentation et aura un aper\u00e7u diff\u00e9rent sur le frontend de votre site web. Assurez-vous que le bloc est mis au point de fa\u00e7on \u00e0 ce qu&#8217;il charge un volet de r\u00e9glages suppl\u00e9mentaires sur la droite. <\/p>\n<blockquote class=\"wp-block-quote\">\n<p>Sous ce volet, trouvez <strong>Layout &gt; Seat Code<\/strong> et collez le code JSON que vous avez copi\u00e9 pr\u00e9c\u00e9demment.<\/p>\n<\/blockquote>\n<p>Sous le volet de droite, vous pouvez trouver d&#8217;autres param\u00e8tres relatifs aux largeurs, aux rembourrages, aux couleurs, etc.<\/p>\n<h2>4. Lien WooCommerce avec r\u00e9servations <\/h2>\n<p>D\u00e9sormais, votre site Web dispose d&#8217;un agencement de hall fonctionnel et interactif int\u00e9gr\u00e9. Il r\u00e9pond aux \u00e9v\u00e9nements en vol stationnaire et \u00e0 la s\u00e9lection de si\u00e8ges, mais il n&#8217;est pas encore li\u00e9 \u00e0 WooCommerce et n&#8217;est pas encore pr\u00eat \u00e0 vendre des billets en ligne. <\/p>\n<p>Pour r\u00e9soudre ce probl\u00e8me, allez dans la section produits de votre administrateur WordPress, cr\u00e9ez un nouveau produit, remplissez la case <strong>MyTicket Extra Details<\/strong> :<\/p>\n<ul>\n<li>D\u00e9but de l&#8217;\u00e9v\u00e9nement<\/li>\n<li>Fin de l&#8217;\u00e9v\u00e9nement<\/li>\n<li>Lieu Titre<\/li>\n<li>Lieu Adresse<\/li>\n<\/ul>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.kenzap.com\/wp-content\/uploads\/2019\/08\/myticket_extra_event_fields-1200x699.jpg\" alt=\"\" class=\"wp-image-236\"\/><\/figure>\n<p>Trouvez maintenant le num\u00e9ro d&#8217;<strong>identification<\/strong> du produit \u00e0 partir de l&#8217;URL de votre navigateur. Certains navigateurs peuvent le masquer avant de cliquer sur la fen\u00eatre URL. Sur la base de l&#8217;exemple de l&#8217;image ci-dessous, l&#8217;ID du produit est 2577. <\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.kenzap.com\/wp-content\/uploads\/2019\/08\/Screen-Shot-2019-08-26-at-5.16.23-PM-1024x531.png\" alt=\"\" class=\"wp-image-241\"\/><\/figure>\n<p>Cet ID de produit doit \u00eatre copi\u00e9 dans <em>MyTicket Hall &gt; G\u00e9n\u00e9ral &gt; <\/em>Param\u00e8tres de l&#8217;<em>ID de produit <\/em>sous le panneau de droite. Cela devrait suffire pour commencer \u00e0 vendre vos premiers billets lors de la r\u00e9servation de places en utilisant un am\u00e9nagement personnalis\u00e9 de la salle ou du stade. <\/p>\n<h2>Guide vid\u00e9o<\/h2>\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\">\n<div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Creating Seat Reservation in WordPress [Concert Halls]\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/qaWxx2ud-aI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div>\n<\/figure>\n<h2>Articles connexes<\/h2>\n<h4><a href=\"https:\/\/kenzap.blog\/fr\/quest-ce-que-myticket-events-plugin-et-comment-inscrire-votre-premier-\u00e9v\u00e9nement\/\">Qu&#8217;est-ce que MyTicket Events Plugin et comment lister votre premier \u00e9v\u00e9nement ?<\/a><\/h4>\n<h4><a href=\"https:\/\/kenzap.blog\/fr\/comment-utiliser-lapplication-myticket-scanner-pour-valider\/\">Comment utiliser l&#8217;application MyTicket Scanner pour valider les billets ?<\/a><\/h4>\n<h4><a href=\"https:\/\/kenzap.blog\/fr\/comment-personnaliser-un-ticket-pdf-avec-myticket-events-plugin\/\">Comment personnaliser un ticket PDF avec MyTicket Events Plugin ?<\/a><\/h4>\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cet article est destin\u00e9 \u00e0 ceux qui veulent cr\u00e9er leur propre salle de concert, stade ou autre salle de pr\u00e9sentation dans WordPress qui prend en charge la r\u00e9servation de si\u00e8ges et la vente de billets. Avant de continuer, il est possible que vous ayez d&#8217;abord besoin d&#8217;installer ces choses : Configuration de l&#8217;environnement WordPress Plugin &hellip; <a href=\"https:\/\/kenzap.blog\/fr\/comment-cr%C3%A9er-une-salle-de-concert-personnalis%C3%A9e-dans-wordpress-avec-r%C3%A9servation\/\" class=\"more-link\">Continue reading <\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,2,9,4,5],"tags":[],"_links":{"self":[{"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/posts\/196"}],"collection":[{"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/comments?post=196"}],"version-history":[{"count":0,"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/posts\/196\/revisions"}],"wp:attachment":[{"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/media?parent=196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/categories?post=196"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/tags?post=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}