未加星标

So You’re Selling a WordPress Theme: Best Practices for Demos

字体大小 | |
[开发(php) 所属分类 开发(php) | 发布者 店小二03 | 时间 2018 | 作者 红领巾 ] 0人收藏点击收藏

When you’re selling a theme, its demo is your sales pitch. If the demo falls short in some way, it’s doing a disservice to the theme and will lead to a loss of sales. If your theme includes hundreds of features, but buyers can’t see them in action, you may as well have no features at all.

This guide will cover nine best practices to help you demo your theme as well as possible.

Here’s what we’ll be looking at:

Pages to Include in Your Demo Menu and Navigation Layouts Highlight Hidden Features Use Authentic Content Include a Front-end Option Switcher Communicate With Potential Buyers Optimize Your Demos Finalization and Testing 1. Pages to Include in Your Demo

None of these pages are required as such, but highly recommended.

Home pages: Create at least three unique home pages. The more home pages you create, the more layouts you can demonstrate.

Inner pages: Include inner pages (or “sub pages”), like “About us”, “Services”, “Pricing”, “Team”, “FAQ” etc. It is highly recommended to have at least two versions of the each inner page. This gives the clientchoices and lets you show off a range of page elements without stuffing too much into a single layout.

Elements: Moving on from the last point, it’s a generally accepted best practice to demonstrate theme elements on separate pages. You don’t need to make super complex pages to present your elements, just design a simple reusable page template and use it for each of your elements.

If you have a small list of elements with simple options you could present them on a single page, or group them into suitable collections.Just make sure you use logical organization and grouping. You’ll notice the globax theme elements menu for example. The elements are grouped into Typography elements, UI elements, social etc.


So You’re Selling a WordPress Theme: Best Practices for Demos
UI elements from the Globax theme

Features: One of the most visitedpages in any given demo is the features page. Be sure to present as many features as possible in a clean, simple and eye-catching way.

Your buyers will find it helpful if you group your features in some kind of hierarchy. For example: key features, main features, and additional features. For example:

Key features Visual composer included Revolution slider included Advanced theme options panel WooCommerce compatibility Main features Multilingual support One click demo import RTL support 10+ header demos 100+ custom elements Multi layout blog Additional features Single page and multipage variants Responsive and retina ready Advanced typography Fontawesome icons included Widgets in megamenu

Present these features as visually as possible. Too much descriptive text can overwhelm buyers.

2. Menu and Navigation

Your demo navigation should be as intuitive as possible. First think I want to highlight is: make sure your navigation is 100% functional on all screen sizes. Complex navigation can often “break” on smaller viewports.

Try not to overload your main navigation, and make sure the combination of navigational elements are aesthetically pleasing. An unbalanced navigation won’t do your demo justice.

3. Layouts

If you want to increase your theme’s chances of selling, consider making it multi-layout. This refers to all the pages, including posts and custom post types. Clients love being able to choose between layouts. For example, for a blog archive you might consider agrid, a list, and a full layout. If your theme offers a sidebar, demonstrate these thingswith the sidebar turned on and off.

Make sure you can demonstrate all these variouslayouts in a single WordPress installation. If that’s not possible you should reconsider your theme’slogic.

4. Highlight Hidden Features

Build your demo using all your theme’s features! Yes! If your theme features beautiful on-page scroll animations, use them in your presentation. If your theme includes a megamenu with widgets in the navigation, create and organize your navigation with these features. If you have icon support in your header menu items, add some icons!

5. Use Authentic Content

One of the most difficulttasks when presentinga theme is making it like a “real” website. There are plenty of dummy text generators like lorem ipsum, but I highly recommend using authentic text as much as possible. And for the images, audio, video, and other assets, I recommend using high quality assets. The web might comprise mainly oftext, but a single bad image on the page will seriously harm your efforts. The same applies to typography. Use quality fonts to show things in the best light possible.

6. Include a Front-end Option Switcher

I don’t remember when it became standard to use a front-end option switcher for theme demos, but it is very much expected nowadays,. Unsurprising really, because users want to experiment and visualize their future website as well as possible before buying a theme.

Some authors offer a back-end login with a temporary username for complete testing (withplugins like temporary-login-without-password ) others highlight the main options in the front-end option switcher without admin access. Both options are perfectly useful, but I prefer the latter. For that purpose I created a WordPress plugin which helps highlight the main options. Take a look at the demo .


So You’re Selling a WordPress Theme: Best Practices for Demos
Enovathemes options panel on Github

As you can see the default demo highlights several options, and you can add or remove as many options as you need using simple settings.

Be aware that this isn’t a premium plugin, nor is it built for anyone other than WordPress developers. With that said, feel free to use it for your theme presentation.

7. Communicate With Potential Buyers

It is common practice nowadays to use “pre-sales chats”. Some authors use plugins for that, I prefer using Facebook messenger (for this reason I also included the messenger button in the helper plugin).

Chatting with a theme author will often give potential buyers that extra sense of trust they need to make a purchase.

8. Optimize Your Demos

Theme demo optimization is a separate (and large) topic, but let’s look at what I feel are the main points:

Make sure your hosting/server hasphp version at least 7.0 Make sure you have HTTPS enabled. Make sure you dequeue all the js/css libraries and files that are used both in your theme and installed plugins. For example, many plugins that you install with your theme can use Masonry or Fontawesome,

本文开发(php)相关术语:php代码审计工具 php开发工程师 移动开发者大会 移动互联网开发 web开发工程师 软件开发流程 软件开发工程师

tags: your,theme,features,elements,demo,pages
分页:12
转载请注明
本文标题:So You’re Selling a WordPress Theme: Best Practices for Demos
本站链接:https://www.codesec.net/view/597083.html


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 开发(php) | 评论(0) | 阅读(10)