Hoe bouw je een WordPress conferentie website in minder dan 30 minuten - FooEvents

Hoe je een WordPress conferentie website bouwt in minder dan 30 minuten

Websites bouwen is nog nooit zo eenvoudig geweest. WordPress wordt ondersteund door duizenden krachtige tools die eenvoudig te gebruiken zijn en het mogelijk maken om professionele websites te bouwen in recordtijd. Om dit te illustreren, heb ik mezelf uitgedaagd om een geavanceerde WordPress conferentie website te bouwen in minder dan 30 minuten. De briefing

De korte

  • Creëer een branded WordPress website voor een 3-daagse conferentie met een home page, about page, schedule page, contactformulier en blog listing
  • Implementeer e-commerce functionaliteit die zal worden gebruikt om tickets en merchandise te verkopen
  • Bij het kopen van een ticket moet de bezoeker een type ticket selecteren (afgevaardigde, sponsor of student) en zijn naam, e-mailadres, t-shirtmaat, Twitter-handle en website-URL opgeven.
  • Zodra een ticket is gekocht, moeten de tickets als HTML-e-mail naar het e-mailadres van de koper worden gestuurd en moet de koper ook de optie worden geboden om het ticket als PDF te downloaden.
  • Tickets worden ook persoonlijk verkocht op de dag van het evenement en het systeem moet een manier bieden om het inchecken/registreren van deelnemers op elke dag van het evenement te beheren.

De 30-minuten uitdaging

Gezien het beperkte tijdsbestek heb ik, voordat ik aan de bouw begon, een logo gemaakt, stockafbeeldingen gekocht en alle pagina-inhoud voor de site gemaakt (met een beetje hulp van ChatGPT).

Instawp Site Template Selectie Scherm.

Daarna ging ik naar InstaWP wat een geweldige tool is voor het opzetten van sandbox sites die gebruikt worden voor ontwikkeling of testen. Het gebruik van InstaWP zal de tijd die nodig is om de WordPress site op te zetten aanzienlijk verkorten. Als de site klaar is om live te gaan, biedt InstaWP migratie tools die het gemakkelijk maken om de site over te zetten naar uw hosting service provider.

Bij het maken van de site in InstaWP, koos ik de WooCommerce template optie die een WordPress website draait met WooCommerce al geïnstalleerd. Vervolgens voltooiden we de WooCommerce setup, de valuta in te stellen als USD en het opzetten van PayPal, zodat we betalingen kunnen accepteren.

Vervolgens installeerde ik de gratis Elementor paginabouwer en de gratis Astra thema. Dit zijn de tools waar ik al ervaring mee heb, maar je kunt elk thema of paginabouwer gebruiken waarmee je vertrouwd bent. Vervolgens ging ik naar de mediasectie en uploadde al onze foto's en afbeeldingen die ik van tevoren had geselecteerd.

Vervolgens heb ik lege home-, over-, agenda-, contact- en blogpagina's gemaakt en ben ik naar de WordPress Leesinstellingen gegaan om de home- en blogpagina's in te stellen. Ik maakte een menu aan dat al deze pagina's bevatte en stelde dit in als het primaire menu.

Startpagina wordt gebouwd met de Elementor page builder

Daarna keerde ik terug naar de startpagina en begon ik met het toevoegen van de inhoud van de startpagina en het bouwen van een effectieve lay-out. Voor deze uitdaging besloot ik alle pagina's vanaf nul op te bouwen en geen sjablonen te gebruiken.

Daarna ging ik naar de over pagina en voegde de titel, de afbeelding en de inhoud toe. Vervolgens voegde ik inhoud toe aan de contactpagina en voegde ik de Elementor short code widget toe die zal worden gebruikt om een contactformulier op de pagina te plaatsen. Ik sloeg mijn wijzigingen op en ging naar de plugins sectie en installeerde de Contactformulier 7 plugin. Wanneer je Contact form 7 installeert, genereert het automatisch een standaard contactformulier en geeft het een shortcode die je kunt gebruiken om het contactformulier aan de pagina toe te voegen. Ik heb de shortcode gekopieerd en toegevoegd aan mijn contactpagina met behulp van de shortcode widget.

Vervolgens heb ik de roosterpagina gemaakt met dezelfde lay-out als de overpagina en heb ik een blogbericht over de aankondiging gepubliceerd.

Screenshot van de Wordpress Customizer instellingen.

Met behulp van de customizer-instellingen heb ik het header-logo en -pictogram van de site ingesteld.

Vervolgens installeerde ik de FooEvents plugins die zal worden gebruikt om evenement- en ticketfunctionaliteit aan de site toe te voegen. Voor het grootste deel heb ik de standaard FooEvents instellingen gebruikt, maar ik ben naar de FooEvents instellingen gegaan en heb tickets ingesteld om een QR code te gebruiken in plaats van een barcode. Dit is vooral een persoonlijke voorkeur omdat de QR-codes er geweldig uitzien en makkelijker te scannen zijn.

Vervolgens heb ik een product gemaakt voor de tickets en alle standaardvelden ingevuld, zoals de titel, de afbeelding en de beschrijving. 

Screenshot 2023 03 17 Om 10.22.52 E1679042946105

Met behulp van functionaliteit geleverd door de FooEvents Meerdaagse pluginIk heb het product ingesteld als een 3-daags evenement. 

Screenshot 2023 03 17 Om 10.23.36

Ik heb de HTML-ticket-e-mail ingesteld en met behulp van de FooEvents Gepersonaliseerde deelnemersvelden pluginIk heb aangepaste velden voor deelnemers gemaakt die bij het afrekenen worden vastgelegd.

Ik heb toen een standaard WooCommerce product gemaakt voor een t-shirt dat online en tijdens het evenement verkocht zou worden om geld in te zamelen.

Met nog maar weinig tijd over, installeerde ik het gratis WP SMTP Mail plugin om de aflevering van onze ticket e-mails te verbeteren. WP SMTP Mail maakt het mogelijk om site e-mails zoals WooCommerce en FooEvents ticket e-mails te versturen met behulp van een geverifieerd e-mailaccount in plaats van rechtstreeks vanaf je server. 

Met nog een paar minuten te gaan, keerde ik terug naar de startpagina en legde ik de laatste hand aan de deadline van 30 minuten!

Screenshot van de Fooconf-website

Het eindresultaat is een volledig functionerende conferentiewebsite. Hoewel het ontwerp eenvoudig is, en waarschijnlijk wel een paar uur design liefde kan gebruiken, brengt het de relevante informatie op een professionele manier over.

Functionele onderdelen zoals de blog en het contactformulier werken perfect en onze site is klaar om te beginnen met het verwerken van e-commerce bestellingen.

Screenshot van het Fooconf Ticket scherm

Deelnemers kunnen merchandise kopen en hun plek veiligstellen door een ticket voor de conferentie te kopen. 

Het enige wat ze hoeven te doen is hun artikelen selecteren, naar de winkelwagen gaan en dan naar de kassa gaan. 

Hier kunnen ze hun factureringsgegevens invullen en bezoekersinformatie geven die zal worden gebruikt bij het genereren van hun ticket. 

Ze kunnen dan hun ticket bekijken op het scherm met de bestelgegevens, en dankzij de FooEvents PDF Tickets plugin, kunnen ze een PDF-kopie van het ticket downloaden. 

Schermafbeelding van een ticket dat door Fooevents is gegenereerd op het scherm om bestellingen weer te geven.

De deelnemer ontvangt ook een ticket-e-mail met een kopie van het PDF-ticket als bijlage.

Fooevents Ticket E-mail

De organisatoren van evenementen kunnen zowel bestellingen als tickets beheren in het WordPress admin dashboard.

Screenshot 2023 03 17 Om 10.34.59

De FooEvents POS pluginTickets kunnen ook persoonlijk worden verkocht op de dag van het evenement.

Screenshot van het Fooevents Pos-afrekenscherm

Organisatoren van evenementen kunnen print tickets tijdens het evenement rechtstreeks vanaf FooEvents POS met de meeste thermische ontvangstbewijzen en standaard desktopprinters.

Screenshot van een dialoogvenster voor het afdrukken van tickets gegenereerd door Fooevents Pos

Verwerk betalingen rechtstreeks binnen de FooEvents POS systeem met behulp van bepaalde Stripe & Square kaartlezers. U kunt ook handmatig invoeren van een klant kaartgegevens die perfect is voor het nemen van bestellingen via de telefoon of als de hardware niet beschikbaar is in uw land.

En last but not least, met behulp van de gratis FooEvents Check-ins appsOrganisatoren van evenementen kunnen registraties ook naadloos beheren op de dag van het evenement. Ze kunnen gemakkelijk ticketinformatie vinden door te zoeken naar deelnemers op naam of ticket-ID, of ze kunnen het ticket scannen met de ingebouwde QR-codescanner.

Fooevents Check-Ins Apps

Conclusie

Dit was een leuke uitdaging en een geweldig bewijs van wat er bereikt kan worden met WordPress en de tools die het ondersteunen. Als ik meer tijd zou hebben, zijn er zeker nog een paar dingen waar ik aan zou werken (SEO, ontwerp, toegankelijkheid, prestaties, etc.), maar gezien het tijdsbestek van 30 minuten ben ik best tevreden met wat ik heb bereikt.

Als je meer details wilt zien, is hier een video van het volledige, onbewerkte bouwproces van 30 minuten:

Dit zijn alle services en plugins die ik heb gebruikt om dit project te maken.

Als je vragen hebt over FooEvents, ga dan naar ons helpcentrum en contact opnemen

Abonneer je op onze nieuwsbrief

Ontvang als eerste productupdates en speciale aanbiedingen

    Winkelwagen