Contents

Our WordPress Themes come packed with 10 ready-made & fully customizable sales pages that come with exclusive ready to use content. They are out of the box pages that requires very little customization to use for your business. Simply replace the sample packages with your own following this guide.

About The Sales Pages

Your theme comes with 10 default sales pages that are used to display and promote your products/services. The 10 default pages are Shared Hosting, Reseller Hosting, VPS Hosting, Dedicated Servers, Cloud Hosting, Game Servers, Virtual Private Network, IPTV, Hosting Addons & Web Design. They come with completely exclusive content specific to each page. Between the content and sample plans it is easy for you to modify them for your business.

We have built all of the pages of the theme using our custom and in-built Shortcode. Shortcode is similar to HTML but much more easier to understand and customise (no experience needed).

Learn More About Shortcode

Where Can I Access The Pages?

You will find the 10 sales pages listed within the web hosting menu of your WordPress Theme. These pages can be found and edited via your WordPress admin panel under Pages.

Plan Display Options

WordPress Theme plan display
Theme plan display

We have 4 different design options for displaying your products/services, they are:

  • Table - pricing table design allowing you to easily show a comparison of your plans (up to 6).
  • Table2 - data table design which is great for listing plans within a standard table display.
  • Boxes - bold plan boxes with multiple display & customization options.
  • Slider - a modern plan display allowing users to slide to compare between plans.

How To Add Your Plans

 

Page Content

We have included exclusive and relevant content with each of the pages. Content includes a header banner, overview, features, testimonials, why choose us and FAQs. This includes eye catching images relevant to each page. All of the content is fully customisable so you can mould it to your business and the products/services you provide.

Re-naming A Page

You can easily re-name these pages as you see fit. Simply re-name the page and change the URL within WordPress. If you provide a product/service that is not part of our default 10 pages we recommend customising the closest page to your needs. You can also install a page duplicator plugin in WordPress to duplicate and re-name one of the existing pages.

What If I Run Out Of Pages?

All of our themes support unlimited custom pages if you happen to use or re-name all of the 10 default pages. You can either duplicate one of the existing pages (using a free WordPress plugin) or create a new page and make use of the Shortcode Options which you can use to generate unlimited pre-made elements.

How To Create Custom Pages

How To Setup The Sales Pages

The first step is to configure your chosen software with the products/services that you'd like to provide. Follow the documentation provided by the software company.

WHMCS Documentation Blesta Documentation Clientexec Documentation WISECP Documentation HostBill Documentation FOSSBilling Documentation

Once your software has been configured with the products/services you'd like to provide it is time to add them to your theme. WordPress and the software are kept separate to ensure reliability and allow high levels of customization in the theme service pages. By default we have 10 ready made pages for popular services such as Shared Hosting and VPS Servers. You can use and customize these pages if you are providing the same type of product/service or re-name them to what you are providing. E.g re-name Cloud Hosting to SSD Hosting).

How Does The Integration Work?

The integration between your WordPress/theme and your chosen software is very simple, in the theme you simply add the same plans you setup in software to display them in the theme. The theme will provide many good display options allowing you to best display your products/services. The final step is to link the order button of each plan to the order/cart URL provided for that same plan in the software. The way it works is a visitor will view your plans on the search engine friendly service pages of your WordPress/theme, when they click on an order button it'll take them to the software cart to complete their order. When adding a plan to the theme it should be a replica of the plan you've setup in software (same name, pricing etc) but the detailed service pages allows you to better display and describe your plans compared to simply using the software cart alone.

How To Setup Your Plans

The process is the same for each page, as an example we will setup the Shared Hosting page and we will assume that you are using WHMCS as the software integration (the process is the same for either software). The steps to setup the page are:

1. Edit The Page Content

Edit the Shared Hosting page within WordPress Admin > Pages. Edit the content of the page to suit your business, for example the default control panel listed is cPanel. If you provide hosting using Plesk you should edit the content to reflect that. Lastly add your plans to the plan display section including your plan names, specs, description, pricing (ignore the Order Now buttons - explained below).

2. Link Your Plans To The Software

Now your plans have been added to the page all you need to is set the order URL of each plan to link them to WHMCS. Once a visitor clicks on the order button of the plan it will take them to purchase the plan via the WHMCS cart. Both your WordPress/theme and WHMCS will match in design. Thanks to the pixel perfect integration the user experience between WordPress and WHMCS is streamlined.

Login to WHMCS and go to:

Configuration () > System Settings > Products/Services.

Edit the plan using the icon to the right as seen below.

A screenshot showing how to edit a existing plan in WHMCS
A screenshot showing how to edit a existing plan in WHMCS.

Next click on the links tab and copy the direct shopping cart link as seen below:

A screenshot showing the link to use for the plan order buttons
A screenshot showing the link to use for the plan order buttons.

Let's use the first shared hosting plan on the Shared Hosting page as an example.

Shared Hosting page plan
Shared Hosting page plan

The shortcode used to generate the Shared 1 plan is:

[productboxes1 columns="3"]

	[productboxes1_box highlight="popular" display_order="0" animation="fadeInUp"]
	
		[productboxes1_heading]Shared Hosting[/productboxes1_heading]
		
		[productboxes1_description]Premium cPanel based web hosting[/productboxes1_description]
		
		[productboxes1_heading2]Features[/productboxes1_heading2]
		
		[productboxes1_features]
			[productboxes1_feature][b]10GB Disk Space[/b][/productboxes1_feature]
			[productboxes1_feature][b]100GB Bandwidth[/b][/productboxes1_feature]
			[productboxes1_feature][b]5 Addon Domains[/b][/productboxes1_feature]
			[productboxes1_feature]cPanel Control Panel[/productboxes1_feature]
			[productboxes1_feature]Softaculous Installer[/productboxes1_feature]
		[/productboxes1_features]
		
		[productboxes1_pricing before="From" price="9.99" term="/monthly"]	
		
		[productboxes1_buttons]
			[button url="#" color="color2"][icon]far fa-list-alt[/icon]Features[/button]
			[button url="#software_url_cart" color="color1"][icon]fas fa-shopping-cart[/icon]Order Now[/button]
		[/productboxes1_buttons]	
		
	[/productboxes1_box]

[/productboxes1]

You can edit all of the features and specs of this plan to match the features you are providing with your Shared Hosting service. To link this plan to the correct product you setup within WHMCS we need to replace the Order Button URL with the one you saved from earlier. By default the order button of all plans will link to your WHMCS cart homepage. You will want to use the direct link to take users to the exact plan they are wanting to purchase. All you would need to do is change the order URL used by the Order Now button:

[button url="#software_url_cart" color="color1"][icon]fas fa-shopping-cart[/icon]Order Now[/button]

To:

[button url="https://www.zomexdemo.com/whmcs/cart.php?a=add&pid=1" color="color1"][icon]fas fa-shopping-cart[/icon]Order Now[/button]

The URL in our example is: https://www.zomexdemo.com/whmcs/cart.php?a=add&pid=1 You would need to replace this with your own URL.

When you click the Order Now button for that plan it will now link directly to the product you setup in WHMCS. You would need to repeat this process for all of the products/services you want to provide. Remember you can also remove any of the dummy pages/plans if it is not something you want to provide. E.g if you don't provide Game Servers simply remove the Game Servers link within the main menu under WordPress Admin > Appearance > Menus

Your plan within WordPress/theme is now linked to WHMCS. View the page in the front end and click the order button, it should now take you to the WHMCS cart to begin the purchasing process.

Why Are Plans Manually Added?

All of our WordPress Themes require you to manually add your plans. You may be wondering why this is the case and find it inconvenient to enter your plans having already added them to the software. The reasons for this are:

  • Multi-Display Options - By having manual pages it allows us to support multi-display options and layouts for your plans.
  • More Control - Our plans display supports many more options than the software product creation. Including names, features, pricing, highlighting, column control, multiple buttons, icons & more.
  • Optimum SEO - One of the biggest benefits to using these separate pages is SEO. The page, content and SEO options available to each page thanks to the power of WordPress make it optimum over using the software cart. For example WHMCS alone is very poor for SEO as it uses a lot of duplicate content and unfriendly URLs. By using WordPress as your main website you eradicate this problem.
  • Content - These sales pages come with exclusive content that is fully customizable. You are able to add as much or as little content to your pages. This creates a much better experience for your users and allows you to create much more detailed and engaging sales pages that will lead to higher conversion rates.

Comments

If you have any questions please leave a comment below or contact our support.