Jak vytvořit webové stránky konference WordPress za méně než 30 minut

Stručný popis

• Vytvoření značkového webu WordPress pro třídenní konferenci, který bude obsahovat domovskou stránku, stránku o konferenci, stránku s rozvrhem, kontaktní formulář a blog.
• Implementace funkcí elektronického obchodu, které se budou používat k prodávat vstupenky a zboží
• Při nákupu vstupenky si účastník musí vybrat typ vstupenky (delegát, sponzor nebo student) a uvést své jméno, e-mailovou adresu, velikost trička, adresu Twitteru a URL webové stránky.
• Po zakoupení vstupenky musí být vstupenky zaslány na e-mailovou adresu kupujícího ve formátu HTML a musí mu být také poskytnuta možnost stáhnout si vstupenku ve formátu PDF.
• Vstupenky se budou prodávat také osobně v den konání akce a systém bude muset umožnit správu přihlašování/registrace účastníků v každý den akce.

30minutová výzva

Vzhledem k omezenému časovému rámci jsem si před zahájením tvorby připravil logo, zakoupil obrázky a vytvořil veškerý obsah stránek potřebný pro web (s malou pomocí od ChatGPT).

Pak jsem zamířil do InstaWP který je skvělým nástrojem pro vytvoření stránek sandboxu pro vývoj nebo testování. Použití nástroje InstaWP výrazně zkrátí dobu potřebnou k nastavení webu WordPress. Když je web připraven k provozu, nabízí InstaWP migrační nástroje, které usnadňují přenos webu k poskytovateli hostingových služeb.

Při vytváření webu v InstaWP jsem vybral možnost šablony WooCommerce, která vytvořila web WordPress s již nainstalovaným WooCommerce. Poté jsme dokončili nastavení WooCommerce, nastavili měnu USD a nastavili službu PayPal, abychom mohli přijímat platby.

Dále jsem nainstaloval bezplatný Elementor nástroj pro tvorbu stránek a bezplatný Téma Astra. S těmito nástroji již mám zkušenosti, nicméně můžete použít libovolné téma nebo nástroj pro tvorbu stránek, který vám vyhovuje. Poté jsem zamířil do sekce Média a nahrál všechny naše fotografie a grafiku, které jsem si předem obstaral.

Poté jsem vytvořil prázdné stránky domů, o webu, rozvrhu, kontaktů a blogu a přešel jsem do nastavení WordPress Čtení, abych nastavil domovskou stránku a stránku blogu. Vytvořil jsem nabídku, která obsahovala všechny tyto stránky, a nastavil ji jako primární nabídku.

Poté jsem se vrátil na domovskou stránku a začal přidávat obsah domovské stránky a vytvářet efektivní rozvržení. Pro tuto výzvu jsem se rozhodl vytvořit všechny stránky od začátku a nepoužít žádné šablony.

Poté jsem se přesunul na stránku s informacemi a přidal název, obrázek a obsah. Dále jsem přidal obsah na stránku s kontakty a přidal widget Elementor short code, který bude sloužit k umístění kontaktního formuláře na stránku.Uložil jsem změny a přešel do sekce pluginů a nainstaloval jsem plugin Kontaktní formulář 7 plugin. Při instalaci Contact form 7 automaticky vygeneruje výchozí kontaktní formulář a poskytne zkratku, kterou lze použít k přidání kontaktního formuláře na stránku. Zkopíroval jsem tento zkrácený kód a přidal ho na stránku s kontakty pomocí widgetu zkráceného kódu.

Poté jsem vytvořil stránku s rozvrhem se stejným rozvržením jako stránku s informacemi a zveřejnil jsem příspěvek na blogu s oznámením.

Pomocí nastavení nástroje pro přizpůsobení jsem nastavil logo a ikonu v záhlaví webu.

Dále jsem nainstaloval Zásuvné moduly FooEvents který bude sloužit k přidání funkcí událostí a prodeje vstupenek na stránky. Z větší části jsem použil standardní nastavení FooEvents, nicméně jsem zamířil do nastavení FooEvents a nastavil vstupenky tak, aby místo čárového kódu používaly QR kód. Jedná se především o osobní preferenci, protože QR kódy vypadají skvěle a snadněji se skenují.

Poté jsem vytvořil produkt pro lístky a vyplnil všechna standardní pole, jako je název, obrázek funkce a popis. 

Použití funkcí poskytovaných FooEvents Vícedenní zásuvný modul, nastavil jsem produkt jako třídenní akci. 

Nastavil jsem e-mail s tipem HTML a pomocí příkazu FooEvents Zásuvný modul Vlastní pole pro účastníky, jsem vytvořil vlastní pole pro účastníky, která se budou zachycovat při pokladně.

Poté jsem vytvořil standardní produkt WooCommerce pro tričko, které by se prodávalo online a na akci za účelem získání finančních prostředků.

Zbývalo málo času, a tak jsem nainstaloval bezplatný WP SMTP Mail plugin, který pomáhá zlepšit doručování našich e-mailů s letenkami. WP SMTP Mail umožňuje odesílat e-maily z webu, jako jsou e-maily s tikety WooCommerce a FooEvents, pomocí ověřeného e-mailového účtu, nikoli přímo ze serveru. 

Když zbývalo několik minut, vrátil jsem se na domovskou stránku a provedl několik posledních úprav před vypršením 30minutové lhůty!

Konečným výsledkem jsou plně funkční webové stránky konference. Přestože je design jednoduchý a pravděpodobně by si zasloužil pár hodin designérské práce, zprostředkovává důležité informace profesionálním způsobem.

Funkční oblasti, jako je blog a kontaktní formulář, fungují bezchybně a naše stránky jsou připraveny začít zpracovávat objednávky elektronického obchodu.

Účastníci si mohou zakoupit zboží a své místo si mohou zajistit zakoupením vstupenky na konferenci. 

Stačí, když si vyberou položky, přejdou do košíku a poté přejdou k pokladně. 

Zde mohou vyplnit své fakturační údaje a poskytnout informace o účastníkovi, které budou použity při generování vstupenky. 

Svůj lístek si pak mohou zobrazit na obrazovce s podrobnostmi o objednávce a díky pluginu FooEvents PDF Tickets si mohou stáhnout jeho kopii ve formátu PDF. 

Účastník obdrží také e-mail s kopií vstupenky ve formátu PDF.

Organizátoři událostí mohou spravovat objednávky i vstupenky na panelu správce WordPress.

Použití FooEvents POS plugin, vstupenky lze prodávat také osobně v den konání akce.

Organizátoři akcí mohou tisknout vstupenky přímo na místě konání akce z FooEvents POS pomocí většiny termálních účtenek a standardních stolních tiskáren.

Zpracování plateb přímo v systému FooEvents POS pomocí některých čteček karet Stripe a Square. Údaje o kartě zákazníka můžete zadat také ručně, což je ideální pro přijímání objednávek po telefonu nebo v případě, že hardware není ve vaší zemi k dispozici.

A v neposlední řadě pomocí bezplatného Aplikace FooEvents Check-ins, mohou organizátoři akcí bezproblémově spravovat registrace i v den konání akce. Informace o vstupenkách mohou snadno najít vyhledáním účastníků podle jména nebo ID vstupenky, případně mohou vstupenku naskenovat pomocí vestavěné čtečky QR kódů.

Závěr

Byla to zábavná výzva a skvělý důkaz toho, čeho lze dosáhnout pomocí technologie WordPress a nástrojů, které ji podporují. Kdybych měl více času, určitě bych zapracoval na několika dalších věcech (SEO, design, přístupnost, výkon atd.), ale vzhledem k časovému rámci 30 minut jsem s dosaženým výsledkem docela spokojený.

Pokud se chcete podívat na další podrobnosti, zde je video s celým nesestříhaným 30minutovým procesem sestavování:

Toto jsou všechny služby a pluginy, které jsem použil k vytvoření tohoto projektu.

• FooEvents pro WooCommerce - https://www.fooevents.com/products/fooevents-for-woocommerce
• FooEvents Zásuvný modul Vlastní pole pro účastníky - https://www.fooevents.com/products/fooevents-custom-attendee-fields
• FooEvents Vícedenní plugin - https://www.fooevents.com/products/fooevents-multi-day
• FooEvents PDF Tickets plugin – https://www.fooevents.com/products/fooevents-pdf-tickets
• FooEvents POS plugin – 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
• Téma Astra - https://www.wordpress.org/themes/astra
• Kontaktní formulář 7 - https://www.wordpress.org/plugins/contact-form-7
• Plugin WP SMTP Mail - https://www.wordpress.org/plugins/wp-mail-smtp

Pokud máte jakékoli dotazy týkající se FooEvents, přejděte do našeho centra nápovědy a. navázat kontakt