Så du selger et WordPress-tema Best Practices for Demos

Når du selger et tema, er demoen din salgsstrek. Hvis demoen faller på en eller annen måte, er det en dårlig tjeneste for temaet og vil føre til tap av salg. Hvis temaet ditt inneholder hundrevis av funksjoner, men kjøpere kan ikke se dem i aksjon, kan du heller ikke ha noen funksjoner i det hele tatt.

Denne veiledningen vil dekke ni beste praksis for å hjelpe deg med å demo ditt tema så godt som mulig.

Her er hva vi skal se på:

  1. Sider som skal inkluderes i din demonstrasjon
  2. Meny og navigasjon
  3. oppsett
  4. Fremhev skjulte funksjoner
  5. Bruk autentisk innhold
  6. Inkluder en front-end-valgbryter
  7. Kommunisere med potensielle kjøpere
  8. Optimaliser dine demonstrasjoner
  9. Finalisering og testing

1. Sider som skal inkluderes i din demonstrasjon

Ingen av disse sidene er nødvendig som sådan, men sterkt anbefalt.

Hjemmesider: Opprett minst tre unike hjemmesider. Jo flere hjemmesider du lager, jo flere layouter du kan demonstrere.

Innersider: Inkluder innside sider (eller "undersider"), som "Om oss", "Tjenester", "Prissetting", "Lag", "Vanlige spørsmål" etc. Det anbefales å ha minst to versjoner av hver indre side. Dette gir kundens valg og lar deg vise en rekke sidelementer uten å fylle for mye inn i en enkelt layout.

elementer: Fortsett fra det siste punktet, det er en allment akseptert beste praksis for å demonstrere temaelementer på separate sider. Du trenger ikke å lage superkomplekse sider for å presentere elementene dine, bare utform en enkel gjenbrukbar sidemal og bruk den for hver av elementene dine.

Hvis du har en liten liste over elementer med enkle alternativer, kan du presentere dem på en enkelt side, eller gruppere dem i passende samlinger. Bare vær sikker på at du bruker logisk organisering og gruppering. Du vil legge merke til globax-temaelementmenyen for eksempel. Elementene er gruppert i typografielementer, UI-elementer, sosiale osv. 

UI-elementer fra Globax-temaet

Egenskaper: En av de mest besøkte sidene i en gitt demo er funksjonssiden. Pass på å presentere så mange funksjoner som mulig på en ren, enkel og iøynefallende måte.

Dine kjøpere vil finne det nyttig hvis du grupperer funksjonene dine i et slags hierarki. For eksempel: Nøkkelfunksjoner, hovedfunksjoner og tilleggsfunksjoner. For eksempel:

  • Nøkkelegenskaper
    • Visuell komponist er inkludert
    • Revolusjonen glidebryteren inkludert
    • Avansert temaalternativerpanel
    • WooCommerce-kompatibilitet
  • Hovedtrekkene
    • Flerspråklig støtte
    • Ett klikk demo import
    • RTL-støtte
    • 10 + header demoer
    • 100 + egendefinerte elementer
    • Multi layout blogg
  • Tilleggsfunksjoner
    • Enkeltside og flerbruksvarianter
    • Responsive og netthinnen klar
    • Avansert typografi
    • Fontawesome ikoner inkludert
    • Widgets i megamenu

Presenter disse funksjonene så visuelt som mulig. For mye beskrivende tekst kan overvelde kjøpere.

2. Meny og navigasjon

Din demo-navigasjon bør være så intuitiv som mulig. Pass på at den er 100% funksjonell på alle skjermstørrelser. Kompleks navigering kan ofte "bryte" på mindre visningsportaler.

Prøv å ikke overbelaste hovednavigasjonen, og sørg for at kombinasjonen av navigasjonselementer er estetisk tiltalende. En ubalansert navigasjon vil ikke gjøre din demo rettferdighet.

3. Layouts

Hvis du vil øke temaets sjanser til å selge, bør du vurdere å gjøre det multi-layout. Dette refererer til alle sidene, inkludert innlegg og egendefinerte innleggstyper. Klienter elsker å kunne velge mellom layouter. For eksempel, for et bloggarkiv kan du vurdere et rutenett, en liste og et fullstendig oppsett. Hvis temaet ditt inneholder et sidebar, kan du demonstrere disse tingene med sidebjermen slått på og av. 

Pass på at du kan demonstrere alle disse forskjellige layoutene i en enkelt WordPress-installasjon. Hvis det ikke er mulig, bør du revurdere temaets logikk.

4. Marker skjulte funksjoner

Bygg din demo med alle temaets funksjoner! Ja! Hvis temaet ditt har flotte rulleanimasjoner på siden, bruk dem i presentasjonen. Hvis temaet ditt inneholder en megamenu med widgets i navigasjonen, opprett og organiser navigasjonen din med disse funksjonene. Hvis du har ikonstøtte i topptekstmenyelementene, legger du til noen ikoner!

5. Bruk autentisk innhold

En av de vanskeligste oppgavene når du presenterer et tema, gjør det som et "ekte" nettsted. Det er mange dummy tekstgeneratorer som lorem ipsum, men jeg anbefaler sterkt å bruke autentisk tekst så mye som mulig. Og for bilder, lyd, video og andre eiendeler, anbefaler jeg å bruke høyverdige ressurser. Internettet kan bestå hovedsakelig av tekst, men et dårlig bilde på siden vil skade din innsats alvorlig. Det samme gjelder for typografi. Bruk kvalitetsfonter til å vise ting i det beste lyset som er mulig.

6. Inkluder en front-end-alternativbryter

Jeg husker ikke når det ble vanlig å bruke en front-end opsjonsbryter for tema demoer, men det er veldig mye forventet i dag. Ikke overraskende egentlig fordi brukere vil eksperimentere og visualisere deres fremtidige nettside så godt som mulig før de kjøper et tema.

Enkelte forfattere tilbyr en tilbakestilling påloggingsinformasjon med et midlertidig brukernavn for fullstendig testing (med plugins som midlertidig påloggings-uten-passord) andre markerer hovedalternativene i front-end-alternativbryteren uten admin-tilgang. Begge alternativene er helt nyttige, men jeg foretrekker sistnevnte. Til det formål opprettet jeg et WordPress-plugin som bidrar til å markere de viktigste alternativene. Ta en titt på demoen.

Enovathemes valgpanel på Github

Som du kan se standard demo fremhever flere alternativer, og du kan legge til eller fjerne så mange alternativer som du trenger ved hjelp av enkle innstillinger. 

Vær oppmerksom på at dette ikke er et premium-plugin, og det er heller ikke bygget for noen andre enn WordPress-utviklere. Med det sagt, vær så snill å bruke den til tema presentasjonen.

7. Kommunisere med potensielle kjøpere

Det er vanlig å bruke "pre-sales chats" i dag. Noen forfattere bruker plugins for det, jeg foretrekker å bruke Facebook messenger (derfor inkluderte jeg også budmerkerknappen i hjelpeprogrammet).

Chatter med en temaforfatter vil ofte gi potensielle kjøpere den ekstra følelsen av tillit de trenger for å kjøpe.

8. Optimaliser dine demonstrasjoner

Tema demo optimalisering er et eget (og stort) tema, men la oss se på hva jeg føler er hovedpoengene:

  • Pass på at din hosting / server har PHP-versjon minst 7.0
  • Pass på at du har HTTPS aktivert.
  • Pass på at du deker alle js / css bibliotekene og filene som brukes både i temaet ditt og installerte programtillegg. For eksempel kan mange plugins som du installerer med temaet bruke Masonry eller Fontawesome, og hvis du ikke deker dem, lastes disse filene flere ganger, og øker belastningstiden og størrelsen på demoen din..
  • Pass også på at du ikke inkluderer js / css-filene i temaet ditt hvis de er til stede i WordPress som standard.
  • Pass på at du optimaliserer bildene dine, ved å bruke Plugin Image Compression and Optimization plugin.
  • Og sørg for at du optimaliserer nettstedet ditt ved hjelp av tilbakemelding fra Pingdom Website Speed ​​Test.
  • Og når du er fornøyd med resultatene dine, ikke glem å aktivere et caching-plugin. Jeg foretrekker WP Super Cache.

9. Fullfør og test

Dette er en veldig viktig del. Etter at du har designet, utviklet og optimalisert demoen din, finner du at du ikke lenger har noen styrke igjen og bare vil slappe av, men nå er det tid for testing! Avgjørende: test alle sidene dine, på alle mulige skjermstørrelser, med en aktiv debugger

Du kan aldri vite nøyaktig hvorfor en klient valgte å ikke kjøpe varen din. Det kan skyldes at en av sidene dine viste et dårligjustert ikon, eller på et tavla-landskap, du glemte å redusere en overskrifts skriftstørrelse. Brukere har en tendens til ikke å tenke som utviklere gjør, de fleste brukere behandler ditt produkt som de finner det, så disse små tingene fungerer som store advarselsskilt.

Etter grundig testing må du ikke glemme å deaktivere feilsøkingsprogrammet og fjerne cachen.

Konklusjon

I denne veiledningen prøvde jeg å beskrive så mange demo beste praksis som jeg har lært i løpet av mine år med premium tema utvikling. Hvis du har flere tanker eller ideer, vennligst del dem med oss ​​alle i kommentarfeltet. Takk for at du leste!