Contents

Our HTML Templates come packed with 10 ready-made sales pages that are fully customizable. These pages support 4 different display options.

About The Sales Pages

Your template 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.

Where Can I Access The Pages?

You will find the 10 sales pages in the root of your HTML Template.

Plan Display Options

HTML Template plan display
Template plan display

Each page supports up to 10 plans and 4 unique display options which are:

  • table - pricing table design allowing you to easily compare up to 6 diverse products.
  • table2 - data table design which is perfect for listing up to 10 products with only a few varying features.
  • boxes - popular box design which is bold and easy to display up to 10 products effectively.
  • 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. 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 re-name these pages as you see fit. Simply re-name the .php file and edit the content as needed.

What If I Run Out Of Pages?

All of our templates support unlimited custom pages if you happen to use all 10 default pages. You can either duplicate one of the existing pages or create a new page and make use of the HTML Snippets which you can use to generate 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 template. The template and software are kept separate to ensure reliability and allow high levels of customization in the template 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 software and the template is very simple, in the template you simply add the plans you setup in software to display them in the template. Then link the order button of each plan to the order 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 template, 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 template it should be a replication 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 Homepage 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 content of the index.php page to suit your business. You can edit SEO and page content all within this file. 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.

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 box on the homepage (index.php) as an example.

Homepage Shared Hosting Box
Homepage Shared Hosting Box

The code for this box is:

<div class="product-boxes1-box animate__animated animate__fadeInLeft wow product-boxes1-highlight product-boxes1-highlight-popular">	
														
	<div class="product-boxes1-head">
		<h3 class="product-boxes1-heading">Shared Hosting</h3>
	</div><!-- .product-boxes1-head -->
		
	<div class="product-boxes1-text">
		Premium cPanel based web hosting
	</div><!-- .product-boxes1-text -->	
								
	<div class="product-boxes1-heading2">
		Features
	</div>
								
	<div class="product-boxes1-features">
		<ul>
			<li><strong>10GB Disk Space</strong></li>
			<li><strong>100GB Bandwidth</strong></li>
			<li><strong>5 Addon Domains</strong></li>
			<li>cPanel Control Panel</li>
			<li>Softaculous Installer</li>
		</ul>
	</div><!-- .product-boxes1-features -->
	
	<div class="product-boxes1-price">
		<div class="product-boxes1-price-priceprefix">From</div><div class="product-boxes1-price-currencyprefix">$</div><div class="product-boxes1-price-price">9.99</div><div class="product-boxes1-price-term">/monthly</div>
	</div><!-- .product-boxes1-price -->
								
	<div class="product-boxes1-buttons">						
		<a href="<?php echo $path_html; ?>/web-hosting.php#plans" class="button1 color2"><i class="fas fa-info-circle"></i>Learn More</a>
		<a href="<?php echo $path_html; ?>/web-hosting.php" class="button1 color1"><i class="fas fa-shopping-cart"></i>Order Now</a>										
	</div><!-- .product-boxes1-buttons -->
										
</div><!-- .product-boxes1-box -->

You can edit the text of this box to match the features you are providing with Shared Hosting. To link this box to the correct product you setup we need to replace the Order Button URL with the one you saved from earlier. All you would need to do is change the Order Now button from:

<a href="<?php echo $path_html; ?>/web-hosting.php" class="button1 color1"><i class="fas fa-shopping-cart"></i>Order Now</a>

To:

<a href="https://www.zomexdemo.com/whmcs/cart.php?a=add&pid=1" class="button1 color1"><i class="fas fa-shopping-cart"></i>Order Now</a>

The URL in this 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 in the front end it will now link to the product you setup in the chosen software. 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.

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

Why Are Plans Manually Added?

All of these pages 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, multiple buttons with icons.
  • Optimum SEO - One of the biggest benefits to using these separate pages is SEO. The page, content and SEO options available to each page make it optimum over using the software cart.
  • Content - These sales pages come with exclusive content that is fully customizable. This creates a much better experience for your users.

Comments

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