{"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:57","modified_gmt":"2019-12-02T01:22:57","slug":"c%C3%B3mo-crear-una-sala-de-conciertos-personalizada-en-wordpress-con-reserva-de","status":"publish","type":"post","link":"https:\/\/kenzap.blog\/es\/c%C3%B3mo-crear-una-sala-de-conciertos-personalizada-en-wordpress-con-reserva-de\/","title":{"rendered":"C\u00f3mo crear una sala de conciertos personalizada en WordPress con reserva de asientos"},"content":{"rendered":"<p>Este art\u00edculo est\u00e1 dirigido a aquellos que quieran crear su propio Auditorio, Estadio u otro dise\u00f1o relacionado con el lugar de celebraci\u00f3n en WordPress que soporte las capacidades de Reservaci\u00f3n de Asientos y venta de entradas. <\/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>Antes de continuar, es posible que necesite configurar estas cosas primero:<\/p>\n<ul>\n<li>Configuraci\u00f3n del entorno WordPress<\/li>\n<li><a href=\"https:\/\/kenzap.blog\/es\/qu\u00e9-es-myticket-events-plugin-y-c\u00f3mo-listar-su-primer\/\">Plugin MyTicket Events<\/a> instalado<\/li>\n<li>WooCommerce plugin instalado<\/li>\n<li>Imagen de su dise\u00f1o como se muestra arriba<\/li>\n<\/ul>\n<p>En caso de que no tenga su propio entorno WordPress, puede utilizar <a href=\"https:\/\/kenzap.com\/signin\/install.php?website=ticketing\">Kenzap Cloud gratuito<\/a> para realizar pruebas con el dise\u00f1o de la sala de demostraciones ya cargado en el producto o consultar la <a href=\"http:\/\/ticketing.as.kenzap.com\/concert-hall\/\">vista previa de la sala de demostraciones en vivo<\/a>.<\/p>\n<h2>1. Crear Zonas<br \/>\n<\/h2>\n<p>Para empezar a crear su primer dise\u00f1o de reserva de asientos, primero debe asignar zonas l\u00f3gicas y enlazarlas con su imagen de dise\u00f1o. Para ello puede utilizar nuestro software de mapeo de im\u00e1genes en l\u00ednea. Vaya a <a href=\"https:\/\/kenzap.com\/account\/\">Mi Cuenta<\/a> y luego a <em>Otros Servicios &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>La imagen de arriba muestra MyTicket Dashboard. Haga clic en el bot\u00f3n <strong>Crear nuevo dise\u00f1o<\/strong> y proporcione el t\u00edtulo del dise\u00f1o. Una vez a\u00f1adida la maqueta, aparecer\u00e1 la nueva fila. Haga clic en <em>Opci\u00f3n &gt; Editar para<\/em> continuar. En la nueva ventana, arrastre y suelte su imagen en el contenedor &#8220;<strong>Arrastre una imagen de su dise\u00f1o abajo&#8221;<\/strong> y, a continuaci\u00f3n, <strong>cargue este dise\u00f1o<\/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>Ahora puede empezar a dibujar zonas en la parte superior de la imagen. Con el bot\u00f3n izquierdo del rat\u00f3n, haga clic en el lugar en el que desea empezar a dibujar (normalmente una esquina de un sector) y navegue con el cursor del rat\u00f3n hasta el siguiente lugar en el que desea fijar la posici\u00f3n de la l\u00ednea. Contin\u00fae hasta llegar a su punto de partida haciendo clic exactamente en el mismo punto cuadrado. <\/p>\n<p>De este modo, puede crear zonas con formas personalizadas, como Rect\u00e1ngulo o Pol\u00edgono, que repiten ciertos elementos de su imagen de dise\u00f1o. <\/p>\n<blockquote class=\"wp-block-quote\">\n<p>Para cancelar el dibujo de la zona antes de que se finalice, haga clic en el bot\u00f3n <strong>ESC<\/strong> del teclado. Esto no afectar\u00e1 a las zonas anteriores.<\/p>\n<\/blockquote>\n<p>Tenga en cuenta que hay una barra de navegaci\u00f3n con fichas encima del \u00e1rea de dibujo que admite las siguientes funciones:<\/p>\n<ul>\n<li><strong>draw<\/strong> &#8211; activa el modo de dibujo de zonas como se explic\u00f3 anteriormente.<\/li>\n<li><strong>edit<\/strong> &#8211; modo donde las zonas creadas pueden ser eliminadas o modificadas.<\/li>\n<li><strong>seats<\/strong> &#8211; modo en el que los asientos pueden asignarse a la zona.<\/li>\n<li><strong>save<\/strong> &#8211; almacena permanentemente los cambios almacenados en tu cuenta.<\/li>\n<li><strong>reset<\/strong> &#8211; empezar todo desde el principio.<\/li>\n<li><strong>exportar<\/strong> &#8211; exportar el dise\u00f1o a su sitio web. <\/li>\n<\/ul>\n<p>Durante el modo de <strong>edici\u00f3n<\/strong> puede modificar las zonas creadas. Por ejemplo, haga clic en el punto de la zona para reubicar las l\u00edneas adyacentes o haga clic en el \u00e1rea de la zona en s\u00ed para reubicarlo todo en otra ubicaci\u00f3n. Nota: puede utilizar las <strong>teclas de flecha<\/strong> del rat\u00f3n o <strong>del teclado<\/strong> durante esta operaci\u00f3n.<\/p>\n<blockquote class=\"wp-block-quote\">\n<p>Para eliminar la zona, haga clic en el bot\u00f3n <strong>Eliminar<\/strong> teclado mientras est\u00e1 seleccionada.<\/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>Una vez que todas las zonas est\u00e1n adjuntas a la imagen, puede crear un mapa de asientos que est\u00e1 disponible para la reservaci\u00f3n de boletos individuales.<\/p>\n<h2>2. Asignar Mapa de Asientos<\/h2>\n<p> Para empezar a asignar asientos, primero debe cambiar al modo de <strong>asientos<\/strong> en la pesta\u00f1a de navegaci\u00f3n de arriba y luego seleccionar la zona. Aparecer\u00e1 la ventana modal. Antes de hacer clic en Continuar, rellene la siguiente informaci\u00f3n:<\/p>\n<ul>\n<li>N\u00famero de billetes sin reserva de asiento<\/li>\n<li>N\u00famero de billetes con reserva de asiento<\/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>Simplemente arrastre y suelte el asiento uno por uno en la zona. Aseg\u00farese de ajustar <strong>el tama\u00f1o del asiento<\/strong> con la ayuda del deslizador situado en la esquina superior izquierda de la pantalla. Por defecto, cada asiento tiene un n\u00famero que aparece en el centro del c\u00edrculo. <\/p>\n<p>Una vez que los asientos est\u00e1n colocados en la zona, se recomienda introducir su n\u00famero de fila y asiento personalizado, ya que esta informaci\u00f3n se utilizar\u00e1 durante el proceso de reserva y se mostrar\u00e1 en el momento de la compra y en la impresi\u00f3n del billete en formato PDF. Una vez que los asientos est\u00e9n conectados a la zona, cierre la ventana haciendo clic en la cruz roja. <\/p>\n<blockquote class=\"wp-block-quote\">\n<p>No olvide guardar los cambios haciendo clic en el bot\u00f3n de <strong>guardar<\/strong> de la barra de navegaci\u00f3n. Esto mantendr\u00e1 sus modificaciones recientes incluso si recarga la p\u00e1gina o cierra la ventana del navegador. <\/p>\n<\/blockquote>\n<p>Repita el procedimiento de fijaci\u00f3n del asiento hasta que todas las zonas hayan finalizado. <\/p>\n<h2>3. Publicar Hall Online<\/h2>\n<p>Ahora que todas las zonas han sido creadas y los asientos est\u00e1n conectados, es el momento de publicar el dise\u00f1o interactivo de su asiento en su sitio web. Haga clic en el bot\u00f3n <strong>Exportar<\/strong> de la barra de navegaci\u00f3n y copie el c\u00f3digo JSON de la ventana proporcionada. A continuaci\u00f3n, su administrador de WordPress ir a <em>P\u00e1ginas &gt; A\u00f1adir nuevo y<\/em> encontrar el bloque MyTicket <strong>Hall Gutenberg<\/strong>.<\/p>\n<blockquote class=\"wp-block-quote\">\n<p>Tenga en cuenta que este paso requiere que el plugin MyTicket Events est\u00e9 instalado.<\/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>Una vez que el bloque es agregado a la p\u00e1gina, autom\u00e1ticamente cargar\u00e1 el marcador de posici\u00f3n de sala por defecto. Esto es s\u00f3lo con fines de representaci\u00f3n y tendr\u00e1 una vista previa diferente en la interfaz de su sitio web. Aseg\u00farese de que el bloque est\u00e1 enfocado para que cargue el panel de ajustes adicional a la derecha. <\/p>\n<blockquote class=\"wp-block-quote\">\n<p>En este panel, busque <strong>Dise\u00f1o &gt; C\u00f3digo de asiento<\/strong> y pegue el c\u00f3digo JSON que haya copiado anteriormente.<\/p>\n<\/blockquote>\n<p>Bajo el panel derecho puede encontrar otros ajustes relacionados con el ancho, los acolchados, los colores, etc.<\/p>\n<h2>4. Enlace WooCommerce con Reservas<br \/>\n<\/h2>\n<p>Ahora su sitio web tiene un dise\u00f1o de vest\u00edbulo funcional e interactivo integrado. Responde a eventos de flotaci\u00f3n y selecci\u00f3n de asientos, pero a\u00fan no est\u00e1 vinculado con WooCommerce y no est\u00e1 listo para vender entradas en l\u00ednea. <\/p>\n<p>Para resolver este problema, vaya a la secci\u00f3n de productos de su administrador de WordPress, cree un nuevo producto, rellene la casilla <strong>MyTicket Extra Details (Detalles adicionales de MyTicket<\/strong>):<\/p>\n<ul>\n<li>Comienza el evento<\/li>\n<li>Fin del evento<\/li>\n<li>Lugar T\u00edtulo<\/li>\n<li>Ubicaci\u00f3n Direcci\u00f3n<\/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>Ahora encuentre el n\u00famero de <strong>identificaci\u00f3n<\/strong> del producto en la URL de su navegador. Algunos navegadores pueden ocultarlo antes de hacer clic en la ventana URL. Basado en el ejemplo de la imagen de abajo, el ID del producto es 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>Este ID de producto debe copiarse en <em>MyTicket Hall &gt; General &gt; <\/em>Configuraci\u00f3n del <em>ID de producto <\/em>debajo del panel de la derecha. Esto deber\u00eda ser suficiente para empezar a vender sus primeras entradas con reserva de asientos utilizando dise\u00f1os personalizados de salas y estadios. <\/p>\n<h2>Gu\u00eda en Video<\/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>Art\u00edculos relacionados<\/h2>\n<h4><a href=\"https:\/\/kenzap.blog\/es\/qu\u00e9-es-myticket-events-plugin-y-c\u00f3mo-listar-su-primer\/\">\u00bfQu\u00e9 es el plugin de eventos de MyTicket y c\u00f3mo listar su primer evento?<\/a><\/h4>\n<h4><a href=\"https:\/\/kenzap.blog\/how-to-use-myticket-scanner-app-to-validate-tickets\/\">\u00bfC\u00f3mo usar la aplicaci\u00f3n MyTicket Scanner para validar los tickets?<\/a><\/h4>\n<h4><a href=\"https:\/\/kenzap.blog\/es\/c\u00f3mo-personalizar-un-billete-pdf-con-el-plugin-de-myticket\/\">C\u00f3mo Personalizar un Ticket PDF con el Plugin de MyTicket Events?<\/a><\/h4>\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este art\u00edculo est\u00e1 dirigido a aquellos que quieran crear su propio Auditorio, Estadio u otro dise\u00f1o relacionado con el lugar de celebraci\u00f3n en WordPress que soporte las capacidades de Reservaci\u00f3n de Asientos y venta de entradas. Antes de continuar, es posible que necesite configurar estas cosas primero: Configuraci\u00f3n del entorno WordPress Plugin MyTicket Events instalado &hellip; <a href=\"https:\/\/kenzap.blog\/es\/c%C3%B3mo-crear-una-sala-de-conciertos-personalizada-en-wordpress-con-reserva-de\/\" 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\/es\/wp-json\/wp\/v2\/posts\/196"}],"collection":[{"href":"https:\/\/kenzap.blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kenzap.blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kenzap.blog\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kenzap.blog\/es\/wp-json\/wp\/v2\/comments?post=196"}],"version-history":[{"count":0,"href":"https:\/\/kenzap.blog\/es\/wp-json\/wp\/v2\/posts\/196\/revisions"}],"wp:attachment":[{"href":"https:\/\/kenzap.blog\/es\/wp-json\/wp\/v2\/media?parent=196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kenzap.blog\/es\/wp-json\/wp\/v2\/categories?post=196"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kenzap.blog\/es\/wp-json\/wp\/v2\/tags?post=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}