Dus u verkoopt een WordPress-thema beste praktijken voor demo's

Wanneer u een thema verkoopt, is de demo uw verkooppraatje. Als de demo op de een of andere manier tekort schiet, doet het een slechte dienst aan het thema en leidt het tot verlies van de omzet. Als uw thema honderden functies bevat, maar kopers ze niet in actie kunnen zien, kunt u net zo goed helemaal geen functies hebben.

Deze gids behandelt negen best practices om u te helpen uw thema zo goed mogelijk te demonstreren.

Dit is waar we naar zullen kijken:

  1. Pagina's die moeten worden opgenomen in uw demo
  2. Menu en navigatie
  3. lay-outs
  4. Markeer verborgen functies
  5. Gebruik authentieke inhoud
  6. Voeg een front-end keuzeschakelaar toe
  7. Communiceer met potentiële kopers
  8. Optimaliseer uw demo's
  9. Voltooien en testen

1. Pagina's om op te nemen in uw demo

Geen van deze pagina's zijn verplicht als zodanig, maar ten zeerste aanbevolen.

Startpagina's: Maak ten minste drie unieke startpagina's. Hoe meer startpagina's u maakt, hoe meer lay-outs u kunt aantonen.

Binnenpagina's: Voeg binnenpagina's (of "subpagina's") toe, zoals "Over ons", "Diensten", "Prijzen", "Team", "Veelgestelde vragen" etc. Het wordt ten zeerste aanbevolen om ten minste twee versies van elke binnenpagina's te hebben. Dit geeft de klant keuzes en laat je een reeks pagina-elementen laten zien zonder teveel in één lay-out te proppen.

elementen: Vanaf het laatste punt is het een algemeen geaccepteerde beste praktijk om thema-elementen op afzonderlijke pagina's te demonstreren. U hoeft geen super complexe pagina's te maken om uw elementen te presenteren, u ontwerpt gewoon een eenvoudige herbruikbare paginasjabloon en gebruikt deze voor elk van uw elementen.

Als u een kleine lijst met elementen met eenvoudige opties hebt, kunt u deze op één pagina weergeven of ze in geschikte verzamelingen groeperen. Zorg ervoor dat u logische organisatie en groepering gebruikt. U zult bijvoorbeeld het globax-thema-elementenmenu opmerken. De elementen zijn gegroepeerd in typografie-elementen, UI-elementen, sociale enz. 

UI-elementen uit het Globax-thema

Kenmerken: Een van de meest bezochte pagina's in een bepaalde demo is de pagina met functies. Zorg ervoor dat u zoveel mogelijk functies op een schone, eenvoudige en opvallende manier presenteert.

Uw kopers zullen het handig vinden als u uw functies in een soort hiërarchie groepeert. Bijvoorbeeld: belangrijkste functies, belangrijkste functies en extra functies. Bijvoorbeeld:

  • Belangrijkste functies
    • Visuele componist inbegrepen
    • Revolution slider inbegrepen
    • Geavanceerde themakeuzepaneel
    • WooCommerce compatibiliteit
  • Belangrijkste kenmerken
    • Meertalige ondersteuning
    • Demo-import met één klik
    • RTL-ondersteuning
    • 10+ header-demo's
    • 100+ aangepaste elementen
    • Multi-layout blog
  • Extra functies
    • Varianten voor één pagina en meerdere pagina's
    • Responsive en netvlies klaar
    • Geavanceerde typografie
    • Fontawesome pictogrammen inbegrepen
    • Widgets in megamenu

Presenteer deze functies zo visueel mogelijk. Te veel beschrijvende tekst kan kopers overrompelen.

2. Menu en navigatie

Uw demo-navigatie moet zo intuïtief mogelijk zijn. Zorg dat deze op alle schermformaten 100% functioneel is. Complexe navigatie kan vaak "breken" op kleinere viewports.

Probeer uw hoofdnavigatie niet te overbelasten en zorg ervoor dat de combinatie van navigatie-elementen esthetisch verantwoord is. Een ongebalanceerde navigatie zal je demo niet recht doen.

3. Lay-outs

Als u de verkoopkansen van uw thema wilt vergroten, overweeg dan om er meerdere lay-outs van te maken. Dit verwijst naar alle pagina's, inclusief berichten en aangepaste berichttypen. Klanten vinden het geweldig om te kunnen kiezen tussen lay-outs. Voor een blogarchief kunt u bijvoorbeeld een raster, een lijst en een volledige lay-out beschouwen. Als uw thema een zijbalk biedt, kunt u deze dingen demonstreren door de zijbalk in en uit te schakelen. 

Zorg ervoor dat u al deze verschillende lay-outs in één WordPress-installatie kunt demonstreren. Als dat niet mogelijk is, moet u de logica van uw thema heroverwegen.

4. Markeer verborgen functies

Bouw uw demo met behulp van alle functies van uw thema! Ja! Als uw thema prachtige scroll-animaties op de pagina weergeeft, gebruikt u deze in uw presentatie. Als uw thema een megamenu bevat met widgets in de navigatie, maakt en organiseert u uw navigatie met deze functies. Als u pictogramondersteuning in uw items in het kopmenu hebt, voegt u enkele pictogrammen toe!

5. Gebruik authentieke inhoud

Een van de moeilijkste taken bij het presenteren van een thema is het maken van het als een "echte" website. Er zijn veel dummy tekstgenerators zoals lorem ipsum, maar ik beveel ten zeerste aan om zoveel mogelijk authentieke tekst te gebruiken. En voor de afbeeldingen, audio, video en andere items, raad ik aan om activa van hoge kwaliteit te gebruiken. Het web kan voornamelijk uit tekst bestaan, maar een enkele slechte afbeelding op de pagina zal uw inspanningen ernstig schaden. Hetzelfde geldt voor typografie. Gebruik kwaliteitslettertypen om dingen in het best mogelijke licht te tonen.

6. Voeg een front-end keuzeschakelaar toe

Ik weet niet meer wanneer het standaard werd om een ​​front-end keuzeschakelaar te gebruiken voor themademo's, maar tegenwoordig wordt dit zeer verwacht. Niet echt verrassend, omdat gebruikers willen experimenteren en hun toekomstige website zo goed mogelijk willen visualiseren voordat ze een thema kopen.

Sommige auteurs bieden een back-end-login met een tijdelijke gebruikersnaam voor volledige tests (met plug-ins zoals tijdelijke login zonder wachtwoord), anderen markeren de belangrijkste opties in de front-end keuzeschakelaar zonder beheerdersrechten. Beide opties zijn perfect bruikbaar, maar ik geef de voorkeur aan het laatste. Voor dat doel heb ik een WordPress plug-in gemaakt die helpt de belangrijkste opties te markeren. Bekijk de demo.

Enovathemes-optiescherm op Github

Zoals u kunt zien, worden in de standaarddemonstratie verschillende opties gemarkeerd en kunt u met eenvoudige instellingen zoveel opties toevoegen of verwijderen als u nodig hebt. 

Houd er rekening mee dat dit geen premium plug-in is en ook niet is gebouwd voor andere ontwikkelaars dan WordPress. Met dat gezegd, voel je vrij om het te gebruiken voor je themapresentatie.

7. Communiceer met potentiële kopers

Het is tegenwoordig gebruikelijk om 'pre-sales chats' te gebruiken. Sommige auteurs gebruiken hiervoor plug-ins, ik gebruik liever Facebook-messenger (om deze reden heb ik ook de messenger-knop opgenomen in de helper-plug-in).

Chatten met een thema-auteur geeft potentiële kopers vaak extra vertrouwen dat ze nodig hebben om een ​​aankoop te doen.

8. Optimaliseer uw demo's

Themademo-optimalisatie is een apart (en groot) onderwerp, maar laten we eens kijken naar wat volgens mij de belangrijkste punten zijn:

  • Zorg ervoor dat uw hosting / server PHP-versie ten minste 7.0 heeft
  • Zorg ervoor dat je HTTPS hebt ingeschakeld.
  • Zorg ervoor dat u alle js / css-bibliotheken en bestanden die worden gebruikt in zowel uw thema als geïnstalleerde plug-ins, verwijdert. Veel plug-ins die u installeert met uw thema kunnen bijvoorbeeld Masonry of Fontawesome gebruiken en als u ze niet uit de wachtrij haalt, worden deze bestanden meerdere keren geladen, waardoor de laadtijd en -grootte van uw demo toenemen..
  • Zorg er ook voor dat u de js / css-bestanden niet in uw thema opneemt als deze standaard aanwezig zijn in WordPress.
  • Zorg ervoor dat u uw afbeeldingen optimaliseert met behulp van de Smushit Image Compression and Optimization-plug-in.
  • En zorg ervoor dat u uw website optimaliseert met behulp van feedback van de Pingdom-website Speed ​​Test.
  • En als u tevreden bent met uw resultaten, vergeet dan niet om een ​​caching-plugin in te schakelen. Ik geef de voorkeur aan WP Super Cache.

9. Finaliseren en testen

Dit is een heel belangrijk onderdeel. Nadat je je demo hebt ontworpen, ontwikkeld en geoptimaliseerd, zul je merken dat je geen kracht meer over hebt en gewoon wilt ontspannen, maar nu is het tijd om te testen! Cruciaal: test allemaal jouw pagina's, op allemaal mogelijke schermformaten, met een actieve debugger

Misschien weet u nooit precies waarom een ​​klant ervoor koos uw artikel niet te kopen. Het kan zijn dat in een mobiele weergave op een van uw pagina's een slecht uitgelijnd pictogram werd weergegeven, of op een tabletlandschap, dat u vergat de lettergrootte van een kop te verkleinen. Gebruikers hebben de neiging om niet te denken zoals ontwikkelaars doen, de meeste gebruikers behandelen uw product zoals zij het vinden, dus deze kleine dingen doen dienst als grote waarschuwingssignalen.

Na grondige tests vergeet niet om de debugger uit te schakelen en de cache te wissen.

Conclusie

In deze gids heb ik geprobeerd om zoveel demo-demo's te beschrijven als ik heb geleerd tijdens mijn jaren van premium thema-ontwikkeling. Als je nog meer ideeën of ideeën hebt, deel deze dan met ons allemaal in het deel 'Opmerkingen'. Bedankt voor het lezen!