{"id":200243,"date":"2025-09-23T05:46:47","date_gmt":"2025-09-23T12:46:47","guid":{"rendered":"https:\/\/www.fooevents.com\/?p=200243"},"modified":"2026-07-07T07:01:54","modified_gmt":"2026-07-07T14:01:54","slug":"entrada-de-halloween-personalizada","status":"publish","type":"post","link":"https:\/\/www.fooevents.com\/es\/custom-halloween-ticket\/","title":{"rendered":"C\u00f3mo crear un tema personalizado para las entradas de Halloween"},"content":{"rendered":"<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-cover.png\" alt=\"Entrada de Halloween tem\u00e1tica personalizada\" class=\"wp-image-200839\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-cover.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-cover-300x200.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-cover-768x512.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-cover-18x12.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-cover-512x342.png 512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"blog-intro wp-block-paragraph\">Halloween est\u00e1 a la vuelta de la esquina, as\u00ed que en este art\u00edculo os voy a mostrar c\u00f3mo crear un Tema de Entradas de Halloween personalizado y hacerlo nuestro. Modificando una sencilla plantilla y CSS, transformaremos el Tema de Entradas del Pabell\u00f3n en un espeluznante dise\u00f1o inspirado en Halloween, perfecto para tu pr\u00f3ximo evento de Halloween. A<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A <a href=\"https:\/\/www.fooevents.com\/es\/productos\/temas-de-entradas\/\">Tema de entradas FooEvents<\/a> es un conjunto de archivos de plantilla utilizados para renderizar correos electr\u00f3nicos de tickets en <a href=\"https:\/\/www.fooevents.com\/es\/\">FooEvents<\/a>. Al configurar un evento con FooEvents, puedes elegir qu\u00e9 plantilla de ticket utilizar para ese evento. Los correos electr\u00f3nicos de los tickets se generar\u00e1n entonces utilizando la plantilla especificada. Adem\u00e1s, las plantillas de ticket tambi\u00e9n se pueden utilizar para generar <a href=\"https:\/\/www.fooevents.com\/es\/productos\/fooevents-pdf-entradas\/\">Entradas PDF<\/a> y entradas en persona utilizando <a href=\"https:\/\/www.fooevents.com\/es\/productos\/fooevents-pos\/\">FooEvents POS<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>De qu\u00e9 hablaremos<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list list-box-group\">\n<li>Vamos a descargar y renombrar una plantilla gratuita de FooEvents Ticket.<\/li>\n\n\n\n<li>A continuaci\u00f3n, vamos a agregar nuestro logo y gr\u00e1fico de encabezado a la carpeta de im\u00e1genes y a cambiar las rutas del logo e imagen de encabezado para que apunten a estas im\u00e1genes.<\/li>\n\n\n\n<li>Luego cargaremos el tema del ticket y enviaremos un ticket de prueba para ver qu\u00e9 colores y estilos necesitan cambiarse para que coincidan con nuestro dise\u00f1o.<\/li>\n\n\n\n<li>Luego, en pasos incrementales, actualizaremos el CSS y el HTML para usar los mismos colores que nuestro dise\u00f1o, mientras probamos regularmente.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>1) Empezando<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"987\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison_original.png\" alt=\"Comparing the Halloween Ticket Theme design to the Pavilion Ticket theme Design\" class=\"wp-image-200876\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison_original.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison_original-300x289.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison_original-768x740.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison_original-12x12.png 12w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison_original-512x494.png 512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para simplificar, he modelado el dise\u00f1o de Halloween en el <a href=\"https:\/\/www.fooevents.com\/es\/producto\/tema-de-la-entrada-del-pabellon\/\">Pabell\u00f3n Tema del billete<\/a>. Esto facilita la modificaci\u00f3n ya que la mayor\u00eda de los cambios son simples cambios de color. Descarga el tema gratuito Pavilion Ticket de su p\u00e1gina de producto y descompr\u00edmelo en tu computadora.<\/p>\n\n\n\n<p class=\"highlight-box wp-block-paragraph\"><strong>Consejo:<\/strong> Nuestro <a href=\"https:\/\/www.fooevents.com\/es\/productos\/temas-de-entradas\/\">cat\u00e1logo de temas de entradas<\/a> incluye muchos dise\u00f1os de base que incorporan diferentes estructuras. Encuentra un tema de base que sea estructuralmente similar a tu dise\u00f1o y \u00fasalo como punto de partida.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2) Renombrar el Tema del Ticket<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez descargado, renombra la carpeta descomprimida (<strong>pabell\u00f3n_boleto_tema<\/strong>) a <strong>tema_entrada_halloween<\/strong>. Escribe todo en min\u00fasculas y utiliza guiones bajos, sin espacios. Este es el m\u00e9todo de nomenclatura que FooEvents espera que se utilice para organizar los temas personalizados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Abra el <strong>tema_entrada_halloween<\/strong> carpeta y editar el <strong>readme.txt<\/strong> y <strong>config.json<\/strong> archivos.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"668\" height=\"419\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.50.png\" alt=\"Custom Halloween Ticket theme readme.txt\" class=\"wp-image-200843\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.50.png 668w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.50-300x188.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.50-18x12.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.50-512x321.png 512w\" sizes=\"auto, (max-width: 668px) 100vw, 668px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En <strong>readme.txt<\/strong>, cambiar <strong>Pabell\u00f3n Tema del billete<\/strong> a <strong>Tema del billete de Halloween<\/strong>. Tambi\u00e9n puedes actualizar la descripci\u00f3n, el autor, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"594\" height=\"362\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.35.png\" alt=\"Custom Halloween Ticket theme config.json\" class=\"wp-image-200844\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.35.png 594w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.35-300x183.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.35-18x12.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.35-512x312.png 512w\" sizes=\"auto, (max-width: 594px) 100vw, 594px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, actualiza el valor del nombre en <strong>config.json<\/strong> file,&nbsp;change: <em><strong>\u201cnombre\u201d: \u201cTema de entrada para pabell\u00f3n\u201d<\/strong><\/em> a <em><strong>\u201cnombre\u201d: \u201cTema de la entrada de Halloween\u201d<\/strong><\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n puedes configurar en qu\u00e9 formatos se puede utilizar esta plantilla de ticket (HTML, PDF y POS). Te recomiendo desactivar la compatibilidad con PDF (\u201csupports-pdf: false\u201d) para que podamos centrarnos en la plantilla de correo electr\u00f3nico en HTML. Puedes utilizar una plantilla de PDF independiente optimizada para impresi\u00f3n o, si puedes dejar <strong>soporta-pdf<\/strong> establecido en <strong>verdadero<\/strong>, aseg\u00farate de probar exhaustivamente la representaci\u00f3n del boleto PDF.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, reemplazar <strong>vista previa.jpg<\/strong> con tu propia miniatura para que puedas reconocer tu tema al instante en la pantalla Temas de Boletos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3) Actualiza el logo y el gr\u00e1fico del encabezado<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"819\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-1024x819.png\" alt=\"Custom Halloween Ticket theme diagram\" class=\"wp-image-200871\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-1024x819.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-300x240.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-768x614.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-1536x1229.png 1536w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-2048x1638.png 2048w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-15x12.png 15w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-512x410.png 512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por defecto, el tema original Pavilion Ticket te permite configurar el logotipo y el gr\u00e1fico de cabecera en <strong>Producto &gt; Configuraci\u00f3n de entradas<\/strong>. Normalmente utilizar\u00edas esas opciones para configurar el logo y el gr\u00e1fico de la cabecera; sin embargo, para el tema de la entrada de Halloween, codificaremos las rutas al logo y al gr\u00e1fico de la cabecera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El motivo es que el logotipo y el gr\u00e1fico son elementos muy caracter\u00edsticos del dise\u00f1o de esta plantilla de entrada; no ser\u00eda recomendable utilizarlos en la versi\u00f3n en PDF de la entrada, pensada para su impresi\u00f3n. Al codificar el logotipo y el gr\u00e1fico del encabezado en el tema del ticket, podremos especificar un logotipo y una imagen de encabezado diferentes para las versiones en PDF y POS mediante el formulario de configuraci\u00f3n del ticket.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Primero, coloca tu logo y la imagen del encabezado en la carpeta im\u00e1genes:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>halloween_ticket_theme\/images\/logo.jpg\nhalloween_ticket_theme\/images\/header_img.jpg\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Abra el <code>ticket.php<\/code> archivo y busca el siguiente c\u00f3digo en la parte superior del archivo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- LOGO --&gt;\n&lt;?php if ( ! empty( $ticket[&#039;WooCommerceEventsTicketLogo&#039;] ) ) : ?&gt;\n&lt;p&gt;\n&lt;img src=&quot;&lt;?php echo esc_attr( $ticket[&#039;WooCommerceEventsTicketLogo&#039;] ); ?&gt;&quot; alt=&quot;&lt;?php echo esc_attr( $ticket[&#039;name&#039;] ); ?&gt;&quot; style=&quot;width: auto; max-width:100%; margin-bottom:20px;&quot;\/&gt;\n&lt;\/p&gt;\n&lt;?php endif; ?&gt;\n\n&lt;!-- GRAPHIC --&gt;\n&lt;?php if ( ! empty( $ticket[&#039;WooCommerceEventsTicketHeaderImage&#039;] ) ) : ?&gt;\n&lt;img src=&quot;&lt;?php echo esc_attr( $ticket[&#039;WooCommerceEventsTicketHeaderImage&#039;] ); ?&gt;&quot; alt=&quot;&lt;?php echo esc_attr( $ticket[&#039;name&#039;] ); ?&gt;&quot; style=&quot;width: auto; max-width:100%; margin:0 auto; padding:0; display: block; vertical-align: bottom&quot;\/&gt;\n&lt;?php endif; ?&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Las dos sentencias \u201cif\u201d de PHP que envuelven las im\u00e1genes verifican si la configuraci\u00f3n de las im\u00e1genes del logotipo y la cabecera est\u00e1n habilitadas. No usaremos esas configuraciones, por lo que puede eliminar las verificaciones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, reemplace las rutas de las im\u00e1genes con las siguientes:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ruta del logotipo:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/images\/logo.jpg\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ruta de la imagen de encabezado:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/images\/header_img.jpg\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Tu c\u00f3digo actualizado deber\u00eda verse as\u00ed:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- LOGO --&gt;\n&lt;p&gt;\n&lt;img src=&quot;&lt;?php echo $theme_packs_url; ?&gt;&lt;?php echo $theme_name; ?&gt;\/images\/logo.jpg&quot; alt=&quot;&lt;?php echo esc_attr( $ticket[&#039;name&#039;] ); ?&gt;&quot; style=&quot;width: auto; max-width:100%; margin-bottom:20px;&quot;\/&gt;\n&lt;\/p&gt;\n\n&lt;!-- GRAPHIC --&gt;\n&lt;img src=&quot;&lt;?php echo $theme_packs_url; ?&gt;&lt;?php echo $theme_name; ?&gt;\/images\/header_img.jpg&quot; alt=&quot;&lt;?php echo esc_attr( $ticket[&#039;name&#039;] ); ?&gt;&quot; style=&quot;width: auto; max-width:100%; margin:0 auto; padding:0; display: block; vertical-align: bottom&quot;\/&gt;\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>4) Sube el tema a tu sitio de prueba<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Probemos estos cambios y aseguremos que el nuevo tema de ticket pueda asignarse a un producto, enviarse correctamente y obtenga el logo e imagen de encabezado de forma correcta.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Subir el tema del ticket<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Necesitar\u00e1s un sitio de pruebas en el que ya est\u00e9 instalado y configurado FooEvents. Mediante FTP\/SFTP, sube la carpeta del nuevo tema de tickets a la siguiente ubicaci\u00f3n:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/wp-content\/uploads\/fooevents\/temas\/\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">FooEvents carga los temas personalizados desde esta ruta. Si lo prefieres, tambi\u00e9n puedes utilizar <strong>FooEvents \u2192 Temas de entradas<\/strong> (en el administrador de WP) para administrar y previsualizar temas, pero para editar c\u00f3digo es mejor usar FTP, ya que necesitar\u00e1s actualizar varios archivos. M\u00e1s tarde, cuando estemos listos para probar, subiremos los archivos del tema editados a esta misma carpeta y luego enviaremos correos de tickets a una cuenta de prueba.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Establecer el tema del ticket para un producto de prueba<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, actualizaremos la configuraci\u00f3n del tema de tickets de un producto para usar este tema de tickets, de modo que puedas enviar tickets de prueba reales mientras iteras. De esta manera, estar\u00e1s probando los datos y el dise\u00f1o reales que enviar\u00e1s.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"293\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.14.36.png\" alt=\"FooEvents Ticket Settings\" class=\"wp-image-200842\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.14.36.png 886w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.14.36-300x99.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.14.36-768x254.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.14.36-18x6.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.14.36-512x169.png 512w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En WordPress, edita el producto del evento y abre <strong>Datos del producto \u2192 Configuraci\u00f3n de tickets<\/strong>. Configura el tema de la entrada HTML con el tema de entrada de Halloween que has subido. No vas a utilizar el logotipo, la imagen de cabecera ni las opciones de color, as\u00ed que puedes dejarlos en blanco por ahora. M\u00e1s adelante, si utilizas las entradas en PDF de FooEvents, podr\u00e1s usar esos ajustes para personalizar la entrada en PDF.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Enviar un ticket de prueba<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"630\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19-1024x630.png\" alt=\"WooCommerce Orders screen showing tickets and a resend tickets option\" class=\"wp-image-200869\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19-1024x630.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19-300x184.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19-768x472.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19-18x12.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19-512x315.png 512w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19.png 1335w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Abrir un pedido existente para este producto o crear uno nuevo, y usar <strong>Reenviar entradas<\/strong> opci\u00f3n en la barra lateral para enviar correos electr\u00f3nicos de prueba de entradas. Aseg\u00farese de probar las entradas individuales, as\u00ed como los correos electr\u00f3nicos de entradas que incluyan varias entradas. La entrada debe verse similar al tema original de la entrada de Pavilion, la \u00fanica diferencia es que el logotipo y la imagen del encabezado ahora est\u00e1n codificados, en lugar de usar la configuraci\u00f3n de la ruta del logotipo y el encabezado.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>5) Modificar los colores y el dise\u00f1o para que coincidan con el dise\u00f1o personalizado de la entrada de Halloween<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"987\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-1024x987.png\" alt=\"Comparing the Halloween Ticket Theme design and the work in progress version\" class=\"wp-image-200836\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-1024x987.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-300x289.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-768x740.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-1536x1481.png 1536w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-2048x1974.png 2048w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-12x12.png 12w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-512x494.png 512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El siguiente paso puede ser complicado; sin embargo, las plantillas est\u00e1n dise\u00f1adas para ser lo m\u00e1s simples posible y deber\u00edan ser relativamente f\u00e1ciles de modificar. Encuentra los colores existentes y reempl\u00e1zalos con los colores utilizados en el dise\u00f1o. Si tu dise\u00f1o difiere estructuralmente, modifica el HTML y CSS para que coincidan con tu dise\u00f1o. La salida de la plantilla consta de tres archivos principales:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\u251c\u2500 header.php \u2190 Logo\/header\/event meta\/top section \n\u251c\u2500 ticket.php \u2190 The main ticket block (repeats per ticket) \n\u251c\u2500 footer.php \u2190 Footer\/contact info\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Modifica estos tres archivos seg\u00fan sea necesario, pero ten en cuenta que los clientes de correo electr\u00f3nico tienen sus propias preferencias. Mant\u00e9n el marcado sencillo (tablas o divs m\u00ednimos), incluye los estilos importantes en l\u00ednea y utiliza URL de imagen absolutas. Evita el CSS moderno, ya que muchos clientes lo eliminan o lo representan de forma inconsistente. Se recomienda mantener el HTML\/CSS b\u00e1sico para lograr una alta compatibilidad. Consulta la gu\u00eda de FooEvents como referencia: Ayuda de Ticket Themes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando hayas realizado los cambios, carga los archivos actualizados a:<br>\n<code>\/wp-content\/uploads\/fooevents\/themes\/halloween_ticket_theme\/<\/code><\/p>\n\n\n\n<p class=\"highlight-box wp-block-paragraph\"><strong>Consejo:<\/strong> Prueba regularmente y haz que los cambios sean peque\u00f1os e incrementales. Cada vez que subas cambios, puedes presionar el bot\u00f3n de reenviar en la pantalla de pedidos sin tener que actualizar la p\u00e1gina (eso te ahorrar\u00e1 unos segundos). Una vez que hayas modificado el tema del boleto para que coincida con tu propio dise\u00f1o, pru\u00e9balo en diferentes escenarios. Aseg\u00farate de probar boletos individuales, as\u00ed como correos electr\u00f3nicos de boletos que incluyan varios boletos (enviados a los compradores).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Verificaciones finales antes de salir en vivo<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"830\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57-1024x830.png\" alt=\"Screenshot of the Halloween Ticket Theme being viewed in Gmail\" class=\"wp-image-200837\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57-1024x830.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57-300x243.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57-768x623.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57-15x12.png 15w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57-512x415.png 512w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57.png 1410w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Abre el correo electr\u00f3nico en Gmail, Outlook, Apple Mail y, si puedes, en el m\u00f3vil. Si utilizas un servicio de vista previa como <a href=\"https:\/\/www.litmus.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Tornasol<\/a>, ejecuta un escaneo en clientes comunes. Cuando est\u00e9s satisfecho con el dise\u00f1o del ticket, sube la carpeta del tema del ticket a tu sitio web en vivo y habil\u00edtala para tus productos. Ejecuta una ronda adicional de pruebas para asegurarte de que tus cambios se reflejen correctamente y tus rutas de im\u00e1genes funcionen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00daltima Palabra<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Personalizar una plantilla de ticket de FooEvents es muy sencillo. Empieza con una base s\u00f3lida, c\u00e1mbiale el nombre, a\u00f1ade tus dise\u00f1os y, a continuaci\u00f3n, ve modificando el CSS y el HTML en peque\u00f1os pasos que puedas probar. Mant\u00e9n el c\u00f3digo tan sencillo como el de un correo electr\u00f3nico y no te compliques con CSS que los clientes acabar\u00e1n ignorando.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si\u00e9ntete libre de descargar y modificar mi dise\u00f1o de tema \"Halloween Ticket\", as\u00ed como el tema \"Halloween Ticket\" completo. Enlaces a continuaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Recursos<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.fooevents.com\/es\/producto\/tema-de-la-entrada-del-pabellon\/\" target=\"_blank\" rel=\"noopener\">Pabell\u00f3n Tema del billete<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.fooevents.com\/es\/producto\/tema-de-entradas-de-halloween-2025\/\" target=\"_blank\" rel=\"noopener\">Tema del billete de Halloween<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Halloween-Ticket-Themes.psd.zip\" target=\"_blank\" rel=\"noopener\">Archivo de Photoshop con tem\u00e1tica de entradas de Halloween<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/fonts.google.com\/share?selection.family=Creepster\" target=\"_blank\" rel=\"noopener nofollow\">Fuente del logo: Creepster<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/elements.envato.com\/haunted-halloween-house-illustration-58DVZFE\" target=\"_blank\" rel=\"noopener nofollow\">Ilustraci\u00f3n de casa embrujada editable<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.fooevents.com\/docs\/topics\/tickets\/ticket-themes\/\" rel=\"nofollow noopener\" target=\"_blank\">Gu\u00eda de ayuda para el tema del ticket<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Halloween is around the corner, so in this article I am going to show you how to create a Custom Halloween Ticket Theme and make it our own. By modifying a simple template and CSS, we will transform the Pavilion Ticket Theme into a spooky, Halloween-inspired design that\u2019s perfect for your next Halloween event. A [&hellip;]<\/p>\n","protected":false},"author":1138,"featured_media":200840,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[53],"tags":[],"class_list":["post-200243","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howto"],"_links":{"self":[{"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/posts\/200243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/users\/1138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/comments?post=200243"}],"version-history":[{"count":10,"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/posts\/200243\/revisions"}],"predecessor-version":[{"id":209632,"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/posts\/200243\/revisions\/209632"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/media\/200840"}],"wp:attachment":[{"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/media?parent=200243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/categories?post=200243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/tags?post=200243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}