Cómo crear un tema de entradas personalizado

Un tema de ticket es una colección de archivos de plantilla que determinan la apariencia de un email de ticket FooEvents. En esta guía, le mostraremos cómo crear su propio tema de ticket personalizado e implementar su diseño único. ¡Comencemos!

Si está organizando un acto y utiliza FooEventsprobablemente ya esté familiarizado con FooEvents Temas de entradas. Se trata básicamente de una colección de archivos de plantilla que generan el código HTML para el correo electrónico de las entradas. Hay muchos temas de entradas para elegir y puedes personalizar el logotipo, la imagen de cabecera y los colores al configurar tu evento. Estas opciones hacen que sea fácil alinear el diseño del ticket con tu marca, sin embargo, si prefieres utilizar tu propio diseño personalizado del tema del ticket, también es fácil.

En esta guía trataremos:

1. Cómo funcionan los temas de los billetes
2. Creación de un tema de entradas personalizado
3. Personalizar el tema de su billete
4. Pruebe su tema de entradas personalizado
5. Configuración de su tema de entradas personalizado para eventos
6. Cómo mantener actualizado su tema de entradas personalizado

Cómo funcionan los temas de los billetes #

Cuando instale por primera vez el FooEvents para WooCommerce creará una carpeta en el directorio de cargas de WordPress llamada fooevents/temas. Una copia del FooEvents Tema de entradas por defecto se añade automáticamente a esta carpeta: wp-content/uploads/fooevents/themes/default_ticket_theme. La ubicación de esta carpeta garantiza que las personalizaciones de los temas de tickets no se sobrescriban cuando se actualice el plugin FooEvents para WooCommerce. También puede descargar temas de tickets adicionales de nuestra Galería temática de entradas y cárguelos en su sitio web en FooEvents > Temas de entradas > Añadir nuevo en el área de administración de WordPress.

Al configurar un evento, las opciones desplegables del tema del ticket mostrarán todos los temas de tickets cargados actualmente en la carpeta de temas. El tema de ticket seleccionado se utilizará para generar el ticket HTML que recibirá el cliente.

Creación de un tema de entradas personalizado #

Para crear un tema de ticket, deberá crear una nueva plantilla de tema de ticket y cargarla en su sitio web. Cuando cree su tema de tickets personalizado, le recomendamos que modifique un tema de tickets existente y lo haga suyo. El tema de entradas predeterminado o nuestro tema de inicio son buenos puntos de partida, ya que incluyen todas las funciones esenciales para garantizar que sus entradas reflejen los detalles correctos de la entrada, el evento y los asistentes.

Siga estos pasos para configurar sus plantillas de temas de entradas personalizadas:

1. Descargar el FooEvents Tema de entradas por defecto o FooEvents Ticket Starter Theme del FooEvents Ticket Galería de temas.
2. Extracto el archivo ZIP del tema del billete que descargó en su escritorio.
3. Cambie el nombre de esta carpeta a otra cosa. Utilice una o varias palabras separadas por guiones bajos, ¡sin espacios! Ej, mi_tema_personalizado
4. Abra la carpeta y cambie el nombre del archivo "nombre" en el campo config.json para que coincida con el nombre de la carpeta. Utilice sólo una palabra o palabras separadas por espacios. Ej, Mi tema personalizado
5. Guarda los cambios. Tu nuevo tema de entradas ya está listo para ser personalizado.

Personalizar el tema de su billete #

💡Se necesita un conocimiento básico de código HTML para personalizar las plantillas de temas de entradas. Si no se siente cómodo trabajando con HTML, nos hemos asociado con Codificableque recomendamos encarecidamente para este tipo de proyectos.

A continuación, puede empezar a personalizar el tema de su ticket. Cada tema de ticket incluye tres archivos de plantilla:

• header.php: Contiene el logotipo, la imagen de cabecera, detalles generales del evento como la hora, el lugar y el enlace "Añadir al calendario".
• ticket.php: Contiene el código de barras y los datos específicos del asistente, como el nombre, los campos personalizados y los asientos. El código en ticket.php se repetirá para cada entrada si el cliente compró varias entradas para el mismo evento en una transacción.
• pie.php: Contiene la información de contacto.

Puedes modificar el HTML y CSS existentes para hacer tuyo el tema, o puedes implementar un diseño HTML completamente nuevo. Para esto último, le recomendamos la herramienta Tema de inicio como punto de partida. Aquí hay algunas cosas a tener en cuenta al personalizar el HTML y CSS:

• Puede cargar sus imágenes en la página imágenes en la carpeta del tema o alojarlos en otro lugar. En ambos casos, asegúrese de que está utilizando URL absolutas y NO relativas para hacer referencia a las imágenes; de lo contrario, no se mostrarán cuando el HTML se envíe como un correo electrónico de ticket.
• Si ha cargado sus imágenes en la base de datos imágenes asegúrese de que la carpeta src comienza con el siguiente código: <?php echo $themePacksURL.'theme/images/'; ?>
• Puede cambiar la imagen llamada vista previa.jpg a algo que represente su tema.

Pruebe su tema de entradas personalizado #

Ahora que tu tema tiene un nuevo nombre y has implementado tu nuevo diseño HTML, es hora de subirlo a WordPress:

1. 1. Utilice un cliente FTP como Filezilla para acceder a los archivos de su servidor
2. Ir al directorio /wp-content/uploads/fooevents/temas/
3. Sube la carpeta completa del tema del ticket a la carpeta de temas de FooEvents. Ej, /wp-content/uploads/fooevents/themes/my_custom_theme

A continuación, deberá probar el tema del ticket para asegurarse de que funciona como está previsto:

1. Conéctese a su Área de administración de WordPress e ir a Entradas > Temas de entradas.
2. Busque el nuevo tema de entrada que ha creado y haga clic en la miniatura de la imagen.
3. Utiliza el Enviar Ticket Preview para enviar un correo electrónico de prueba a su dirección de correo electrónico para que pueda ver un ejemplo de cómo se verán sus tickets usando su tema.
4. Si no está satisfecho con el resultado, vuelva a modificar el HTML y el CSS y vuelva a cargar los archivos modificados en su servidor. Continúa este proceso hasta que estés 100% contento con tu nuevo tema de ticket personalizado.

Configuración de su tema de entradas personalizado para eventos #

Una vez que estés 100% contento con tu nuevo tema de entradas, es hora de aplicar tu nuevo y brillante tema a un evento. Vaya a Productos en WordPress, edita tu eventoy diríjase a la Configuración de entradas . Aquí, puede seleccionar su tema personalizado en el menú Tema HTML para entradas menú desplegable para ambos HTML. Si tiene el Plugin FooEvents PDF Tickets instalado, también puede establecer el tema del ticket para el ticket PDF. No olvide hacer clic en Actualización para guardar los cambios. A partir de ahora, sus entradas tendrán un aspecto renovado. Asegúrese de probar a fondo antes de empezar a vender entradas al público.

Cómo mantener actualizado su tema de entradas personalizado #

De vez en cuando, es posible que publiquemos actualizaciones de nuestros temas de entradas, añadiendo nuevas características o mejorando la funcionalidad. Para mantener actualizado su tema personalizado, simplemente descargue la última versión, realice sus cambios personalizados y cárguelo de nuevo. Es una buena práctica mantener una copia de seguridad de los archivos de su tema, especialmente si ha realizado grandes personalizaciones.

Conclusión

Personalizar el tema de una entrada es una forma fantástica de dar un toque personal a las entradas de un evento. No se trata sólo de estética; se trata de crear una experiencia de marca cohesiva para sus asistentes. Siguiendo estos pasos, tendrá unas entradas que no sólo tendrán un aspecto estupendo, sino que además harán que su evento destaque. Así que, adelante, sea creativo: sus asistentes notarán el esfuerzo que pone en hacer que su experiencia sea especial.

💡 Para obtener instrucciones más detalladas sobre cómo utilizar y modificar los temas de las entradas, consulte esta guía de ayuda.