{"id":6014,"date":"2019-12-06T12:19:00","date_gmt":"2019-12-06T12:19:00","guid":{"rendered":"https:\/\/www.icdsoft.com\/blog\/?p=6014"},"modified":"2026-03-19T08:15:09","modified_gmt":"2026-03-19T08:15:09","slug":"start-your-own-hosting-company-part-2","status":"publish","type":"post","link":"https:\/\/www.icdsoft.com\/blog\/start-your-own-hosting-company-part-2\/","title":{"rendered":"How to Start Your Own Hosting Company at Home \u2013 the Complete Guide. Part 2 &#8211; Building the Website"},"content":{"rendered":"\n<p>Part two of our <em>\"How to Start Your Own Hosting Company at Home\"<\/em> guide focuses on designing the actual website. <\/p>\n\n\n\n<p><a href=\"https:\/\/www.icdsoft.com\/blog\/start-your-own-hosting-company\/\"><strong>Click here for part 1<\/strong>. <\/a><\/p>\n\n\n\n<p>I'll show you how to build a <strong>real <\/strong>hosting company <strong>website <\/strong>called <strong><em><a href=\"https:\/\/hectohost.com\" target=\"_blank\" rel=\"noopener\">hectohost.com<\/a><\/em>.<\/strong> <\/p>\n\n\n\n<p>Assuming that you've followed all the steps described in the <a href=\"https:\/\/www.icdsoft.com\/blog\/start-your-own-hosting-company\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">first part<\/a>, by now you should have an ICDSoft reseller account with an online store configured in it, a domain name with hosting, and WordPress installed. <em>The WordPress installation should have the OceanWP theme installed and activated along with the plugins ICDSoft Reseller Store, Elementor, and Ocean Extra.<\/em> <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. Set up the Website Navigation Menu<\/h2>\n\n\n\n<p>We start by setting up the <strong>website menu<\/strong>. This would require that we create all the necessary pages of our site first. <\/p>\n\n\n\n<p>Let's take a look at the pages we will have:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em><strong>Home<\/strong><\/em><\/li><li><em><strong>Hosting Plans<\/strong><\/em><strong> <\/strong><\/li><li><em><strong>Email<\/strong><\/em><\/li><li><em><strong>SSL Certificates<\/strong><\/em><\/li><li><strong><em>Advantages<\/em><\/strong> <\/li><li><strong><em>Data Centers<\/em><\/strong> <\/li><li><strong><em>Contacts<\/em><\/strong> <\/li><li><em><strong>Support<\/strong><\/em> <\/li><li><em><strong>Order<\/strong><\/em> <\/li><\/ul>\n\n\n\n<p>This is the structure we've followed when building <strong>hectohost.com<\/strong> - our fictional but fully functional web hosting company. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4.1 Create the Website Pages<\/h2>\n\n\n\n<p>To build the website menu, we have to start by <strong>creating these pages<\/strong>. We don't have to add any content to them now.<\/p>\n\n\n\n<p>Check out the <strong>video below <\/strong>to see how we <strong>add our Home page<\/strong>, and proceed with the rest in the same way. You should navigate to the <strong>Pages<\/strong> menu on the left side and select Add New. Then, enter the name of the page, change the Content Layout to \u201c<strong>100% Full Width<\/strong>\u201d. From the&nbsp;<strong>Title&nbsp;<\/strong>menu on the left side, <strong>Disable<\/strong> the setting \u201c<strong>Display Page Title<\/strong>\u201d.&nbsp; From the Footer menu, disable \"<strong>Display Copyright Area<\/strong>\". <\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"epyt-video-wrapper\"><iframe  id=\"_ytid_22764\"  width=\"770\" height=\"433\"  data-origwidth=\"770\" data-origheight=\"433\" src=\"https:\/\/www.youtube.com\/embed\/FuXxzqmf8fM?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<\/div><figcaption><em>Follow this short video for a step-by-step guide on creating the Home page and proceed to add the other pages that way. <\/em><\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Setting up the menu<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li>Navigate to the <strong>Appearance<\/strong> menu and select <strong>Menus<\/strong>. <\/li><li>Enter the name of the menu (e.g. Main Menu) and press the <strong>Create Menu<\/strong> button on the right side. <\/li><li>Add all the newly created pages to the menu. Arrange their order with drag-and-drop. <\/li><li>Finally, add a <strong>Custom Links<\/strong> type of menu called \"<strong>Company<\/strong>\" with the link option disabled, so that it would serve as a drop-down. <\/li><li>Arrange the three  submenus of the <strong>Company menu <\/strong>- <strong>Advantages<\/strong>, <strong>Data Centers<\/strong>, <strong>Contacts<\/strong>. <\/li><li>Once you've arranged all the items, press the <strong>Save Menu<\/strong> button. <\/li><\/ol>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"epyt-video-wrapper\"><iframe  id=\"_ytid_97483\"  width=\"770\" height=\"433\"  data-origwidth=\"770\" data-origheight=\"433\" src=\"https:\/\/www.youtube.com\/embed\/nLlhxP5Pd40?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"advgb-toc-c43a648a-2685-4016-8f7d-48daf26c0a45\">4.2 Styling Up the Menu <\/h2>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-columns gb-layout-columns-2 gb-2-col-wideleft\"><div class=\"gb-layout-column-wrap gb-block-layout-column-gap-2 gb-is-responsive-column\">\n<div class=\"wp-block-genesis-blocks-gb-column gb-block-layout-column\"><div class=\"gb-block-layout-column-inner\">\n<p>At this point, if you preview the website, it should look like the screenshot below. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/home-page-in-progress.png\"><img decoding=\"async\" width=\"1024\" height=\"444\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/home-page-in-progress-1024x444.png\" alt=\"WordPress blog template with a Hello world! post, navigation menu, search bar, recent posts, and comments section.\" class=\"wp-image-6047 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/home-page-in-progress-1024x444.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/home-page-in-progress-300x130.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/home-page-in-progress-768x333.png 768w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/home-page-in-progress-1170x508.png 1170w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/444;\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-column gb-block-layout-column\"><div class=\"gb-block-layout-column-inner\">\n<p>We want to make tweaks to the menu to make it stand out. The \"Hecto Host\" link in the upper left corner is taken automatically from the Site Title, and that's why we did not add it as a separate menu item.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p>We will change the font of that text. Follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>From the <strong>Appearance <\/strong>menu -&gt; <strong>Customize <\/strong>-&gt; <strong>Typography <\/strong>-&gt; <strong>Logo<\/strong> change the Font Family to the second one on the list of Google fonts called <strong>Abel <\/strong>(of course, you can use something of your liking on your website). <\/li><li>Go to the <strong>Customize <\/strong>menu -&gt; <strong>Main Menu<\/strong>, and <strong>change the Font Family to Abel<\/strong> again, and also <strong>set \"Text Transform\" to \"Uppercase\". <\/strong><\/li><li>We also use an <strong>underline effect <\/strong>on our menu items. Under <strong>Customize <\/strong>-&gt; <strong>Header <\/strong>-&gt; <strong>Menu <\/strong>-&gt; find <strong>Links Effect <\/strong>and <strong>select Underline From Left<\/strong>. <\/li><li>Under that <strong>same section<\/strong>, scroll down and <strong>find the Search Icon Style <\/strong>drop-down menu, and <strong>set it to Disabled<\/strong>. This will get rid of the search function that's added by default on the main menu.<\/li><li><strong>Make sure to press the Publish button to save all these changes you've applied to the main menu.<\/strong><\/li><\/ol>\n\n\n\n<p>With this, we are finished with the design of our menu, and we can start designing our web pages.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5. The Home Page<\/h2>\n\n\n\n<p>Let's start by selecting a header image for the home page. I chose a free stock photo from <a href=\"https:\/\/pixabay.com\" target=\"_blank\" rel=\"noopener\">Pixabay.com<\/a>. I searched for \"happy people\" and downloaded <a href=\"https:\/\/pixabay.com\/photos\/men-women-apparel-couple-people-2425121\/\" target=\"_blank\" rel=\"noopener\">this image<\/a> with dimensions 1280\u00d7853. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Navigate to the Pages <\/strong>menu on the left side of your WordPress dashboard, and <strong>press the Edit <\/strong>link next to the <strong>Home page<\/strong>.<\/li><li> When the page loads up, press the <strong>Edit with Elementor<\/strong> button on top. <\/li><li>Once Elementor is fully loaded, press the <strong>Add Template<\/strong> button.<\/li><li>Insert the page template called <strong>Product - App<\/strong>. <\/li><li>Here is a short walkthrough video on the process thus far. <\/li><\/ol>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"epyt-video-wrapper\"><iframe  id=\"_ytid_39933\"  width=\"770\" height=\"433\"  data-origwidth=\"770\" data-origheight=\"433\" src=\"https:\/\/www.youtube.com\/embed\/P4sZdCwlC7U?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"configure-header-image\">5.1 Configure the Header Image<\/h2>\n\n\n\n<p>To configure the header image, follow these steps, or check the video below:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Click the <strong>Edit Selection <\/strong>button at the very top<\/li><li>Switch to the <strong>Style tab<\/strong>, and click on the thumbnail of the default image. <\/li><li>At the <strong>WordPress Media Library<\/strong> upload the chosen image (I've already done that), <strong>select it<\/strong>, and press the <strong>Insert Media <\/strong>button.<\/li><li>Change the <strong>Position to Custom<\/strong>. <\/li><li>Under <strong>Background Overlay<\/strong>, set <strong>Opacity <\/strong>to <strong>0.30<\/strong>. <\/li><li>Go back to the <strong>Layout tab <\/strong>and <strong>change the Minimum Height to 400 px<\/strong>. <\/li><li><strong>Delete <\/strong>the <strong>entire right column <\/strong>with the video in it with a right-click on the upper-left corner -&gt; Delete. <\/li><li><strong>Select <\/strong>the \"<strong>WORKFLOW OPTIMIZATION MADE EASY<\/strong>\u200b\" text and <strong>enter <\/strong>\"<strong>Fast And Reliable Hosting With Outstanding Customer Support<\/strong>\"  (or your chosen tagline). <\/li><li><strong>Set the alignment to center<\/strong>. Switch to the <strong>style tab <\/strong>for that text, <strong>press the Typography <\/strong>icon, <strong>change the font family to Abel<\/strong>, set <strong>size to 32 px<\/strong>. <\/li><li><strong>Switch Transform <\/strong>field to \"<strong>Capitalize<\/strong>\".<\/li><li><strong>Last step <\/strong>here is to <strong>right click <\/strong>on the \"<strong>Get Started<\/strong>\" button -&gt; <strong>Edit <\/strong>Button. <strong>Set the alignment to Center<\/strong>. <\/li><\/ol>\n\n\n\n<p>On the <strong>Style tab<\/strong>, change the Background Color to Purple (#4054b2), and the Text Color to white (#ffffff).  <\/p>\n\n\n\n<p>Take a look at the video below for a step-by-step guide on this entire process. <\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"epyt-video-wrapper\"><iframe  id=\"_ytid_61882\"  width=\"770\" height=\"433\"  data-origwidth=\"770\" data-origheight=\"433\" src=\"https:\/\/www.youtube.com\/embed\/tGj9vAsEXLw?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">5.2 Edit the Icons Under the Header Image<\/h2>\n\n\n\n<p>The next step is to edit the area with the four icons under the header image we just updated.   <\/p>\n\n\n\n<div class=\"wp-block-advgb-images-slider advgb-images-slider-block advgb-images-slider-lightbox\"><div class=\"advgb-images-slider\"><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/Icon-Box.png\" class=\"advgb-image-slider-img lazyload\" alt=\"Slider image\" style=\"--smush-placeholder-width: 1578px; --smush-placeholder-aspect-ratio: 1578\/732;width:100%;height:auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><div class=\"advgb-image-slider-item-info\" style=\"justify-content:center;align-items:center\"><a class=\"advgb-image-slider-overlay\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a><\/div><\/div><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/icon-box2.png\" class=\"advgb-image-slider-img lazyload\" alt=\"Slider image\" style=\"--smush-placeholder-width: 1578px; --smush-placeholder-aspect-ratio: 1578\/732;width:100%;height:auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><div class=\"advgb-image-slider-item-info\" style=\"justify-content:center;align-items:center\"><a class=\"advgb-image-slider-overlay\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a><\/div><\/div><\/div><\/div>\n\n\n\n<ol class=\"wp-block-list\"><li>Click on the first icon representing a suitcase and then press the <strong>Icon Library<\/strong> button. <\/li><li>Search for an icon called \"rocket\" and <strong>Insert<\/strong> it. <\/li><li>Edit the texts and the rest of the icons in the same way. <\/li><\/ol>\n\n\n\n<p>You can see the actual titles and descriptions from the screenshot or at the <a href=\"https:\/\/hectohost.com\/\" target=\"_blank\" rel=\"noopener\">hectohost.com<\/a> website. <\/p>\n\n\n\n<p>It's best to use your own text to avoid getting penalized by Google for <a href=\"https:\/\/support.google.com\/webmasters\/answer\/66359?hl=en\" target=\"_blank\" rel=\"noopener\">duplicate content<\/a>. You can also opt for different icons of your personal liking. In our case, the second icon is labeled \"people\", third one is \"ambulance\", and the fourth is \"at\" (@).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5.3 Why Us - We will move your website for free!<\/h2>\n\n\n\n<p>In this next segment, we will have a short description of our <a href=\"https:\/\/www.icdsoft.com\/en\/faq#sitemigration\">free website migration service<\/a> with a neat image of it. <\/p>\n\n\n\n<p>Note that as a hosting provider, <strong>you don't have to do anything<\/strong> -<strong> our team <\/strong>at <a href=\"https:\/\/suresupport.com\" target=\"_blank\" rel=\"noopener\">SureSupport.com<\/a> will perform the actual website migration, <strong>free of charge<\/strong>. You or your end customer will just have to request the migration.<\/p>\n\n\n\n<p>Go ahead and follow the video, or use the text instructions below.<\/p>\n\n\n\n<p>Again, we chose an image from Pixabay for this section - I searched for \"move\" and downloaded <a href=\"https:\/\/pixabay.com\/photos\/boxes-cardboard-carrying-overload-2624231\/\" target=\"_blank\" rel=\"noopener\">this image<\/a> in its smallest size (623x640). Let's go ahead and make the changes:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Insert an Elementor block<\/strong> beneath the previous section with the four icons by clicking on the <strong>\"plus\" sign labeled \"Add Section\"<\/strong>.<\/li><li>Click on \"<strong>Add Template<\/strong>\" (the folder icon). <\/li><li>Switch to the <strong>Blocks <\/strong>tab.<\/li><li>S<strong>et the category to \"Call To Action\"<\/strong>. <\/li><li>There, insert the block with an image of a bicycle and text saying \"We help you design the life you want\". <\/li><li>Click on the bicycle image -&gt; <strong>Choose Image<\/strong> (on the left side) and <strong>Insert<\/strong> the one we downloaded from Pixabay.<\/li><li>Change the image <strong>Size<\/strong> to <em>\"Medium\" <\/em>and<em> <\/em><strong>Align<\/strong> it to the \"Right\".<\/li><li>Change the text to something in the lines of:<\/li><\/ol>\n\n\n\n<div class=\"wp-block-group has-pale-cyan-blue-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><\/div><\/div>\n\n\n\n<div style=\"color:#32373c;background-color:#209cef\" class=\"wp-block-genesis-blocks-gb-notice gb-font-size-18 gb-block-notice\" data-id=\"3aa61c\"><div class=\"gb-notice-title\" style=\"color:#fff\"><p>We will move your website for free!<\/p><\/div><div class=\"gb-notice-text\" style=\"border-color:#209cef\"><p>Need help with moving over your website from your current web host? <\/p><p>Just <a rel=\"noreferrer noopener\" aria-label=\"notify our Support Team (opens in a new tab)\" href=\"https:\/\/icdsoft.com\/en\/support\" target=\"_blank\">notify our Support Team<\/a>, and we will take care of it.<\/p><\/div><\/div>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"epyt-video-wrapper\"><iframe  id=\"_ytid_56954\"  width=\"770\" height=\"433\"  data-origwidth=\"770\" data-origheight=\"433\" src=\"https:\/\/www.youtube.com\/embed\/npy5thfRIxk?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">5.4 Choose the Perfect Plan<\/h2>\n\n\n\n<p>This section shows comparison blocks of three hosting plans with their specs. You can copy the text from the <a href=\"https:\/\/hectohost.com\" target=\"_blank\" rel=\"noopener\">hectohost.com<\/a> website. <\/p>\n\n\n\n<p>The <strong>Get Started<\/strong> buttons are links to the order page. Below them, we will drop a ready-made element for Elementor called HTML with one of the shortcodes for the<a href=\"https:\/\/wordpress.org\/plugins\/icdsoft-reseller-stor\" target=\"_blank\" rel=\"noopener\"> <em>ICDSoft Reseller Plugin<\/em><\/a> - <strong>[domaincheck]<\/strong>. This shortcode generates an order form for domain registrations. <\/p>\n\n\n\n<p>Note that you will not see that order form while you are under the Elementor editor, but it should load correctly on the website once you actually publish the page or try to preview it. <\/p>\n\n\n\n<p>Here is the short video of the process:<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"epyt-video-wrapper\"><iframe  id=\"_ytid_39878\"  width=\"770\" height=\"433\"  data-origwidth=\"770\" data-origheight=\"433\" src=\"https:\/\/www.youtube.com\/embed\/bjje8ADPwTE?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&disablekb=0&\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">5.4 Frequently Asked Questions<\/h2>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-columns gb-layout-columns-2 gb-2-col-wideleft\"><div class=\"gb-layout-column-wrap gb-block-layout-column-gap-2 gb-is-responsive-column\">\n<div class=\"wp-block-genesis-blocks-gb-column gb-block-layout-column\"><div class=\"gb-block-layout-column-inner\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/FAQ-section-scaled.png\"><img decoding=\"async\" width=\"1024\" height=\"501\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/FAQ-section-1024x501.png\" alt=\"FAQ section with questions on website migration, support, trial, control panel, and server technology in a web editor.\" class=\"wp-image-6223 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/FAQ-section-1024x501.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/FAQ-section-300x147.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/FAQ-section-768x376.png 768w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/FAQ-section-1536x751.png 1536w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/501;\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-column gb-block-layout-column\"><div class=\"gb-block-layout-column-inner\">\n<p>The page template we loaded at the start includes a nicely looking FAQ section, so we will just update its text. For example, \"<em>Can I use WordPress on your servers?<\/em>\", \"<em>How can I move my website here?<\/em>\", \"<em>What's your server technology?<\/em>\". <\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p>You can check the actual texts at hectohost.com and of course we recommend that you change the texts to your liking and include other questions. Changing the actual text under Elementor is as simple as clicking on it and then edit the actual Toggle Items on the left side.<\/p>\n\n\n\n<p>At the end, you can remove the text \"<em>Workflow Optimization is a cross platform message optimization app for all devices.&nbsp;<\/em><a href=\"https:\/\/test.hectohost.com\/home\/?elementor-preview=20&amp;ver=1574776136#\" target=\"_blank\" rel=\"noopener\">Contact Us<\/a>\". <\/p>\n\n\n\n<p>Since we don't have any actual testimonials yet, I will also remove the last block labeled \"Our Clients Say\". To do that, just hover on it, so that it gets selected, and then press the \"x\" button (Delete Selection) at the top.  Don't forget to press the green Update button once you are ready.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5.5 Set the Finished Page as Home<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"496\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/homepage-settings-1024x496.png\" alt=\"Website homepage design preview for Hecto Host, featuring hosting services and customer support description.\" class=\"wp-image-6227 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/homepage-settings-1024x496.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/homepage-settings-300x145.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/homepage-settings-1536x744.png 1536w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/homepage-settings-768x372.png 768w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/496;\" \/><\/figure>\n\n\n\n<p>Now that you have finished the index page, it's time to set it as the home page for our website. <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Exit Elementor, by clicking on the sandwich menu at the upper left corner and select \"<strong>Exit to Dashboard<\/strong>\". <\/li><li>Go to the Appearance -&gt; Customize menu -&gt; Homepage Settings -&gt; Your homepage displays -&gt; A static page.<\/li><li>Select the \"Home\" page we just finished -&gt; Publish. <\/li><\/ol>\n\n\n\n<p>At this point you should be able to access your website and see the home page. Looks nice, right? In the <a href=\"https:\/\/www.icdsoft.com\/blog\/how-to-start-your-own-hosting-company-at-home-the-complete-guide-part-3-building-the-rest-of-the-website\/\">next chapter of this tutorial<\/a>, we will focus on building the rest of the pages. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Part two of our &#8220;How to Start Your Own Hosting Company at Home&#8221; guide focuses on designing the actual website. Click here for part 1. I&#8217;ll show you how to build a real hosting company website called hectohost.com. Assuming that you&#8217;ve followed all the steps described in the first part, by now you should have<\/p>\n","protected":false},"author":1,"featured_media":6227,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[1,3,4,11],"tags":[],"class_list":{"0":"post-6014","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-general","8":"category-how-to","9":"category-resellers","10":"category-wordpress"},"author_meta":{"display_name":"ICDSoft","author_link":"https:\/\/www.icdsoft.com\/blog\/author\/icdsoft\/"},"featured_img":"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/homepage-settings-300x145.png","featured_image_src":"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/homepage-settings-scaled.png","featured_image_src_square":"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/11\/homepage-settings-scaled.png","author_info":{"display_name":"ICDSoft","author_link":"https:\/\/www.icdsoft.com\/blog\/author\/icdsoft\/"},"coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/www.icdsoft.com\/blog\/category\/general\/\" class=\"advgb-post-tax-term\">General<\/a>","<a href=\"https:\/\/www.icdsoft.com\/blog\/category\/how-to\/\" class=\"advgb-post-tax-term\">How To<\/a>","<a href=\"https:\/\/www.icdsoft.com\/blog\/category\/resellers\/\" class=\"advgb-post-tax-term\">Resellers<\/a>","<a href=\"https:\/\/www.icdsoft.com\/blog\/category\/wordpress\/\" class=\"advgb-post-tax-term\">WordPress<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">General<\/span>","<span class=\"advgb-post-tax-term\">How To<\/span>","<span class=\"advgb-post-tax-term\">Resellers<\/span>","<span class=\"advgb-post-tax-term\">WordPress<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 7 years ago","modified":"Updated 5 months ago"},"absolute_dates":{"created":"Posted on December 6, 2019","modified":"Updated on March 19, 2026"},"absolute_dates_time":{"created":"Posted on December 6, 2019 12:19 pm","modified":"Updated on March 19, 2026 8:15 am"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/posts\/6014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/comments?post=6014"}],"version-history":[{"count":80,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/posts\/6014\/revisions"}],"predecessor-version":[{"id":14932,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/posts\/6014\/revisions\/14932"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/media\/6227"}],"wp:attachment":[{"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/media?parent=6014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/categories?post=6014"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/tags?post=6014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}