Wie man eine WordPress-Konferenz-Website in weniger als 30 Minuten erstellt

Der Brief

• Erstellung einer eigenen WordPress-Website für eine dreitägige Konferenz mit einer Homepage, einer Info-Seite, einer Terminseite, einem Kontaktformular und einem Blog-Eintrag
• Implementierung von E-Commerce-Funktionen, die verwendet werden, um Tickets verkaufen und Handelswaren
• Beim Kauf eines Tickets muss der Teilnehmer einen Ticket-Typ auswählen (Delegierter, Sponsor oder Student) und seinen Namen, seine E-Mail-Adresse, die T-Shirt-Größe, seinen Twitter-Namen und die URL seiner Website angeben.
• Nach dem Kauf eines Tickets müssen die Tickets als HTML-E-Mail an die E-Mail-Adresse des Käufers geschickt werden, und es muss auch die Möglichkeit bestehen, das Ticket als PDF herunterzuladen.
• Die Eintrittskarten werden auch persönlich am Tag der Veranstaltung verkauft, und das System muss eine Möglichkeit bieten, die Einschreibung/Registrierung der Teilnehmer an jedem Veranstaltungstag zu verwalten.

Die 30-Minuten-Herausforderung

In Anbetracht des begrenzten Zeitrahmens bereitete ich vor Beginn der Erstellung ein Logo vor, kaufte Bilder und erstellte alle für die Website benötigten Seiteninhalte (mit ein wenig Hilfe von ChatGPT).

Danach ging ich zu InstaWP ein großartiges Tool zum Einrichten von Sandbox-Sites für Entwicklungs- oder Testzwecke. Die Verwendung von InstaWP wird die Zeit, die für die Einrichtung der WordPress-Site benötigt wird, erheblich reduzieren. Wenn die Website bereit ist, live zu gehen, bietet InstaWP Migrations-Tools, die es einfach machen, die Website zu Ihrem Hosting-Service-Provider zu übertragen.

Bei der Erstellung der Website in InstaWP wählte ich die Option WooCommerce-Vorlage, die eine WordPress-Website mit bereits installiertem WooCommerce erstellte. Wir haben dann die WooCommerce-Einrichtung abgeschlossen, die Währung auf USD eingestellt und PayPal eingerichtet, damit wir Zahlungen akzeptieren können.

Als nächstes installierte ich das kostenlose Elementor Seitenerstellung und die kostenlose Thema Astra. Mit diesen Tools habe ich bereits Erfahrung, Sie können jedoch jedes beliebige Thema oder jeden beliebigen Page Builder verwenden, mit dem Sie vertraut sind. Dann ging ich zum Medienbereich und lud alle unsere Fotos und Grafiken hoch, die ich zuvor besorgt hatte.

Dann erstellte ich leere Home-, About-, Schedule-, Contact- und Blog-Seiten und ging zu den WordPress Reading-Einstellungen über, um die Home- und Blog-Seiten einzustellen. Ich erstellte ein Menü, das all diese Seiten enthielt, und legte es als Hauptmenü fest.

Dann kehrte ich zur Homepage zurück und begann, den Inhalt der Homepage hinzuzufügen und ein effektives Layout zu erstellen. Für diese Herausforderung beschloss ich, alle Seiten von Grund auf neu zu erstellen und keine Vorlagen zu verwenden.

Dann ging ich zur Info-Seite über und fügte den Titel, das Bild und den Inhalt hinzu. Als Nächstes fügte ich den Inhalt der Kontaktseite hinzu und fügte das Elementor Shortcode-Widget hinzu, das verwendet wird, um ein Kontaktformular auf der Seite zu platzieren.Ich speicherte meine Änderungen und ging zum Abschnitt Plugins und installierte das Kontakt-Formular 7 Plugin. Bei der Installation von Contact form 7 wird automatisch ein Standard-Kontaktformular erstellt und ein Shortcode bereitgestellt, mit dem das Kontaktformular zur Seite hinzugefügt werden kann. Ich habe den Shortcode kopiert und ihn mit dem Shortcode-Widget zu meiner Kontaktseite hinzugefügt.

Dann erstellte ich die Terminseite mit demselben Layout wie die Info-Seite und veröffentlichte einen Ankündigungs-Blogpost.

In den Einstellungen des Customizers habe ich das Logo und das Symbol für die Kopfzeile der Website festgelegt.

Als nächstes installierte ich die FooEvents-Plugins die verwendet wird, um der Website Funktionen für Veranstaltungen und Tickets hinzuzufügen. Größtenteils habe ich die Standardeinstellungen von FooEvents verwendet. Ich bin jedoch zu den FooEvents-Einstellungen gegangen und habe die Tickets so eingestellt, dass ein QR-Code anstelle eines Barcodes verwendet wird. Dies ist vor allem eine persönliche Vorliebe, da die QR-Codes gut aussehen und einfacher zu scannen sind.

Ich habe dann ein Produkt für die Tickets erstellt und alle Standardfelder wie Titel, Bild und Beschreibung ausgefüllt. 

Unter Verwendung der Funktionen des FooEvents Mehrtages-PluginIch habe das Produkt als 3-Tage-Veranstaltung eingestellt. 

Ich habe die HTML-Ticket-E-Mail eingerichtet und mit der FooEvents Plugin für benutzerdefinierte TeilnehmerfelderIch habe benutzerdefinierte Teilnehmerfelder erstellt, die an der Kasse erfasst werden sollen.

Dann entwarf ich ein WooCommerce-Standardprodukt für ein T-Shirt, das online und bei der Veranstaltung verkauft werden sollte, um Spenden zu sammeln.

Da mir nur noch wenig Zeit blieb, installierte ich das kostenlose WP SMTP Mail Plugin, um die Zustellung unserer Ticket-E-Mails zu verbessern. WP SMTP Mail ermöglicht den Versand von Website-E-Mails wie WooCommerce- und FooEvents-Ticket-E-Mails über ein authentifiziertes E-Mail-Konto und nicht direkt von Ihrem Server. 

Da noch ein paar Minuten übrig waren, kehrte ich zur Homepage zurück und nahm noch ein paar letzte Änderungen vor, bevor die 30-Minuten-Frist ablief!

Das Endergebnis ist eine voll funktionsfähige Konferenz-Website. Obwohl das Design einfach ist und wahrscheinlich ein paar Stunden Liebe zum Design vertragen könnte, vermittelt es die relevanten Informationen auf professionelle Weise.

Funktionale Bereiche wie der Blog und das Kontaktformular funktionieren einwandfrei, und unsere Website ist bereit, eCommerce-Bestellungen zu bearbeiten.

Die Teilnehmer können Merchandising-Artikel erwerben und sich mit dem Kauf einer Eintrittskarte für die Konferenz einen Platz sichern. 

Sie müssen lediglich die gewünschten Artikel auswählen, in den Warenkorb legen und dann zur Kasse gehen. 

Hier können sie ihre Rechnungsdaten vervollständigen und Teilnehmerdaten angeben, die bei der Erstellung ihres Tickets verwendet werden. 

Sie können dann ihr Ticket auf dem Bildschirm mit den Bestelldetails ansehen und dank des FooEvents PDF-Tickets-Plugins eine PDF-Kopie des Tickets herunterladen. 

Der Teilnehmer erhält außerdem eine Ticket-E-Mail mit einer Kopie des PDF-Tickets im Anhang.

Die Organisatoren der Veranstaltung können sowohl die Bestellungen als auch die Tickets im WordPress-Admin-Dashboard verwalten.

Die Verwendung des FooEvents POS SteckerDie Eintrittskarten können auch am Tag der Veranstaltung persönlich verkauft werden.

Organisatoren von Veranstaltungen können Tickets vor Ort direkt ausdrucken FooEvents POS mit den meisten Thermobons und Standard-Desktopdruckern.

Verarbeiten Sie Zahlungen direkt im FooEvents POS-System mit bestimmten Stripe- und Square-Kartenlesern. Sie können die Kartendaten eines Kunden auch manuell eingeben, was sich perfekt für die telefonische Bestellannahme eignet oder wenn die Hardware in Ihrem Land nicht verfügbar ist.

Und nicht zuletzt ist die Nutzung des kostenlosen FooEvents Check-ins Anwendungenkönnen Organisatoren von Veranstaltungen auch am Tag der Veranstaltung die Registrierungen nahtlos verwalten. Sie können Ticketinformationen leicht finden, indem sie nach Namen oder Ticket-ID der Teilnehmer suchen oder das Ticket mit dem integrierten QR-Code-Scanner scannen.

Schlussfolgerung

Das war eine tolle Herausforderung und ein großartiger Beweis dafür, was man mit WordPress und den dazugehörigen Tools erreichen kann. Wenn ich mehr Zeit hätte, würde ich definitiv noch an ein paar Dingen arbeiten (SEO, Design, Barrierefreiheit, Leistung usw.), aber wenn man den Zeitrahmen von 30 Minuten bedenkt, bin ich mit dem Erreichten ziemlich zufrieden.

Wenn Sie mehr Details sehen möchten, finden Sie hier ein Video mit dem kompletten, ungekürzten 30-minütigen Bauprozess:

Dies sind alle Dienste und Plugins, die ich für die Erstellung dieses Projekts verwendet habe.

• FooEvents für WooCommerce - https://www.fooevents.com/products/fooevents-for-woocommerce
• FooEvents Plugin für benutzerdefinierte Teilnehmerfelder - https://www.fooevents.com/products/fooevents-custom-attendee-fields
• FooEvents Mehrtages-Plugin - https://www.fooevents.com/products/fooevents-multi-day
• FooEvents PDF-Ticket-Plugin – https://www.fooevents.com/products/fooevents-pdf-tickets
• FooEvents POS Stecker – https://www.fooevents.com/products/fooevents-pos
• InstaWP - https://instawp.com
• WordPress - https://wordpress.org
• WooCommerce - https://woocommerce.com
• Elementor - https://wordpress.org/plugins/elementor
• Astra-Thema - https://www.wordpress.org/themes/astra
• Kontakt-Formular 7 - https://www.wordpress.org/plugins/contact-form-7
• Das Plugin WP SMTP Mail - https://www.wordpress.org/plugins/wp-mail-smtp

Wenn Sie Fragen zu FooEvents haben, besuchen Sie bitte unser Hilfe-Center und sich melden