{"id":8395,"date":"2021-03-19T10:20:54","date_gmt":"2021-03-19T10:20:54","guid":{"rendered":"https:\/\/www.icdsoft.com\/blog\/?p=8395"},"modified":"2025-10-24T10:37:39","modified_gmt":"2025-10-24T10:37:39","slug":"building-an-online-store-in-2021-with-our-new-website-builder","status":"publish","type":"post","link":"https:\/\/www.icdsoft.com\/blog\/building-an-online-store-in-2021-with-our-new-website-builder\/","title":{"rendered":"Building An Online Store in 2021 With Our New Website Builder"},"content":{"rendered":"\n<p><strong>Building an online store<\/strong> has never been more important as the pandemic has diverted a growing number of sales from the traditional physical stores and shopping malls to the Internet. That's why we've decided to help people start their ecommerce journey by equipping them with all the necessary tools, information and support to establish a solid web presence. <\/p>\n\n\n\n<p>We have recently added a brand new Website Builder tool to all of our shared hosting plans (Economy, Business, and Business Plus) at no extra cost for our customers and that's the instrument we will use to build our online store.<\/p>\n\n\n\n<p>Designing a website can be quite intimidating if you don't know what you're doing and it could be quite costly if you decide to hire a company or even a freelancer to do it for you. And that's where the power of our <strong><a aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.icdsoft.com\/en\/website-builder\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Website Builder<\/a><\/strong> comes into play. It covers a wide range of use cases from building a simple portfolio website in under an hour, to creating a fully functional web store where you can sell your products. No coding skills are required, and the websites you build would be mobile friendly by default, and they will look great on all devices. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/sitebuilder.icdsoft.com\/demo\/index.php?demo=hiking\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"847\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/webbuilder-demo-1024x847.png\" alt=\"Six website templates showcased in categories: Automotive, Hiking, Business, Finance, Construction, Music.\" class=\"wp-image-8680 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/webbuilder-demo-1024x847.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/webbuilder-demo-300x248.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/webbuilder-demo-1536x1271.png 1536w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/webbuilder-demo-370x305.png 370w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/847;\" \/><\/a><figcaption class=\"wp-element-caption\">You can c<em>heck the <a aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.icdsoft.com\/en\/website-builder#builder-demo\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">live demo of the Website Builder<\/a> on the <a href=\"https:\/\/www.icdsoft.com\/en\/hosting\/website-builder#builder-demo\">ICDsoft.com<\/a> website.<\/em><\/figcaption><\/figure>\n\n\n\n<p>This blog post is also available in video format in the <a href=\"https:\/\/www.youtube.com\/channel\/UCf1oTy-tZT6A78m0UC3XdBw\" class=\"rank-math-link\" target=\"_blank\" rel=\"noopener\">ICDSoft Youtube Channel<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-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_25166\"  width=\"770\" height=\"433\"  data-origwidth=\"770\" data-origheight=\"433\" src=\"https:\/\/www.youtube.com\/embed\/RQRgT0ixTfs?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<ul class=\"wp-block-advgb-summary advgb-toc alignnone\"><li class=\"toc-level-1\"><a href=\"#getting-started\">Getting Started<\/a><\/li><li class=\"toc-level-1\"><a href=\"#starting-the-website-builder-4ee1f685-a26a-411a-88a4-027572eb49b8\">Starting the Website Builder<\/a><\/li><li class=\"toc-level-1\"><a href=\"#templates\">Wide range of templates<\/a><\/li><li class=\"toc-level-1\"><a href=\"#easy-editing-of-just-about-everything-cf69ddc5-385d-4adc-a60c-fd97adef9c94\">Easy editing of just about everything<\/a><\/li><li class=\"toc-level-1\"><a href=\"#auto-save-publish\">Auto-save &amp; publish<\/a><\/li><li class=\"toc-level-1\"><a href=\"#blocks-and-apps\">Ready-to-use blocks and Apps<\/a><\/li><li class=\"toc-level-1\"><a href=\"#customization-options\">Endless customization possibilities for each theme<\/a><\/li><li class=\"toc-level-1\"><a href=\"#the-settings-menu-201ff3b2-4dc5-4295-85e5-d2fc8be12ce8\">The Settings menu<\/a><\/li><li class=\"toc-level-1\"><a href=\"#menu-templates\">Menu templates <\/a><\/li><li class=\"toc-level-1\"><a href=\"#add-slider\">Easily add a slider<\/a><\/li><li class=\"toc-level-1\"><a href=\"#free-stock-photos\">Pick from a huge selection of free stock photos<\/a><\/li><li class=\"toc-level-1\"><a href=\"#adding-products\">Adding products to our home page<\/a><\/li><li class=\"toc-level-1\"><a href=\"#finishing-up-248561f0-d922-4fe8-bf9d-3ae24270fdb9\">Finishing up<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"getting-started\">Getting Started<\/h2>\n\n\n\n<p>So without further ado, let's get started and build our website. We will create a <strong>fully working online store <\/strong>with products and categories, a working <strong>shopping cart<\/strong>, and will even add a <strong>live chat<\/strong>, so potential customers can easily get in touch with us. In the process of building the website, you will learn the most important functionalities of the software and from that point on you should be able to create your own project. <\/p>\n\n\n\n<p>You can use the methods described here to build all kinds of websites - <strong>portfolio sites <\/strong>for showing your work, <strong>photography websites<\/strong>, <strong>restaurant websites with menus<\/strong>, etc. <\/p>\n\n\n\n<p>Of course, if you do encounter any problems while using the Website Builder that comes free with your hosting account, you can always <a aria-label=\"contact our support team (opens in a new tab)\" href=\"https:\/\/icdsoft.com\/contact\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">contact our support team<\/a> for help.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"starting-the-website-builder-4ee1f685-a26a-411a-88a4-027572eb49b8\">Starting the Website Builder<\/h2>\n\n\n\n<p>The Website Builder is available as a separate icon in the hosting Control Panel. You have to log into the ICDSoft Control Panel and navigate to the Website Builder section. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"515\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/icdsoft-store-demo-com-Control-Panel-Home-1-1024x515.png\" alt=\"Control panel interface with various tools; red arrow highlights Website Builder icon.\" class=\"wp-image-8681 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/icdsoft-store-demo-com-Control-Panel-Home-1-1024x515.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/icdsoft-store-demo-com-Control-Panel-Home-1-300x151.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/icdsoft-store-demo-com-Control-Panel-Home-1-1536x773.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\/515;\" \/><figcaption class=\"wp-element-caption\"><em>The Website Builder is available as a separate section\/icon in the hosting Control Panel.<\/em><\/figcaption><\/figure>\n\n\n\n<p>First, you'd have to accept the terms of use, and then you can go ahead and press the <strong>Create new site<\/strong> button.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><a href=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/App-Installer-Web-Platform-Website-Builder.png\"><img decoding=\"async\" width=\"1024\" height=\"489\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/App-Installer-Web-Platform-Website-Builder-1024x489.png\" alt=\"Website Builder dashboard showing installation address form and site template options.\" class=\"wp-image-8686 size-full lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/App-Installer-Web-Platform-Website-Builder-1024x489.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/App-Installer-Web-Platform-Website-Builder-300x143.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/App-Installer-Web-Platform-Website-Builder-1536x734.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\/489;\" \/><\/a><\/figure><div class=\"wp-block-media-text__content\">\n<p>Our next step is to select the <strong>Installation address <\/strong>- this is where our website would be accessible at. In our case, we've already created a new subdomain called \"builder.icdsoft-store-demo.com\", so that's the one we will use. If you want to have it available directly at \"your-domain.com\", you'd have to select the \"www\" subdomain, but we already have an existing website there - <a href=\"https:\/\/www.icdsoft.com\/blog\/how-to-make-an-online-store\/\" class=\"rank-math-link\">the online store based on WordPress &amp; WooCommmerce <\/a>from one of our previous blogpost\/video, which we want to keep intact, and that's why we are using a new subdomain. Don't worry, you can easily move the website build with the Website Builder afterwards.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"templates\">Wide range of templates<\/h2>\n\n\n\n<p>There is a wide range of themes to choose from, and the list is growing all the time. You can build a <strong>portfolio website<\/strong>, <strong>a restaurant website <\/strong>(there is even a menu application for it), <strong>gym\/fitness website<\/strong>, <strong>cosmetics online store<\/strong>, <strong>tourist agency website<\/strong>, and many others . You can check out the available templates at Website Builder Demo, available at <a aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.icdsoft.com\/en\/website-builder#builder-demo\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">ICDSoft.com<\/a>. Of course, you are not constrained to just these templates. You can use only certain sections from a given template or decide to completely delete everything and start from scratch using the existing <strong>Apps<\/strong> and <strong>modules<\/strong>, but we will get to that later. In our case, since we would be creating an online store, we will choose the template called \"<em>Bestseller<\/em>\". Press the <strong>Use template<\/strong> button, and now let's <strong>Install<\/strong> it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/listoftemplates.png\"><img decoding=\"async\" width=\"1024\" height=\"515\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/listoftemplates-1024x515.png\" alt=\"Website template gallery with diverse designs, including Bestseller, Earth, and Balloon, showcasing themes and layouts.\" class=\"wp-image-8690 lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/515;width:1024px;height:515px\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/listoftemplates-1024x515.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/listoftemplates-300x151.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/listoftemplates-1536x773.png 1536w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><figcaption class=\"wp-element-caption\"><em>Select a template, press the \"Use template\" button, and then Install it.<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/installtemplaet.png\"><img decoding=\"async\" width=\"1024\" height=\"342\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/installtemplaet-1024x342.png\" alt=\"Website setup alert: Directory has files that might be overwritten by installation. Options to close or proceed.\" class=\"wp-image-8694 lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/342;width:1024px;height:342px\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/installtemplaet-1024x342.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/installtemplaet-300x100.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/installtemplaet-1536x513.png 1536w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><figcaption class=\"wp-element-caption\"><em>\"The chosen directory contains files that could be overwritten if you proceed with the installation.\"<\/em><\/figcaption><\/figure>\n\n\n\n<p>We are OK with that since we've created a new subdomain specifically for that purpose. But if you already have an existing website in the target directory and you want to keep it, you should first move it to another location using the File Manager in the Control Panel or create an archive of it.<\/p>\n\n\n\n<p>After confirming the terms, you will have to go through a quick 2-step wizard. You should enter your email and the name of your website. Let's say support@icdsoft-store-demo.com, and the name could be \"ICDSoft Store Demo\". If you click on the tooltip there, you will see that the website name would be used in your website title, and also in the header although you can change it at any time. Continue to step 2:<\/p>\n\n\n\n<p><em>\"Company location and contact details, the data you enter on this form will be used to generate your \"Contact\" section.\"<\/em> So you should enter your valid physical address \/ company location. <\/p>\n\n\n\n<div class=\"wp-block-advgb-images-slider advgb-images-slider-block advgb-images-slider-lightbox advg-images-slider-4cfea0af-ab47-4463-9646-126a98d1f762\"><div class=\"advgb-images-slider\" dir=\"ltr\"><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/step1.png\" class=\"advgb-image-slider-img lazyload\" style=\"--smush-placeholder-width: 3811px; --smush-placeholder-aspect-ratio: 3811\/1804;width:100%;height:500px\" 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\" href=\"#\"><\/a><\/div><\/div><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/Website-Name.png\" class=\"advgb-image-slider-img lazyload\" style=\"--smush-placeholder-width: 3810px; --smush-placeholder-aspect-ratio: 3810\/1918;width:100%;height:500px\" 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\" href=\"#\"><\/a><\/div><\/div><\/div><\/div>\n\n\n\n<p>And just like that, we have a website live and ready, and it should even be accessible online. It has four pages by default - <strong>Home<\/strong>, <strong>About<\/strong>, <strong>Shop<\/strong>, and <strong>Contact<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quick Tour Of The Interface<\/h2>\n\n\n\n<p>Let's do a quick tour of the Website Builder interface, so you can get more familiar with its features. <strong>All the available functions are accessible from the sidebar on the left. <\/strong>It should load up by default and contains the following items - <strong>Minimize\/Maximize (sidebar), Add Content, Design, Settings, Apps, Files, Help, Status<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"easy-editing-of-just-about-everything-cf69ddc5-385d-4adc-a60c-fd97adef9c94\">Easy editing of just about everything<\/h2>\n\n\n\n<p>Editing your pages is easy with the Website Builder. Simply move your mouse over to the area you wish to modify and click to start editing. To change a given text, just click on it and start typing.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:83.33%\">\n<p><em>The website builder uses the modern<strong> block editor concept<\/strong><\/em> and each element on the website is contained inside a block which can be edited individually. You can easily move these blocks around and change their order with <strong>drag-and-drop<\/strong>. In addition to that, you can go to the <strong>Block Settings<\/strong> menu (the Gear icon in the top left corner of every block) and set a custom background (image or colour), adjust the sizing and positioning of the block, and set up some nice looking decoration dividers on the header and footer parts.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<div class=\"wp-block-advgb-images-slider advgb-images-slider-block advgb-images-slider-lightbox advg-images-slider-85858541-990e-44d7-81ac-77e513749981\"><div class=\"advgb-images-slider\" dir=\"ltr\"><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/building-block-1.png\" class=\"advgb-image-slider-img lazyload\" style=\"--smush-placeholder-width: 3805px; --smush-placeholder-aspect-ratio: 3805\/1792;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\" href=\"#\"><\/a><\/div><\/div><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/Block-Settings.png\" class=\"advgb-image-slider-img lazyload\" style=\"--smush-placeholder-width: 3810px; --smush-placeholder-aspect-ratio: 3810\/1918;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\" href=\"#\"><\/a><\/div><\/div><\/div><\/div>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"auto-save-publish\">Auto-save &amp; publish<\/h2>\n\n\n\n<p>The Website Builder automatically saves and publishes each change that you make. There is a <strong>Status Toolbar<\/strong> at the bottom, which you can pull up by clicking on the ellipsis menu (...) at the lower left corner. It contains three items - <strong>Live<\/strong>, <strong>Preview<\/strong> and <strong>Undo<\/strong>. If you hover over the <strong>Live<\/strong> status label, you'd see a notice <em><strong>\"Your website is live and all changes you make are published immediately.\"<\/strong><\/em> And if you are not happy with something, you can just <strong>Undo<\/strong> the change. The <strong>Preview<\/strong> button allows you to check out how the website would look on different devices (smartphone, tablet, and desktop). <strong><em>As mentioned, all websites you build would be mobile friendly by default. <\/em><\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/preview-undo.png\"><img decoding=\"async\" width=\"1024\" height=\"183\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/preview-undo-1024x183.png\" alt=\"Website admin dashboard interface with live mode toggle and social media icons at bottom.\" class=\"wp-image-8742 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/preview-undo-1024x183.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/preview-undo-300x53.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/preview-undo-1536x274.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\/183;\" \/><\/a><figcaption class=\"wp-element-caption\">The Status Toolbar at the bottom of the page allows you to <strong><em>Preview<\/em><\/strong> your website on different devices and <strong><em>Undo<\/em><\/strong><em> your last changes if needed.<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"blocks-and-apps\">Ready-to-use blocks and Apps<\/h2>\n\n\n\n<p><strong>The<\/strong> <strong>Add Content<\/strong> <strong>menu<\/strong> item on the sidebar (designated by the Plus button) allows you add various ready-to-use content blocks, such as <em>Banners, Headers, Videos, Features, Social Media widgets (Follow Us, Share), Testimonials, Pricing Tables, Footers, etc.<\/em><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"489\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/add-content-1024x489.png\" alt=\"Website content management interface with options for adding features, columns, and social media integrations.\" class=\"wp-image-8749 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/add-content-1024x489.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/add-content-300x143.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/add-content-1536x734.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\/489;\" \/><figcaption class=\"wp-element-caption\"><em>The <strong>Add Content<\/strong> menu item on the sidebar (designated by the Plus button) allows you add various ready-to-use content blocks<\/em>.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"515\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/apps-menu-1024x515.png\" alt=\"Website management dashboard displaying module options and e-commerce page with fruit graphics.\" class=\"wp-image-8755 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/apps-menu-1024x515.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/apps-menu-300x151.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/apps-menu-1536x773.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\/515;\" \/><figcaption class=\"wp-element-caption\"><em>The <strong>Apps<\/strong> menu allows you to add different fully working functionalities to your website.<\/em><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>The <strong>Apps<\/strong> menu is very interesting as it allows you to add different fully working functionalities to your website, such as <em><strong>Photo Gallery<\/strong>, <strong>Form Builder<\/strong>, <strong>Location Map (based on Google maps)<\/strong>, <strong>Audio Player<\/strong>, <strong>Shop module <\/strong>(which we will add and configure later), <strong>Image Slider<\/strong>, <strong>Newsletter<\/strong>, <strong>Restaurant menu<\/strong>, <strong>Live Chat<\/strong><\/em>, and much more. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"customization-options\">Endless customization possibilities for each theme<\/h2>\n\n\n\n<p><strong>The Design menu<\/strong> is where you can apply hundreds of customization possibilities to your theme. You can <strong>change the color scheme<\/strong> by choosing from some well matched default combinations or assign a specific color to each content element. <em>In our case, we will select the second color combination.<\/em> You can <strong>change the fonts used on your website<\/strong> by selecting from the available font pairs or you can create your own font settings. This is also where you can <em>change the styling of your menu<\/em> (&gt; <strong>Menu Designer<\/strong>) by picking from one of the 19 available designs or apply more control by modifying the menu items and even adding custom CSS. And lastly, you can switch to a different theme (&gt; <strong>Website Designs<\/strong>) with the available option of importing only the design settings, so you'd not lose any of your existing content.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"485\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/colorselect-1-1024x485.png\" alt=\"Website theme editor with color scheme selection and preview of online shop layout featuring fruits and pricing.\" class=\"wp-image-8835 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/colorselect-1-1024x485.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/colorselect-1-300x142.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/colorselect-1-1536x728.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\/485;\" \/><figcaption class=\"wp-element-caption\"><em>The <strong>Design<\/strong> menu is where you can apply hundreds or even thousands of customization possibilities to your theme.<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-settings-menu-201ff3b2-4dc5-4295-85e5-d2fc8be12ce8\">The Settings menu<\/h2>\n\n\n\n<p>Let's check out the <strong>Settings<\/strong> menu - <strong>Subpages List<\/strong> is where you can see the structure of your Main Menu and add new subpages to your website, and they would appear directly at the menu. You do have the option to hide a given subpage from the menu. Logo and Website Title is where you can change the text of your website title or replace it with an image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"515\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/generalsettings-1-1024x515.png\" alt=\"Website settings panel displaying menu options and images of cherry, avocado, and banana with prices.\" class=\"wp-image-8836 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/generalsettings-1-1024x515.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/generalsettings-1-300x151.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/generalsettings-1-1536x773.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\/515;\" \/><figcaption class=\"wp-element-caption\"><em><strong>Subpages List<\/strong> is where you can see the structure of your Main Menu and add new subpages to your website, and they would appear directly at the menu.<\/em><\/figcaption><\/figure>\n\n\n\n<p>This <strong>Subpage Settings<\/strong> refers to the settings of the particular page that we have currently opened for editing - in our case that's the Home page. If you go to the <strong>Subpage Settings<\/strong>, this is where you can hide the page from the navigation menu, obviously we wouldn't want to do that with our index page. You can see the other options - you can<strong> password-protect<\/strong> that page, <strong>redirect<\/strong> it to another URL or set it up as a <strong>Landing<\/strong> <strong>page<\/strong>, which would basically hide the header and footer.<\/p>\n\n\n\n<p>We will go one step back, again under <strong>This Subpage Settings &gt; SEO &amp; Meta Tags<\/strong>. You can see how the page would appear in Google's Search Results. Obviously we can work a little bit here, and set our meta title, description and keywords, which would be great for the Search Engine Optimization of our website.<\/p>\n\n\n\n<ul id=\"general-settings\" class=\"wp-block-list\">\n<li>The<strong> Settings &gt; General Settings<\/strong> menu <\/li>\n<\/ul>\n\n\n\n<p>This menu allows you to configure your administrator email where the system emails would come. You can also select the page which would be used as a <strong>Home page<\/strong>; change the <strong>Language<\/strong> - this refers to the language of the Website Builder interface, and the <strong>Date and Time Format<\/strong>. <\/p>\n\n\n\n<p>This is also the place to add a <strong>Favicon<\/strong> for your website, and it's strongly recommended that you do that as it makes your website look much more professional. <\/p>\n\n\n\n<p><strong>Show search in header<\/strong> adds a search button at our header, and that's really useful for an online store, so we will enable that option. <\/p>\n\n\n\n<p>The <strong>Always use SSL\/HTTPS<\/strong> <strong>for this website<\/strong> option is very important, so we will cover it in more detail later on in this tutorial.<\/p>\n\n\n\n<div class=\"wp-block-advgb-images-slider advgb-images-slider-block advg-images-slider-edb4eefd-93e6-435f-b3ab-f85cb7fc67c5\"><div class=\"advgb-images-slider\" dir=\"ltr\"><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/General-Settings-1.png\" class=\"advgb-image-slider-img lazyload\" style=\"--smush-placeholder-width: 3810px; --smush-placeholder-aspect-ratio: 3810\/1918;width:100%;height:auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><div class=\"advgb-image-slider-item-info\" style=\"justify-content:flex-end;align-items:center\"><\/div><\/div><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/general-settings-1-2.png\" class=\"advgb-image-slider-img lazyload\" style=\"--smush-placeholder-width: 3810px; --smush-placeholder-aspect-ratio: 3810\/1918;width:100%;height:auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><div class=\"advgb-image-slider-item-info\" style=\"justify-content:flex-end;align-items:center\"><\/div><\/div><\/div><\/div>\n\n\n\n<p>Exit the <strong>General Settings<\/strong> menu by going one step back, and let's review the rest of the options under the <strong>Website Configuration<\/strong> section. <\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" width=\"701\" height=\"1024\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/web-config-1-701x1024.png\" alt=\"Website settings interface with subpage list, settings options, and save changes button visible.\" class=\"wp-image-8830 size-full lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/web-config-1-701x1024.png 701w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/web-config-1-205x300.png 205w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/web-config-1-1052x1536.png 1052w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/web-config-1.png 1306w\" data-sizes=\"(max-width: 701px) 100vw, 701px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 701px; --smush-placeholder-aspect-ratio: 701\/1024;\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<ul id=\"manage-access\" class=\"wp-block-list\">\n<li>The <strong>Manage Access<\/strong> menu<\/li>\n<\/ul>\n\n\n\n<p>This is where you can add a pair of login credentials as an alternative way to log in to that administrative part of the Website Builder interface. Instead of going through the hosting account Control Panel, you can go directly to your website URL and add \"\/admin\" (e.g. <a aria-label=\"https:\/\/builder.icdsoft-store-demo.com\/admin (opens in a new tab)\" href=\"https:\/\/builder.icdsoft-store-demo.com\/admin\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">https:\/\/builder.icdsoft-store-demo.com\/admin<\/a>) and log in. You can also provide these credentials to your developer or someone who is working on your site, so they would only have access to the Website Builder and not your Control Panel.<\/p>\n\n\n\n<ul id=\"contact-information\" class=\"wp-block-list\">\n<li>The <strong>Contact Information<\/strong> menu<\/li>\n<\/ul>\n\n\n\n<p>is where we can enter the physical address of our store or our company address.<\/p>\n\n\n\n<ul id=\"social-media\" class=\"wp-block-list\">\n<li>The<strong> Social Media<\/strong> section <\/li>\n<\/ul>\n\n\n\n<p>is where you can link up all your social media accounts.<\/p>\n\n\n\n<ul id=\"seo-analytics\" class=\"wp-block-list\">\n<li>The <strong>SEO &amp; Analytics<\/strong> section<\/li>\n<\/ul>\n\n\n\n<p>allows you to add the Meta tags for your website (title, description and keywords). This is also where you can add custom code that would be added to the header tag of your website. Usually that's used for tracking purposes by various analytics tools. <\/p>\n\n\n\n<p>And at the bottom, you can see the <strong>Add a new subpage <\/strong>button and that's how you can add a new page to your website.<\/p>\n<\/div><\/div>\n\n\n\n<ul id=\"files-menu\" class=\"wp-block-list\">\n<li>The <strong>Files<\/strong> menu <\/li>\n<\/ul>\n\n\n\n<p>allows you to add files to your project - you can add<strong> free stock images<\/strong> directly through the interface, provided by Pixabay. You can also add <strong>free illustrations<\/strong>, or you can upload your own files, like images or even downloadable products (e.g. if you are selling digital books).<\/p>\n\n\n\n<ul id=\"help-section\" class=\"wp-block-list\">\n<li>The <strong>Help<\/strong> section<\/li>\n<\/ul>\n\n\n\n<p> is where you can find entire video guides on how to use the Website Builder and you can also find the answers to some of the most common questions. And if you don't find the answer to your particular question, you can quickly get in touch with our Support team via the <strong>Personal Assistance<\/strong> menu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"menu-templates\">Menu templates <\/h2>\n\n\n\n<p>Let's select the styling of our menu. Go to the <strong>Design<\/strong> menu from the sidebar &gt;<strong> Menu Designer<\/strong>. Again, there are menu templates you can choose from. Let's go with <strong>Menu Design #10<\/strong> and save the changes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"515\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/menu-designer-1-1024x515.png\" alt=\"Menu style creator interface with design templates and shop items, including cherries, avocado, and banana.\" class=\"wp-image-8838 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/menu-designer-1-1024x515.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/menu-designer-1-300x151.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/menu-designer-1-1536x773.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\/515;\" \/><\/figure>\n\n\n\n<p>Now let's see how we can modify the website header. Go to the<strong> Menu Designer &gt; Menu Title\/Logo<\/strong>.  It's highly recommended that you upload an image file of your company logo in order to get that professional look. Since we are just building a demo website, and we don't have a logo, we will just change the default color of the text. So click on <strong>Text Color &gt; Custom<\/strong> color and paste <strong>#01C8B4<\/strong>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-slider\">Easily add a slider<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>You can easily add a slider from the <strong>Apps<\/strong> section, but since we already have one as part of our theme, let's see how it can be modified. Hover over it, click on the <strong>Slider<\/strong> menu <strong>&gt; Edit<\/strong>. There are two slides that have been imported as part of our theme. You can edit the existing slides, change their <strong>Header<\/strong> and <strong>Subtitle<\/strong> text, color, and alignment. Of course you can also change the image shown on the slide, and you can easily <strong>add new slides<\/strong> by pressing the <strong>Plus<\/strong> button at the bottom left corner.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-advgb-images-slider advgb-images-slider-block advgb-images-slider-lightbox advg-images-slider-f13067ba-4d27-43aa-b021-7c996179800d\"><div class=\"advgb-images-slider\" dir=\"ltr\"><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/edit-slider.png\" class=\"advgb-image-slider-img lazyload\" style=\"--smush-placeholder-width: 3779px; --smush-placeholder-aspect-ratio: 3779\/1843;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\" href=\"#\"><\/a><\/div><\/div><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/default-slides-1.png\" class=\"advgb-image-slider-img lazyload\" style=\"--smush-placeholder-width: 3810px; --smush-placeholder-aspect-ratio: 3810\/1918;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\" href=\"#\"><\/a><\/div><\/div><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/editslide-1.png\" class=\"advgb-image-slider-img lazyload\" style=\"--smush-placeholder-width: 3810px; --smush-placeholder-aspect-ratio: 3810\/1918;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\" href=\"#\"><\/a><\/div><\/div><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"free-stock-photos\">Pick from a huge selection of free stock photos<\/h2>\n\n\n\n<p>Since the online store we are building would actually sell electronics, the existing sliders are not really suitable. We will have to change their images and text, and of course we will also add some new slides. A great feature of the Website Builder is that it comes with a huge library of <strong>Free Stock Photos<\/strong> provided by <a aria-label=\"Pixabay (opens in a new tab)\" href=\"https:\/\/pixabay.com\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Pixabay<\/a>, and you also have the option to purchase <strong>Professional Stock Photos<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Go to the <strong>Files<\/strong> menu from the sidebar on the left, and select &gt;<strong> Free Stock Photos<\/strong>. There make a search for <em>\"smartwatch\"<\/em> and pick one. This places the image in your \"My Files\" category, so you can now use it in your Website Builder project. Now let's use it in place of the existing one, so go to <strong>Edit Slider &gt; Edit<\/strong> &gt; edit the first one, change the <strong>Background Image<\/strong> to the newly added smartwatch photo, and change the <strong>Title<\/strong> to <em>\"Smartchwatch Deals\"<\/em>. The <strong>Subtitle<\/strong> could be <em>\"Best Smartwatch deals, sales and prices in 2021!\"<\/em>. Text color will be black to make it more visible, and we will align it to the left.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/freestock-1.png\"><img decoding=\"async\" width=\"1024\" height=\"515\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/freestock-1-1024x515.png\" alt=\"File manager screen showing search results for smartwatch stock photos with an ecommerce website preview.\" class=\"wp-image-8853 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/freestock-1-1024x515.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/freestock-1-300x151.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/freestock-1-1536x773.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\/515;\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>For the second slide, we will use a image of a smartphone, so again, go to the <strong>Files menu &gt; Free Stock Photos<\/strong> &gt; search for <em>\"smartphone\"<\/em>; we will have <em>\"All the new smartphones\"<\/em> for the <strong>Title<\/strong>, and <em>\"The future of smartphones\"<\/em> as our <strong>Subtitle<\/strong>. Black for the <strong>Text Color<\/strong> and left <strong>Alignment<\/strong> again.<\/p>\n\n\n\n<p>You can add a new slide by pressing the <strong>Plus<\/strong> sign at the bottom of the <strong>Edit Slider<\/strong> menu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"shopping-cart\">Configuring the Shopping Cart<\/h2>\n\n\n\n<p>The Website Builder comes with a <strong>fully functional shopping cart app<\/strong> that allows you to easily sell both physical and digital\/downloadable products online. It supports a wide range of payment and delivery methods. There is also a complete email notification system and statistics section. To add the shopping cart module to our website, click on the <strong>Apps<\/strong> icon from the sidebar on the left and search for the <strong>Shop<\/strong> module. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"515\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/apps-1-1024x515.png\" alt=\"Web dashboard interface displaying module selection with highlighted shop module.\" class=\"wp-image-8857 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/apps-1-1024x515.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/apps-1-300x151.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/apps-1-1536x773.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\/515;\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-advgb-images-slider advgb-images-slider-block advg-images-slider-fc4f575e-2785-4878-8a3d-02c80a3e42a8\"><div class=\"advgb-images-slider\" dir=\"ltr\"><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/shop-configure-1.png\" class=\"advgb-image-slider-img lazyload\" style=\"--smush-placeholder-width: 3810px; --smush-placeholder-aspect-ratio: 3810\/1918;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\"><\/div><\/div><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/shop-config2-1.png\" class=\"advgb-image-slider-img lazyload\" style=\"--smush-placeholder-width: 3810px; --smush-placeholder-aspect-ratio: 3810\/1918;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\"><\/div><\/div><div class=\"advgb-image-slider-item\"><img decoding=\"async\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/paymentmeths-1.png\" class=\"advgb-image-slider-img lazyload\" style=\"--smush-placeholder-width: 3810px; --smush-placeholder-aspect-ratio: 3810\/1918;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\"><\/div><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Now click on the <strong>Configuration<\/strong> menu on the left side, and we will start by entering our <strong>Shop Name, Default Country,<\/strong> and <strong>Default Currency<\/strong>. Go to the <strong>Payment Methods<\/strong> - and you can see all the supported payment methods - some of the more popular ones are <em><strong>PayPal<\/strong>, <strong>Stripe<\/strong>, <strong>Square<\/strong>, <strong>2Checkout<\/strong>, <strong>Authorize.Net<\/strong>.<\/em> You can also accept bank wire payments, and cash on delivery. PayPal is super easy to set up and it's one of the most widely known payment processors out there, so that's the one we will configure. All you need to do is enter your PayPal email where payments from your store would be sent. <\/p>\n<\/div>\n<\/div>\n\n\n\n<p>Don't forget to set up your<strong> Delivery Methods<\/strong> via the menu. You have the option to set a fixed delivery fee or enter a weight cost (delivery fee per weight unit). <\/p>\n\n\n\n<p>The default <strong>E-mail messages<\/strong> sent out from the store are OK, so we are not going to modify them, but you do have the ability to customize them. There are four existing email message templates - New Order (to customer), New Order (to store admin), Order Status Changed, Order Processed. You do have the option of changing who the message would be sent to - customer, admin or any email address.<\/p>\n\n\n\n<p>The last step here is to add our products in different categories. Go to the <strong>Categories<\/strong> menu to set up the  categories of your store. Once you've done that, you can start adding products into your categories.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adding-products\">Adding products to our home page<\/h2>\n\n\n\n<p>We will delete this entire<em> \"Today's specials\"<\/em> block and replace it with products from our actual store. Move your mouse over it, click on the <strong>Trash<\/strong> can.<\/p>\n\n\n\n<p>Now, let's insert the new block so press the Plus Content button at the top of the sidebar. Under <strong>Apps<\/strong> search for <strong>Shopping Cart<\/strong>. If the block was not added in the correct place, you can easily move it around.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/shopping-cart-2.png\"><img decoding=\"async\" width=\"1024\" height=\"515\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/shopping-cart-2-1024x515.png\" alt=\"Website builder interface showing options for adding new content like photo gallery, video, and shopping cart.\" class=\"wp-image-8870 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/shopping-cart-2-1024x515.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/shopping-cart-2-300x151.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/shopping-cart-2-1536x773.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\/515;\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>If you go to <strong>Shopping Cart &gt; Edit<\/strong>, you can see the different layouts that are available - the default one we currently have shows Random Products, with a Categories Sidebar on the right side, and Categories Thumbnails at the bottom. So if you want to remove the Categories Sidebar, select the second layout type, Save the changes and refresh the block. Or we can just show the products without any categories or sidebars for a cleaner look. You can play around with the appearance of the entire block that contains the shopping card app. Click on the <strong>Gear<\/strong> Icon that says block settings, now check out the <strong>Block Decoration Dividers<\/strong> - enable that, set our custom color, and select Rounded #6 for the <strong>Footer divider<\/strong>.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"625\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/products-layout-4-1024x625.png\" alt=\"Shopping cart module interface with options for products, orders, and design customization tools.\" class=\"wp-image-8875 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/products-layout-4-1024x625.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/products-layout-4-300x183.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/products-layout-4-1536x937.png 1536w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/products-layout-4.png 1580w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/625;\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adding-livechat\">Adding Live Chat<\/h2>\n\n\n\n<p>Our next step is to set up a live chat, which is a really nice feature to have for online stores as potential customers often have various questions about the products and shipping. Go to the <strong>Apps<\/strong> menu, scroll down to the bottom and you'll see two different live chat systems - <strong>Tawk.to <\/strong>and<strong> Smartsupp<\/strong>. Both are really simple to use and configure. In this case, we'll go with Smartsupp. Its <a aria-label=\"free package (opens in a new tab)\" href=\"https:\/\/app.smartsupp.com\/app\/settings\/billing\/packages\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">free package<\/a> should be fine for most use cases. It provides 14-day conversation history, up to 3 chat bots and Facebook Messenger integration.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/smartsupp-reg-1.png\"><img decoding=\"async\" width=\"1024\" height=\"899\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/smartsupp-reg-1-1024x899.png\" alt=\"SmartSupp dashboard interface showing settings and sign-up form with email, name, and password fields.\" class=\"wp-image-8883 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/smartsupp-reg-1-1024x899.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/smartsupp-reg-1-300x263.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/smartsupp-reg-1.png 1308w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/899;\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Since we don't have an account, click on the <strong>New Account\/Key<\/strong> link and this takes us to the sign-up form. The system automatically pre-fills the administrative email entered in the configuration of your side builder project, so that should be OK.  We will just have to enter a password. <\/p>\n\n\n\n<p>And just like that, you can see that the Live Chat box is already available at the lower right corner of our website. It will show on all pages. If you click, you'd see how it appears for visitors of your site. Currently, it says it's offline, because we have not logged in at the admin dashboard of the live chat system - that's where you should go as the owner\/administrator in order to answer your visitors' questions.<\/p>\n\n\n\n<p>To log in, go to <a rel=\"noreferrer noopener\" href=\"https:\/\/smartsupp.com\/\" target=\"_blank\">Smartsupp.com<\/a>, click log in, and enter the email and password you set during the registration. You can go through a quick configuration wizard.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p>Now, if you go back to your website, you should be able to see that the status of the chat has turned <em>\"Online\"<\/em>.  You can give it a try to make sure it's working correctly. There is an App that you can install on your phone (both <a aria-label=\"Android (opens in a new tab)\" href=\"https:\/\/www.smartsupp.com\/help\/android\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Android<\/a> and <a aria-label=\"iOS (opens in a new tab)\" href=\"https:\/\/www.smartsupp.com\/help\/iphone\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">iOS<\/a> are supported), so you can answer questions right from your mobile device wherever you are. You can switch to the Free version from the Account Settings menu &gt; Packages &gt; Activate Free.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"515\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/livechat-1-1024x515.png\" alt=\"Smartwatch deals homepage with product images, including a white smartwatch, promoting sales and offers for 2021.\" class=\"wp-image-8890 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/livechat-1-1024x515.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/livechat-1-300x151.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/livechat-1-1536x773.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\/515;\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"free-ssl\">Securing Our Online Store With Free SSL<\/h2>\n\n\n\n<p>We've come to the final step of building and configuring our online store, and it's really important. What we want to do is to have our website working over an encrypted connection, so that visitors will see the reassuring padlock at the address bar of their browsers. <\/p>\n\n\n\n<p>First we have to install an SSL certificate covering the address where our store is working at - in our case that's builder.icdsoft-store-demo.com. As you are probably aware of, all ICDSoft hosting accounts come with<strong> free SSL certificates from Let's Encrypt<\/strong> and you can quickly add one from your <strong>Control Panel &gt; SSL\/HTTPS section &gt; Let's Encrypt certificates<\/strong> &gt; <strong>Enable<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"515\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/letsencrypt-1-1024x515.png\" alt=\"Control panel showing Let&#039;s Encrypt SSL certificate management with options to enable and disable certificates\" class=\"wp-image-8893 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/letsencrypt-1-1024x515.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/letsencrypt-1-300x151.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/letsencrypt-1-1536x773.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\/515;\" \/><figcaption class=\"wp-element-caption\"><em>All ICDSoft hosting accounts come with<strong> free SSL certificates from Let's Encrypt<\/strong> and you can quikcly add one from your <strong>Control Panel &gt; SSL\/HTTPS section &gt; Let's Encrypt certificates<\/strong> &gt; and let's <strong>Enable<\/strong> one for our hostname.<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"515\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/always-use-ssl-1-1024x515.png\" alt=\"Web configuration settings panel displaying SSL\/HTTPS option enabled for secure website connection.\" class=\"wp-image-8894 lazyload\" data-srcset=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/always-use-ssl-1-1024x515.png 1024w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/always-use-ssl-1-300x151.png 300w, https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/always-use-ssl-1-1536x773.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\/515;\" \/><figcaption class=\"wp-element-caption\">To configure the Website Builder to work over an encrypted connection, go to <strong>Settings &gt; General Settings &gt; Always use SSL\/HTTPS for this website. <\/strong><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Now, we need to configure the Website Builder to work over an encrypted connection. To do that, go back to the <strong>Website Builder &gt; Settings<\/strong> menu from the left sidebar <strong>&gt;<\/strong> <strong>General Settings<\/strong> &gt; scroll down to the bottom, and activate the option <strong>Always use SSL\/HTTPS for this website<\/strong>. Save the changes. <\/p>\n\n\n\n<p>Now you can see the padlock in the address bar of the browser indicating that the connection has been secured with an SSL certificate.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"finishing-up-248561f0-d922-4fe8-bf9d-3ae24270fdb9\">Finishing up<\/h2>\n\n\n\n<p>That's it. Our website is ready now, and we are ready to sell our products. <\/p>\n\n\n\n<p>In this tutorial we've shown you how to quickly built a fully working e-commerce website. The website is mobile friendly, and looks good on all devices by default. The shopping cart module comes with a wide range of easy-to-configure payment methods. There is also a live chat which is known to increase the conversion rates for online store. <\/p>\n\n\n\n<p>If you wish, you can also add a blog section, or any other of the modules, available in the free Website Builder. <\/p>\n\n\n\n<p>In conclusion, the Website Builder software provides just about all the features you can ask for in an online shop in 2021. If you have any questions, feel free to <a aria-label=\"contact our support team (opens in a new tab)\" href=\"https:\/\/icdsoft.com\/contact\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">contact our support team<\/a>. Thank you!<\/p>\n\n\n\n<div style=\"text-align:center\" class=\"wp-block-genesis-blocks-gb-cta gb-block-cta\"><div class=\"gb-cta-image-wrap\"><img decoding=\"async\" class=\"gb-cta-image has-background-dim-100 has-background-dim lazyload\" data-src=\"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2019\/03\/twitter-cover-4.jpg\" alt=\"ICDSoft - Quality web hosting since 2001\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1500px; --smush-placeholder-aspect-ratio: 1500\/500;\" \/><\/div><div class=\"gb-cta-content\"><h2 class=\"gb-cta-title gb-font-size-26\" style=\"color:#313131\"><br\/><br\/><\/h2><div class=\"gb-cta-text gb-font-size-32\" style=\"color:#313131\"><p><\/p><\/div><\/div><div class=\"gb-cta-button\"><a href=\"https:\/\/www.icdsoft.com\/en\/hosting\/wordpress?mtm_campaign=blogen\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gb-button gb-button-shape-square gb-button-size-medium\" style=\"color:#ffffff;background-color:#3373dc\">Build Your WordPress Site Now<\/a><\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to build a fully-functioning online store with our new Website Builder. No coding skills required!<\/p>\n","protected":false},"author":18,"featured_media":8685,"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,49,51],"tags":[],"class_list":{"0":"post-8395","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-general","8":"category-how-to","9":"category-online-business","10":"category-websites"},"author_meta":{"display_name":"Filip Finkov","author_link":"https:\/\/www.icdsoft.com\/blog\/author\/silata\/"},"featured_img":"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/Building-A-Website-Does-Not-Have-To-Be-Hard-or-Expensive-2-300x169.png","featured_image_src":"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/Building-A-Website-Does-Not-Have-To-Be-Hard-or-Expensive-2.png","featured_image_src_square":"https:\/\/www.icdsoft.com\/blog\/wp-content\/uploads\/2021\/03\/Building-A-Website-Does-Not-Have-To-Be-Hard-or-Expensive-2.png","author_info":{"display_name":"Filip Finkov","author_link":"https:\/\/www.icdsoft.com\/blog\/author\/silata\/"},"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\/online-business\/\" class=\"advgb-post-tax-term\">Online Business<\/a>","<a href=\"https:\/\/www.icdsoft.com\/blog\/category\/websites\/\" class=\"advgb-post-tax-term\">Websites<\/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\">Online Business<\/span>","<span class=\"advgb-post-tax-term\">Websites<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 6 years ago","modified":"Updated 11 months ago"},"absolute_dates":{"created":"Posted on March 19, 2021","modified":"Updated on October 24, 2025"},"absolute_dates_time":{"created":"Posted on March 19, 2021 10:20 am","modified":"Updated on October 24, 2025 10:37 am"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/posts\/8395","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\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/comments?post=8395"}],"version-history":[{"count":124,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/posts\/8395\/revisions"}],"predecessor-version":[{"id":14437,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/posts\/8395\/revisions\/14437"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/media\/8685"}],"wp:attachment":[{"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/media?parent=8395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/categories?post=8395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.icdsoft.com\/blog\/wp-json\/wp\/v2\/tags?post=8395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}