Så du säljer ett WordPress-tema Best Practices for Demos

När du säljer ett tema är din demo din försäljningsnivå. Om demoen blir kortfattad på något sätt, gör den en missnöje till temat och kommer att leda till en förlust av försäljningen. Om ditt tema innehåller hundratals funktioner, men köpare kan inte se dem i åtgärd, kan du inte heller ha några funktioner alls.

Den här guiden kommer att omfatta nio bästa metoder för att hjälpa dig att demo ditt tema så gott som möjligt.

Här är vad vi ska titta på:

  1. Sidor som ska inkluderas i din demo
  2. Meny och navigering
  3. layouter
  4. Markera dolda funktioner
  5. Använd autentiskt innehåll
  6. Inkludera en Front-End Options Switcher
  7. Kommunicera med potentiella köpare
  8. Optimera dina demo
  9. Finalisering och testning

1. Sidor som ska inkluderas i din demo

Ingen av dessa sidor är nödvändig som sådan men rekommenderas starkt.

Hemsidor: Skapa minst tre unika hemsidor. Ju fler hemsidor du skapar, desto mer layouter kan du visa.

Inre sidor: Inkludera inre sidor (eller "undersidor"), som "Om oss", "Tjänster", "Prissättning", "Team", "Vanliga frågor" etc. Det rekommenderas att ha minst två versioner av varje inre sidor. Detta ger kundens val och låter dig visa upp en rad sidelement utan att fylla för mycket i en enda layout.

element: Att gå vidare från sista punkten är en allmänt accepterad bästa praxis för att visa temaelement på separata sidor. Du behöver inte göra superkomplexa sidor för att presentera dina element, bara skapa en enkel återanvändbar sidmall och använda den för var och en av dina element.

Om du har en liten lista med element med enkla alternativ kan du presentera dem på en enda sida eller gruppera dem i lämpliga samlingar. Se bara till att du använder logisk organisation och gruppering. Du kommer att märka menyn Globaltema-element-menyn till exempel. Elementen är grupperade i typografielement, UI-element, sociala osv. 

UI-element från Globax-temat

Funktioner: En av de mest besökta sidorna i en viss demo är sidorna med funktioner. Var noga med att presentera så många funktioner som möjligt på ett rent, enkelt och iögonfallande sätt.

Dina köpare kommer att vara till hjälp om du grupperar dina funktioner i någon form av hierarki. Till exempel: nyckelfunktioner, huvudfunktioner och ytterligare funktioner. Till exempel:

  • Nyckelfunktioner
    • Visuell kompositör ingår
    • Revolutionsreglaget ingår
    • Avancerad teman optionspanel
    • WooCommerce-kompatibilitet
  • Viktigaste egenskaper
    • Flerspråkigt stöd
    • Importera en klickdemo
    • RTL-stöd
    • 10 + header demos
    • 100 + anpassade element
    • Multi layout blogg
  • Ytterligare egenskaper
    • Enstaka sidor och multipelvarianter
    • Responsiv och näthinnan klar
    • Avancerad typografi
    • Fontawesome ikoner ingår
    • Widgets i megamenu

Presentera dessa funktioner så visuellt som möjligt. För mycket beskrivande text kan överväldiga köpare.

2. Meny och navigering

Din demo-navigering ska vara så intuitiv som möjligt. Se till att det är 100% funktionellt på alla skärmstorlekar. Komplex navigering kan ofta "bryta" på mindre visningar.

Försök att inte överbelasta din huvudnavigering och se till att kombinationen av navigationselement är estetiskt tilltalande. En obalanserad navigering gör inte din demo rättvisa.

3. Layouts

Om du vill öka ditt temans chans att sälja, överväga att göra det multi-layout. Detta hänvisar till alla sidor, inklusive inlägg och anpassade posttyper. Kunderna älskar att kunna välja mellan layouter. Till exempel, för ett bloggarkiv kan du överväga ett rutnät, en lista och en fullständig layout. Om ditt tema erbjuder ett sidofält, visa dessa saker med sidofältet på och av. 

Se till att du kan visa alla dessa olika layouter i en enda WordPress-installation. Om det inte är möjligt bör du ompröva ditt temas logik.

4. Markera dolda funktioner

Bygg din demo med alla dina temas funktioner! ja! Om ditt tema har vackra scroll-animeringar på sidan, använd dem i din presentation. Om ditt tema innehåller en megamenu med widgets i navigeringen, skapa och organisera din navigering med dessa funktioner. Om du har ikonstöd i dina huvudmenyalternativ, lägg till några ikoner!

5. Använd autentiskt innehåll

En av de svåraste uppgifterna när man presenterar ett tema gör det som en "riktig" hemsida. Det finns gott om dummy textgeneratorer som lorem ipsum, men jag rekommenderar starkt att använda autentisk text så mycket som möjligt. Och för bilder, ljud, video och andra tillgångar rekommenderar jag att du använder högkvalitativa tillgångar. Webben kan bestå av text, men en enda dålig bild på sidan kommer allvarligt att skada dina ansträngningar. Detsamma gäller typografi. Använd kvalitetsfonter för att visa saker i bästa möjliga ljus.

6. Inkludera en Front-end Options Switcher

Jag kommer inte ihåg när det blev vanligt att använda en front-end-alternativväxlare för temademos, men det är mycket förväntat idag. Otroligt verkligen, eftersom användarna vill experimentera och visualisera sin framtida hemsida så gott som möjligt innan de köper ett tema.

Vissa författare erbjuder ett inloggningsinloggning med ett tillfälligt användarnamn för fullständig provning (med plugins som tillfälligt inloggning utan lösenord) andra markerar de viktigaste alternativen i alternativet omkopplare utan administratör utan administrativ åtkomst. Båda alternativen är helt användbara, men jag föredrar den senare. Därför skapade jag ett WordPress-plugin som hjälper till att markera de viktigaste alternativen. Ta en titt på demo.

Enovathemes optionspanel på Github

Som du kan se standard demo belyser flera alternativ, och du kan lägga till eller ta bort så många alternativ som du behöver använda enkla inställningar. 

Var medveten om att detta inte är ett premium plugin, det är inte heller byggt för någon annan än WordPress-utvecklare. Med det sagt, gärna använda det för din temapresentation.

7. Kommunicera med potentiella köpare

Det är vanligt att använda "pre-sales chats" idag. Vissa författare använder plugins för det, jag föredrar att använda Facebook messenger (av den anledningen inkluderade jag också budbärarknappen i hjälpen plugin).

Chattar med en temat författare ger ofta potentiella köpare den extra känsla av förtroende som de behöver för att köpa.

8. Optimera dina demos

Tema-demooptimering är ett separat (och stort) ämne, men låt oss titta på vad jag tycker är de viktigaste punkterna:

  • Se till att din värd / server har PHP-version minst 7.0
  • Se till att du har HTTPS aktiverad.
  • Se till att du avkänner alla js / css-bibliotek och filer som används både i ditt tema och installerade plugins. Till exempel kan många plugins som du installerar med ditt tema använda Masonry eller Fontawesome, och om du inte dequeue dem laddas dessa filer flera gånger, vilket ökar belastningstiden och storleken på din demo.
  • Se också till att du inte innehåller js / css-filerna i ditt tema om de är närvarande i WordPress som standard.
  • Se till att du optimerar dina bilder, med hjälp av programmet Smushit Image Compression and Optimization.
  • Och se till att du optimerar din webbplats med hjälp av feedback från Pingdom Website Speed ​​Test.
  • Och när du är nöjd med dina resultat, glöm inte att aktivera ett cacheplugin. Jag föredrar WP Super Cache.

9. Slutföra och testa

Detta är en mycket viktig del. När du har designat, utvecklat och optimerat din demo, hittar du inte längre någon styrka kvar och vill bara slappna av, men nu är det dags att testa! Avgörande: test Allt dina sidor, på Allt möjliga skärmstorlekar, med en aktiv debugger

Du kanske aldrig vet exakt varför en kund valde att inte köpa ditt objekt. Det kan bero på att en av dina sidor i en mobilvy visade en dålig inriktad ikon eller på tablettlandskapet glömde du att minska en rubriks teckenstorlek. Användare brukar inte tänka som utvecklare gör, de flesta användare behandlar din produkt som de hittar det, så dessa små saker fungerar som stora varningsskyltar.

Efter noggrann testning glöm inte att inaktivera felsökaren och rensa cacheminnet.

Slutsats

I den här guiden försökte jag beskriva så många demo bästa praxis som jag har lärt mig under mina år med premiumtemautveckling. Om du har några ytterligare tankar eller idéer, snälla dela dem med oss ​​alla i kommentarfältet. Tack för att du läser!