{"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:23:32","modified_gmt":"2019-12-02T01:23:32","slug":"wie-man-eine-individuelle-konzerthalle-in-wordpress-mit-platzreservierung","status":"publish","type":"post","link":"https:\/\/kenzap.blog\/de\/wie-man-eine-individuelle-konzerthalle-in-wordpress-mit-platzreservierung\/","title":{"rendered":"Wie man eine individuelle Konzerthalle in WordPress mit Platzreservierung erstellt"},"content":{"rendered":"<p>Dieser Artikel ist f\u00fcr diejenigen gedacht, die ihr eigenes Konzerthaus, Stadion oder ein anderes Veranstaltungslayout in WordPress erstellen m\u00f6chten, das Sitzplatzreservierung und Ticketverkauf unterst\u00fctzt. <\/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>Bevor Sie fortfahren, m\u00fcssen Sie diese Dinge m\u00f6glicherweise zuerst einrichten:<\/p>\n<ul>\n<li>WordPress Umgebungseinstellungen<\/li>\n<li><a href=\"https:\/\/kenzap.blog\/de\/n-a\/\">MyTicket Events Plugin<\/a> installiert<\/li>\n<li>WooCommerce Plugin installiert<\/li>\n<li>Bild Ihres Layouts wie oben gezeigt<\/li>\n<\/ul>\n<p>Falls Sie noch keine eigene WordPress-Umgebung haben, k\u00f6nnen Sie die <a href=\"https:\/\/kenzap.com\/signin\/install.php?website=ticketing\">kostenlose Kenzap Cloud<\/a> zu Testzwecken mit bereits im Produkt geladenem Demo-Hallenlayout verwenden oder auf die <a href=\"http:\/\/ticketing.as.kenzap.com\/concert-hall\/\">Live-Hallen-Demo-Vorschau<\/a> verweisen.<\/p>\n<h2>1. Zonen erstellen<\/h2>\n<p>Um mit der Erstellung Ihres ersten Sitzplatzreservierungslayouts zu beginnen, m\u00fcssen Sie zun\u00e4chst logische Zonen zuordnen und diese mit Ihrem Layoutbild verkn\u00fcpfen. Zu diesem Zweck k\u00f6nnen Sie unsere Online-Bildbearbeitungssoftware verwenden. Gehen Sie zu <a href=\"https:\/\/kenzap.com\/account\/\">Mein Konto<\/a> dann <em>Andere Dienste &gt; MeinTicket.<\/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>Das Bild oben zeigt das MyTicket Dashboard. Klicken Sie auf die Schaltfl\u00e4che <strong>Neues Layout erstellen<\/strong> und geben Sie den Layouttitel ein. Sobald das Layout hinzugef\u00fcgt wurde, erscheint die neue Zeile. Klicken Sie auf <em>Option &gt; Bearbeiten, um<\/em> fortzufahren. Im neuen Fenster ziehen Sie Ihr Bild per Drag &amp; Drop in den Container &#8220;<strong>Drag an image of your layout below&#8221;<\/strong> und <strong>laden Sie dann dieses Layout hoch.<\/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>Jetzt kannst du anfangen, Zonen oben auf deinem Bild zu zeichnen. Klicken Sie mit der linken Maustaste auf die Stelle, an der Sie mit dem Zeichnen beginnen m\u00f6chten (normalerweise eine Ecke eines Sektors) und navigieren Sie mit dem Mauszeiger zur n\u00e4chsten Stelle, an der Sie die Position der Linie festlegen m\u00f6chten. Fahren Sie fort, bis Sie Ihren Ausgangspunkt erreicht haben, indem Sie genau auf den gleichen quadratischen Punkt klicken. <\/p>\n<p>Auf diese Weise k\u00f6nnen Sie benutzerdefinierte Zonen wie Rechteck oder Polygon erstellen, die bestimmte Elemente Ihres Layoutbildes wiederholen. <\/p>\n<blockquote class=\"wp-block-quote\">\n<p>Um die Zonenzeichnung abzubrechen, bevor sie abgeschlossen ist, klicken Sie auf die Schaltfl\u00e4che <strong>ESC-Tastatur<\/strong>. Dies hat keinen Einfluss auf die vorherigen Zonen.<\/p>\n<\/blockquote>\n<p>Beachten Sie, dass es oberhalb des Zeichenbereichs eine tabellarische Navigationsleiste gibt, die die folgenden Funktionen unterst\u00fctzt:<\/p>\n<ul>\n<li><strong>Zeichnen<\/strong> &#8211; schaltet den Zonenzeichnungsmodus ein, wie oben beschrieben.<\/li>\n<li><strong>Bearbeiten<\/strong> &#8211; Modus, in dem erstellte Zonen entfernt oder ge\u00e4ndert werden k\u00f6nnen.<\/li>\n<li><strong>Sitze<\/strong> &#8211; Modus, in dem der Zone Sitze zugewiesen werden k\u00f6nnen.<\/li>\n<li><strong>Speichern<\/strong> &#8211; speichert \u00c4nderungen dauerhaft, die unter Ihrem Konto gespeichert sind.<\/li>\n<li><strong>Reset<\/strong> &#8211; alles von Anfang an starten.<\/li>\n<li><strong>export<\/strong> &#8211; Layout auf Ihre Website exportieren. <\/li>\n<\/ul>\n<p>Im <strong>Bearbeitungsmodus<\/strong> k\u00f6nnen Sie die erstellten Zonen \u00e4ndern. Klicken Sie beispielsweise auf den Punkt der Zone, um benachbarte Linien zu verschieben, oder auf den Zonenbereich selbst, um alles an einen anderen Ort zu verschieben. Beachten Sie, dass Sie w\u00e4hrend dieses Vorgangs die <strong>Pfeiltasten<\/strong> der Maus oder <strong>Tastatur<\/strong> verwenden k\u00f6nnen.<\/p>\n<blockquote class=\"wp-block-quote\">\n<p>Um die Zone zu entfernen, klicken Sie auf die Schaltfl\u00e4che <strong>Delete<\/strong> keyboard, w\u00e4hrend sie ausgew\u00e4hlt ist.<\/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>Sobald alle Zonen an das Bild angeh\u00e4ngt sind, k\u00f6nnen Sie eine Sitzkarte erstellen, die f\u00fcr die individuelle Ticketreservierung verf\u00fcgbar ist.<\/p>\n<h2>2. Sitzkarte zuweisen<\/h2>\n<p> Um mit der Sitzplatzvergabe zu beginnen, m\u00fcssen Sie zun\u00e4chst von der Navigationsleiste oben in den <strong>Sitzmodus<\/strong> wechseln und dann die Zone ausw\u00e4hlen. Das modale Fenster wird angezeigt. Bevor Sie auf Weiter klicken, geben Sie die folgenden Informationen ein:<\/p>\n<ul>\n<li>Anzahl der Tickets ohne Platzreservierung<\/li>\n<li>Anzahl der Tickets mit Platzreservierung<\/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>Ziehen Sie den Sitz einfach per Drag &amp; Drop nacheinander in die Zone. Stellen Sie sicher, dass Sie die <strong>Sitzgr\u00f6\u00dfe<\/strong> mit Hilfe des Schiebers in der linken oberen Ecke des Bildschirms einstellen. Standardm\u00e4\u00dfig hat jeder Sitzplatz eine Zahl, die in der Mitte des Kreises angezeigt wird. <\/p>\n<p>Sobald die Pl\u00e4tze in der Zone platziert sind, wird empfohlen, die benutzerdefinierte Sitzplatz- und Reihennummer einzugeben, da diese Informationen w\u00e4hrend des Buchungsprozesses verwendet und bei der Kasse und beim Ausdruck von PDF-Tickets angezeigt werden. Nachdem die Sitze an der Zone befestigt sind, schlie\u00dfen Sie das Fenster, indem Sie auf das rote Kreuz klicken. <\/p>\n<blockquote class=\"wp-block-quote\">\n<p>Vergessen Sie nicht, die \u00c4nderungen zu speichern, indem Sie in der Navigationsleiste auf die Schaltfl\u00e4che <strong>Speichern<\/strong> klicken. Dadurch bleiben Ihre letzten \u00c4nderungen erhalten, auch wenn Sie die Seite neu laden oder das Browserfenster schlie\u00dfen. <\/p>\n<\/blockquote>\n<p>Wiederholen Sie den Vorgang der Sitzbefestigung, bis alle Zonen abgeschlossen sind. <\/p>\n<h2>3. Halle online ver\u00f6ffentlichen<\/h2>\n<p>Jetzt, da alle Zonen erstellt und alle Pl\u00e4tze angeh\u00e4ngt sind, ist es an der Zeit, Ihr interaktives Sitzlayout auf Ihrer Website zu ver\u00f6ffentlichen. Klicken Sie auf die Schaltfl\u00e4che <strong>Export<\/strong> in der Navigationsleiste und kopieren Sie den JSON-Code aus dem entsprechenden Fenster. Dann geht Ihr WordPress-Administrator zu <em>Pages &gt; Add New und<\/em> findet den Block MyTicket <strong>Hall Gutenberg<\/strong>.<\/p>\n<blockquote class=\"wp-block-quote\">\n<p>Beachten Sie, dass dieser Schritt die Installation des MyTicket Events Plugins erfordert.<\/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>Sobald der Block zur Seite hinzugef\u00fcgt wird, wird er automatisch als Standardplatzhalter f\u00fcr die Halle geladen. Dies dient nur zu Darstellungszwecken und hat eine andere Vorschau auf dem Frontend Ihrer Website. Vergewissern Sie sich, dass der Block scharf gestellt ist, so dass er zus\u00e4tzliche Einstellungsfenster auf der rechten Seite l\u00e4dt. <\/p>\n<blockquote class=\"wp-block-quote\">\n<p>Suchen Sie in diesem Bereich <strong>Layout &gt; Sitzplatzcode<\/strong> und f\u00fcgen Sie den JSON-Code ein, den Sie zuvor kopiert haben.<\/p>\n<\/blockquote>\n<p>Im rechten Bereich finden Sie weitere verschiedene Einstellungen zu Breiten, Polstern, Farben usw.<\/p>\n<h2>4. Link WooCommerce mit Reservierungen <\/h2>\n<p>Jetzt hat Ihre Website eine funktionierende und interaktive Hallenaufteilung integriert. Es reagiert auf Hover-Events und die Auswahl der Pl\u00e4tze, ist aber noch nicht mit WooCommerce verbunden und nicht bereit, Tickets online zu verkaufen. <\/p>\n<p>Um dies zu l\u00f6sen, gehen Sie von Ihrem WordPress-Administrator zum Produktbereich, erstellen Sie ein neues Produkt, f\u00fcllen Sie das Feld <strong>MyTicket Extra Details<\/strong> aus:<\/p>\n<ul>\n<li>Ereignis beginnt<\/li>\n<li>Veranstaltungsende<\/li>\n<li>Standorttitel<\/li>\n<li>Standortadresse<\/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>Suchen Sie nun die <strong>Produkt-ID-Nummer<\/strong> \u00fcber die URL Ihres Browsers. Einige Browser k\u00f6nnen es ausblenden, bevor Sie auf das URL-Fenster klicken. Basierend auf dem Beispiel aus dem unteren Bild ist die Produkt-ID 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>Diese Produkt-ID sollte in <em>MyTicket Hall &gt; General &gt; Product ID <\/em>settings unter dem rechten Fensterbereich kopiert werden. Dies sollte ausreichen, um Ihre ersten Tickets mit Sitzplatzreservierung in kundenspezifischen Hallen- und Stadionlayouts zu verkaufen. <\/p>\n<h2>Videoanleitung<\/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>\u00c4hnliche Artikel<\/h2>\n<h4><a href=\"https:\/\/kenzap.blog\/de\/n-a\/\">Was ist das MyTicket Events Plugin und wie listet man sein erstes Event auf?<\/a><\/h4>\n<h4><a href=\"https:\/\/kenzap.blog\/how-to-use-myticket-scanner-app-to-validate-tickets\/\">Wie verwendet man MyTicket Scanner App, um Tickets zu validieren?<\/a><\/h4>\n<h4><a href=\"https:\/\/kenzap.blog\/de\/n-a\/\">Wie kann man PDF-Ticket mit dem MyTicket Events Plugin anpassen?<\/a><\/h4>\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dieser Artikel ist f\u00fcr diejenigen gedacht, die ihr eigenes Konzerthaus, Stadion oder ein anderes Veranstaltungslayout in WordPress erstellen m\u00f6chten, das Sitzplatzreservierung und Ticketverkauf unterst\u00fctzt. Bevor Sie fortfahren, m\u00fcssen Sie diese Dinge m\u00f6glicherweise zuerst einrichten: WordPress Umgebungseinstellungen MyTicket Events Plugin installiert WooCommerce Plugin installiert Bild Ihres Layouts wie oben gezeigt Falls Sie noch keine eigene WordPress-Umgebung &hellip; <a href=\"https:\/\/kenzap.blog\/de\/wie-man-eine-individuelle-konzerthalle-in-wordpress-mit-platzreservierung\/\" 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\/de\/wp-json\/wp\/v2\/posts\/196"}],"collection":[{"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/comments?post=196"}],"version-history":[{"count":0,"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/posts\/196\/revisions"}],"wp:attachment":[{"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/media?parent=196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/categories?post=196"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kenzap.blog\/de\/wp-json\/wp\/v2\/tags?post=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}