Soyez créatifs avec les thèmes de billets du FooEvents - Partie 1

Vous souhaitez personnaliser les billets que vos clients reçoivent au-delà des options standard ? En Soyez créatifs avec les thèmes de billets du FooEvents - Partie 1 nous avons expliqué ce que FooEvents Thèmes des billets et comment les utiliser. Dans ce billet, nous allons vous montrer comment vous pouvez accéder et modifier les fichiers sources des tickets HTML directement et faire en sorte que les tickets ressemblent exactement à ce que vous voulez ! Si vous souhaitez apprendre à travailler avec Thèmes des tickets PDF nous vous recommandons de lire d'abord les étapes ci-dessous et ensuite lire cet article pour plus d'informations.

Voici un guide étape par étape qui montre comment y parvenir :

REMARQUE : des compétences en HTML et CSS sont requises !

Étape 1 : Télécharger un thème de billetterie

Télécharger le FooEvents Ticket Starter Theme ou l'un de nos nombreux gratuit thèmes de billets premium

Étape 2 : Apporter des modifications

1. Extrayez le fichier ZIP du thème du billet que vous avez téléchargé
2. Vous pouvez renommer ce dossier. Utilisez un ou plusieurs mots séparés par des traits de soulignement, pas d'espaces !
3. Ouvrir les fichiers "header.php", "ticket.php et "footer.php" dans votre éditeur de texte préféré :

• Le dossier "header.php" contient le logo, l'image d'en-tête, les détails généraux de l'événement tels que l'heure, le lieu et le lien "Ajouter au calendrier".
• Le dossier "ticket.php contient le code-barres et des informations spécifiques sur les participants, telles que le nom, les champs personnalisés et les sièges. Le code dans "ticket.php sera répétée pour chaque billet si le client a acheté plusieurs billets pour le même événement au cours d'une même transaction.
• Le dossier "footer.php" contient les informations de contact

4. Personnaliser le HTML et le CSS :

• • Si vous souhaitez modifier les couleurs d'un thème premium, vous devrez rechercher toutes les occurrences de la couleur dans les styles CSS en ligne.
  • Vous pouvez soit télécharger vos images dans le dossier "images" du dossier du thème, soit les héberger ailleurs.
  • Dans les deux cas, assurez-vous que vous utilisez des URL absolues pour référencer les images.
  • Si vous avez téléchargé vos images dans la base de données "images" assurez-vous que le dossier "src" commence par le code suivant :

<?php echo $themePacksURL.'theme/images/'; ?>

• Si vous utilisez des images dans le "images" n'oubliez pas de modifier "nom_du_thème" au même endroit que celui où vous avez nommé le dossier de votre thème à l'étape 2
• Vous pouvez modifier l'image appelée "preview.jpg" à quelque chose qui représente votre thème

Étape 3 : Téléchargement des fichiers modifiés sur le serveur

1. Utilisez un client FTP tel que Filezilla pour accéder aux fichiers de votre serveur.
2. Accédez au répertoire "your-wordpress-install/wp-content/uploads/fooevents/themes/”
3. Téléchargez le dossier complet des thèmes ici

Étape 4 : Testez votre thème

1. Connectez-vous à votre zone d'administration WordPress et allez dans Tickets -> Ticket Themes
2. Recherchez le nouveau thème de billet que vous avez créé
3. Cliquez sur l'image
4. Envoyez un aperçu à votre adresse électronique pour voir un exemple de l'aspect de vos billets s'ils utilisent ce thème.
5. Si vous n'êtes pas satisfait du résultat, revenez à la modification du HTML et du CSS et téléchargez à nouveau les fichiers sur votre serveur.

Étape 5 : Définir le thème

Vous pouvez appliquer votre nouveau thème de billetterie à votre événement une fois que vous êtes satisfait.

1. Allez dans "Produits" dans la zone d'administration de WordPress.
2. Modifiez votre événement
3. Cliquez sur l'onglet "Paramètres du ticket".
4. Sélectionnez votre thème dans la liste déroulante "Thème du ticket HTML".
5. Mettre à jour votre événement

Les billets que vos clients recevront à l'avenir pour cet événement utiliseront désormais votre nouveau modèle. Vous pouvez également tester à nouveau votre thème de billet en renvoyant un billet existant à votre propre adresse électronique.