Een aangepast ticket-thema maken

Coverafbeelding voor Hoe maak je een aangepast kaartjesthema?

Een ticket thema is een verzameling van sjabloon-bestanden die het uiterlijk van een FooEvents ticket e-mail te bepalen. In deze handleiding laten we je zien hoe je je eigen ticket thema kunt maken en je unieke ontwerp kunt implementeren. Laten we beginnen!

Als je een evenement plant en FooEventsJe bent waarschijnlijk al bekend met FooEvents Kaartjesthema's. Ze zijn in wezen een verzameling sjabloonbestanden die de HTML voor een ticket-e-mail renderen. Er zijn veel ticketthema's om uit te kiezen en je kunt het logo, de headerafbeelding en de kleuren personaliseren bij het opzetten van je evenement. Deze opties maken het gemakkelijk om het ticketontwerp af te stemmen op je merk, maar als je liever je eigen aangepaste ticketthemaontwerp gebruikt, is dat ook gemakkelijk.

In deze gids behandelen we:

  1. Begrijpen hoe ticketthema's werken
  2. Een aangepast ticket-thema maken
  3. Je ticket-thema aanpassen
  4. Je eigen ticket-thema testen
  5. Je eigen ticket instellen voor evenementen
  6. Je aangepaste ticket bijwerken

Begrijpen hoe ticketthema's werken #

Wanneer u de hoofdinstallatie FooEvents voor WooCommerce plugin, zal het een map in uw WordPress uploads directory genaamd fooevents/thema's. Een kopie van de FooEvents Standaard Kaartjesthema wordt dan automatisch toegevoegd aan deze map: wp-content/uploads/fooevents/themes/standaard_kaartjes_thema. De locatie van deze map zorgt ervoor dat eventuele aanpassingen aan de ticket thema's niet worden overschreven wanneer de FooEvents voor WooCommerce plugin updates. Je kunt ook extra ticket thema's downloaden van onze Ticket thema galerij en upload ze naar je site door naar FooEvents > Kaartjesthema's > Nieuw toevoegen in je WordPress admin gebied.

Screenshot van de optie voor het selecteren van een ticketthema in de ticketinstellingen van Fooevents.

Bij het configureren van een evenement worden in de vervolgkeuzelijst voor ticketthema's alle ticketthema's weergegeven die momenteel zijn geüpload naar de themamap. Het geselecteerde ticketthema wordt dan gebruikt bij het genereren van het HTML-ticket dat je klant ontvangt.

Een aangepast ticket-thema maken #

Om een ticket thema te maken, moet je een nieuw ticket thema sjabloon maken en uploaden naar je website. Bij het maken van je eigen ticket thema, raden we je aan een bestaand ticket thema aan te passen en het je eigen te maken. Het Default Ticket Theme of ons Starter Theme zijn goede plaatsen om te beginnen, omdat ze alle essentiële functies bevatten om ervoor te zorgen dat je tickets de juiste ticket-, evenement- en deelnemersgegevens weergeven.

Volg deze stappen om je aangepaste sjablonen voor ticketthema's in te stellen:

  1. Downloaden de FooEvents Standaard Kaartjesthema of FooEvents Ticket Starter Thema van de FooEvents Ticket Thema Galerij.
  2. Uittreksel het ZIP-bestand van het ticket-thema dat je op je bureaublad hebt gedownload.
  3. Hernoem deze map naar iets anders. Gebruik een woord of woorden gescheiden door underscores, geen spaties! Bijv, mijn_aangepast_thema
  4. Open de map en hernoem de "naam" veld in het config.json om overeen te komen met de mapnaam. Gebruik een woord of woorden gescheiden door spaties. Bijv, Mijn aangepaste thema Schermafbeelding Shwing A Ticket Theme Config File Being Edited.
  5. Sla de wijzigingen op. Je nieuwe ticket-thema is nu klaar om aangepast te worden.

Je ticket-thema aanpassen #

💡Een basisbegrip van HTML-code is nodig om de sjablonen van het ticket-thema aan te passen. Als je niet vertrouwd bent met het werken met HTML, werken we samen met Codeerbaardie we van harte aanbevelen voor dit soort projecten.

Vervolgens kun je beginnen met het aanpassen van je ticket thema. Elk ticket-thema bevat drie sjabloonbestanden:

  • header.php: Bevat het logo, de headerafbeelding, algemene evenementgegevens zoals de tijd, de locatie en de link "Toevoegen aan agenda".
  • ticket.php: Bevat de barcode en specifieke details over de deelnemer, zoals de naam, aangepaste velden en zitplaatsen. De code in ticket.php wordt herhaald voor elk ticket als de klant meerdere tickets voor hetzelfde evenement in één transactie heeft gekocht.
  • voettekst.php: Bevat de contactgegevens.

Je kunt de bestaande HTML en CSS aanpassen om het thema je eigen te maken, of je kunt een volledig nieuw HTML-ontwerp implementeren. Voor dat laatste raden we de Startersthema als uitgangspunt. Hier zijn een paar dingen waar je rekening mee moet houden als je de HTML en CSS aanpast:

  • Je kunt je afbeeldingen uploaden naar de afbeeldingen map in de themamap of host ze ergens anders. Zorg er in beide gevallen voor dat je het volgende gebruikt absolute URL's en GEEN relatieve URL's om naar de afbeeldingen te verwijzen; anders worden ze niet weergegeven wanneer de HTML wordt verzonden als een ticket-e-mail.
  • Als je je afbeeldingen hebt geüpload naar de afbeeldingen map, zorg ervoor dat de src attribuut begint met de volgende code: <?php echo $themePacksURL.'theme/images/'; ?>
  • U kunt de afbeelding met de naam voorbeeld.jpg naar iets dat je thema vertegenwoordigt.

Je eigen ticket-thema testen #

Nu je thema een nieuwe naam heeft en je je nieuwe HTML-ontwerp hebt geïmplementeerd, is het tijd om het te uploaden naar WordPress:

Screenshot van een aangepast ticket-thema dat wordt geüpload.

  1. 1. Gebruik een FTP-client zoals Filezilla om toegang te krijgen tot de bestanden op je server
  2. Blader naar de map /wp-content/uploads/fooevents/themes/
  3. Upload de volledige ticket themamap naar de FooEvents themamap. Bijv, /wp-content/uploads/fooevents/themes/mijn_aangepast_thema

Vervolgens moet je het ticket-thema testen om er zeker van te zijn dat het werkt zoals bedoeld:

Schermafbeelding van het voorbeeldscherm van het aangepaste ticket-thema.

  1. Log in op uw WordPress beheerdersgebied en ga naar Tickets > Kaartjesthema's.
  2. Zoek het nieuwe ticket-thema dat je hebt gemaakt en klik op de miniatuurafbeelding.
  3. Gebruik de Voorbeeld verzenden optie om een test ticket e-mail naar je e-mailadres te sturen, zodat je een voorbeeld kunt zien van hoe je tickets eruit zullen zien met jouw thema.
  4. Als je niet tevreden bent met het resultaat, ga dan terug naar het aanpassen van de HTML en CSS en upload de gewijzigde bestanden opnieuw naar je server. Ga door met dit proces totdat je 100% tevreden bent met je nieuwe aangepaste ticket thema.

Je eigen ticket instellen voor evenementen #

Screenshot van de optie voor het selecteren van een ticketthema in de ticketinstellingen van Fooevents.

Als je 100% tevreden bent met je nieuwe ticket thema, is het tijd om je glimmende nieuwe thema toe te passen op een evenement. Ga naar Producten in WordPress, je evenement bewerkenen ga naar de Instellingen ticket tabblad. Hier kunt u uw aangepaste thema selecteren uit de HTML ticket thema vervolgkeuzemenu voor beide HTML. Als je de FooEvents PDF-tickets plugin geïnstalleerd, kunt u ook het ticketthema voor het PDF-ticket instellen. Vergeet niet te klikken op Update om je wijzigingen op te slaan. Nu zullen je evenementtickets er fris en nieuw uitzien! Zorg ervoor dat je goed test voordat je begint met tickets verkopen aan het publiek.

Je aangepaste ticket bijwerken #

Van tijd tot tijd kunnen we updates uitbrengen voor onze ticket-thema's, nieuwe functies toevoegen of de functionaliteit verbeteren. Om je aangepast thema up-to-date te houden, download je gewoon de laatste versie, breng je aangepaste wijzigingen aan en upload je het opnieuw. Het is een goede gewoonte om een back-up van je themabestanden te bewaren, vooral als je uitgebreide aanpassingen hebt gemaakt.

Conclusie

Het aanpassen van een ticket thema is een fantastische manier om een persoonlijk tintje aan je evenement tickets toe te voegen. Het gaat niet alleen om esthetiek; het gaat om het creëren van een samenhangende merkervaring voor je bezoekers. Als je deze stappen volgt, heb je een set tickets die er niet alleen geweldig uitzien, maar die je evenement ook laten opvallen. Dus, ga je gang en wees creatief - je bezoekers zullen merken hoeveel moeite je hebt gedaan om hun ervaring speciaal te maken.

💡 Raadpleeg voor meer gedetailleerde instructies over het gebruik en wijzigen van ticket-thema's deze hulpgids.

Abonneren op de blog digest

Ontvang een samenvatting van de nieuwste berichten in je inbox.

Je gegevens konden niet worden verzonden. Probeer het opnieuw.
Je bent succesvol ingeschreven!

We gebruiken Brevo als ons marketingplatform. Door dit formulier in te dienen ga je ermee akkoord dat de persoonlijke gegevens die je hebt verstrekt worden overgedragen aan Brevo voor verwerking in overeenstemming met Privacybeleid van Brevo.

Winkelwagen