Knowledgebase: Getting Started
Create a Landing Page or One-page Site
Posted by ASO Admin on 18 February 2020 02:16 PM

Also known as a landing page or an under-construction page, a one-page site is the perfect solution for a temporary place holder OR as an efficient single page website. The site could tell visitors that your real site is coming soon, and list any important information, which typically could include contact and order information useful for offline contact (i.e. phone number, mailing address, email). Now, as the web has progressed, there are multitudes of slick single-page websites that achieve all you could want in a multi-pager. 

Create Your Page

The easiest option is to use the File Manager option, found in your control panel (cPanel often). While these instructions are for Shared and Reseller accounts, similar steps can be used with any type of hosting. To get started:

  1. Log into cPanel

  2. Click the File Manager icon

  3. In the pop-up that appears, choose to navigate to the Web Root (public_html/www) folder

  4. Click the Go button

  5. From the top toolbar click the New File icon

  6. For the new file name, type "index.html" (without the quotation marks)

  7. Click the Create New File button

  8. Look for the new file you created in the main list, under the 'Name' header

  9. Right-click the icon for 'index.html' and choose the HTML Edit option from the dropdown 

A page populates that has a WYSIWYG editor, which makes it simple to create a webpage. See in the section below, Add Images to the Temporary Page, to add content and images to that page.

Add Images and Content

To insert images onto your page, you must upload them to the 'public_html' directory first. Let's get started...

  1. Login to cPanel, if you aren't already logged in from completing the steps above

  2. Click the File Manager icon

  3. In the pop-up that appears, choose to navigate to the Web Root (public_html/www) folder

  4. Hit the Go button

  5. From the top toolbar click the Upload icon

  6. On the new window, click the Browse button to locate the images on your computer you want to use

  7. Double-click the image(s) and wait for the blue bar to reach 100% Complete, meaning it's been uploaded

  8. Click the 'Back to /home/your-user-name/public_html' link; the image file will now appear along with your index.html file in the list

  9. Go back to the WYSIWYG/HTML Edit tool you were in before

  10. Click the Insert Image icon, which looks like a landscape painting 

  11. Select your image(s) and click the Insert button 

  12. Make any other changes you want to make to your page within this editor

  13. Click the Save icon, second from the left, from the top menu bar

  14. Preview your site at it's URL on the web and go back to cPanel to make changes as you see fit

 htmledit.png (26.37 KB)
 htmlimg.png (15.56 KB)
 addimg1.png (30.76 KB)
(0 vote(s))
This article was helpful
This article was not helpful

Comments (0)
Post a new comment
Full Name:
Help Desk Software by Kayako fusion