{"id":7910,"date":"2015-12-17T09:57:34","date_gmt":"2015-12-17T09:57:34","guid":{"rendered":"http:\/\/demo.hetzner.co.za\/support\/?p=7910"},"modified":"2024-08-15T10:27:46","modified_gmt":"2024-08-15T08:27:46","slug":"create-a-sitebuilder-website","status":"publish","type":"post","link":"https:\/\/xneelo.co.za\/help-centre\/products-and-services\/create-a-sitebuilder-website\/","title":{"rendered":"How to create a SiteBuilder website"},"content":{"rendered":"<p><strong>SiteBuilder is a\u00a0third party\u00a0website publishing tool<\/strong> that allows you to <strong>create<\/strong> and maintain a professional website using a What You See Is What You Get (WYSIWYG) application. <strong>You don&#8217;t need any previous knowledge or experience <\/strong>with HTML coding or programming<strong>.<\/strong>\u00a0 Once you have chosen to publish your website, it is <strong>immediately available <\/strong>online and<strong> can be edited <\/strong>afterward<strong>.<\/strong><\/p>\n<p><strong>We offer two versions<\/strong><\/p>\n<ol>\n<li>SiteBuilder <strong>Lite<\/strong> (<span style=\"font-weight: 400;\">limited features available)<\/span><\/li>\n<li>SiteBuilder <strong>Standard<\/strong><\/li>\n<\/ol>\n<p><strong>To create a SiteBuilder website you first have to <a href=\"https:\/\/create.xneelo.com\/signup\" target=\"_blank\" rel=\"noopener\">set up an account<\/a>\u00a0<\/strong>and <strong>order<\/strong> a Web hosting package.<\/p>\n<p><span style=\"color: #ff0000;\">Please note<\/span> that if you have just ordered your domain or upgraded to a hosting package, you may see an error: <em>&#8216;Could not log in to your hosting account&#8217;<\/em> when using SiteBuilder for the first time.\u00a0This is due to <a href=\"https:\/\/xneelo.co.za\/help-centre\/domains\/what-is-domain-propagation\/\" target=\"_blank\" rel=\"noopener\">DNS propagation<\/a> and will resolve within a maximum of 2 hours.<\/p>\n<h2>Create a SiteBuilder website<\/h2>\n<p><span style=\"font-weight: 400;\">To get started, <\/span><a href=\"https:\/\/xneelo.co.za\/help-centre\/products-and-services\/how-to-install-sitebuilder\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">install<\/span><\/a><span style=\"font-weight: 400;\"> your preferred version of SiteBuilder via your control panel.<\/span><\/p>\n<p>Next, <strong>Launch<\/strong><b> SiteBuilder<\/b><span style=\"font-weight: 400;\"> to begin creating\/ editing your site.<\/span><\/p>\n<p>The <strong>SiteBuilder Wizard<\/strong> will prompt you <strong>Choose a Design<\/strong>, <strong>Add Content<\/strong> and <strong>Personalise<\/strong> your website. This information can be changed at any time while you are building your site.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-36204\" src=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-10.41.37.jpg\" alt=\"\" width=\"1502\" height=\"841\" srcset=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-10.41.37.jpg 1502w, https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-10.41.37-300x168.jpg 300w, https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-10.41.37-1024x573.jpg 1024w, https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-10.41.37-768x430.jpg 768w\" sizes=\"auto, (max-width: 1502px) 100vw, 1502px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-36207\" src=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-10.49.10.png\" alt=\"\" width=\"1502\" height=\"378\" srcset=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-10.49.10.png 1502w, https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-10.49.10-300x75.png 300w, https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-10.49.10-1024x258.png 1024w, https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-10.49.10-768x193.png 768w\" sizes=\"auto, (max-width: 1502px) 100vw, 1502px\" \/><\/p>\n<p><strong>Complete<\/strong> this step in order to view the <strong>first draft<\/strong> of your website.<\/p>\n<p><strong><span class=\"mceItemHidden\">When you access the website editor, you\u00a0<span class=\"hiddenGrammarError\">will be prompted<\/span>\u00a0to take the\u00a0<span class=\"hiddenSpellError\">SiteBuilder<\/span>\u00a0Quick Tour.<\/span><\/strong> As a first-time user, you will find this very <strong>beneficial.\u00a0<\/strong>The tour will help you get started and explain how to find all the tools you will need to build your\u00a0customised\u00a0website.<\/p>\n<h2>SiteBuilder overview:<\/h2>\n<p><span style=\"font-weight: 400;\">The application<strong> user interface<\/strong> includes the <strong>Website Area<\/strong>,\u00a0the <strong>Top Menu options<\/strong>\u00a0and the <strong>Left-hand side menu <\/strong>options.\u00a0<\/span><\/p>\n<h3>Website Area<\/h3>\n<p>On the <strong>Website Content<\/strong> page, you&#8217;re able to <strong>view your website the way it will look once published.\u00a0<\/strong><span style=\"font-weight: 400;\">Just <strong>click<\/strong> in the text and start typing to <strong>edit<\/strong> your website.<\/span><\/p>\n<h3>Top Menu Options<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-36804\" src=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-10-20-at-13.10.42.png\" alt=\"\" width=\"428\" height=\"59\" srcset=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-10-20-at-13.10.42.png 428w, https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-10-20-at-13.10.42-300x41.png 300w\" sizes=\"auto, (max-width: 428px) 100vw, 428px\" \/><\/p>\n<p>The top of the <strong>Website Content<\/strong> screen allows you to:<\/p>\n<ul>\n<li><strong>Save<\/strong> changes<\/li>\n<li><strong>Preview<\/strong> a desktop, mobile and smart device-friendly version of your website<\/li>\n<li><strong>Publish<\/strong> your website<\/li>\n<\/ul>\n<h3>Left-hand side Menu<\/h3>\n<p><strong>Select<\/strong> the panel on the <strong>left-hand<\/strong> side of the screen to make available a menu with the following options:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-36807\" src=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-10-20-at-13.14.02.png\" alt=\"\" width=\"238\" height=\"616\" srcset=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-10-20-at-13.14.02.png 238w, https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-10-20-at-13.14.02-116x300.png 116w\" sizes=\"auto, (max-width: 238px) 100vw, 238px\" \/><\/p>\n<ul>\n<li>The<strong> dashboard\u00a0<\/strong>will give you\u00a0<strong>insight\u00a0<\/strong>into your website. You can view visitor statistics and read messages from your visitors.<\/li>\n<li>The <strong>Editor<\/strong> allows you to add text, images and functionalities to your website.<\/li>\n<li><strong>Website Structure <\/strong>allows you to add, delete or move pages.<\/li>\n<li>The <strong>Design Gallery<\/strong> provides a selection of beautiful designs.<\/li>\n<li><strong>Settings<\/strong> allow you to manage your website versions, SEO settings, visitors&#8217; access and much more.<\/li>\n<li><strong>Feedback\u00a0<\/strong>on your experience with the SiteBuilder product can be submitted under this tab<\/li>\n<li>The <strong>Help Center<\/strong> provides generic help and allows you to restart the tour.<\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">Mobile Version<\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-36810\" src=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-11.25.47.jpg\" alt=\"\" width=\"1780\" height=\"450\" srcset=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-11.25.47.jpg 1780w, https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-11.25.47-300x76.jpg 300w, https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-11.25.47-1024x259.jpg 1024w, https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-11.25.47-768x194.jpg 768w, https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-11.25.47-1536x388.jpg 1536w\" sizes=\"auto, (max-width: 1780px) 100vw, 1780px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The mobile version allows you to edit your website on <strong>mobile devices<\/strong> and obtain additional information e.g. on visitor statistics.\u00a0<\/span><span style=\"font-weight: 400;\">\u00a0This version includes a <strong>user feedback<\/strong> function and we encourage you to submit detailed feedback. This will improve future releases of the software.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Drag &amp; drop<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The <strong>website editor<\/strong> uses the principle of drag &amp; drop. This means that you can <strong>add<\/strong> widgets and other <strong>content<\/strong> to your page by holding down the left mouse button while pulling an element onto your page from the menu at the top. Moving elements around works in the same intuitive way. Grab an item, move it to its new position, and let go of the left mouse button.<\/span><\/p>\n<p>Drop elements in areas displayed with a\u00a0<strong>green<\/strong>\u00a0or a <strong>yellow<\/strong> &#8216;+<span class=\"mceItemHidden\">&#8216;.\u00a0 A green &#8216;+&#8217; indicates that the element will appear on one specific page, a yellow &#8216;+&#8217; indicates that the element will appear on all the pages within your website.\u00a0 Where an element\u00a0<span class=\"hiddenGrammarError\">can&#8217;t be<\/span>\u00a0dropped, a <strong>red<\/strong> &#8216;+&#8217; will appear.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Tooltips<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Certain areas on the screen offer tooltips when you pause over them with your mouse.\u00a0 These areas include:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u25ba The <strong>main content<\/strong> area, where typically the majority of your website&#8217;s content can be found<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u25ba The <strong>title<\/strong> and <strong>subtitle<\/strong> area, where you can edit your page <strong>titles<\/strong><\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u25ba The <strong>footer<\/strong> area, where you can place <strong>links<\/strong> to important pages on your site, the date of the last changes, etc.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u25ba The main\u00a0<strong>graphic<\/strong>\u00a0area, where you can place images<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u25ba The <strong>logo<\/strong> area, where you can optionally place your company logo\/image<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It is <strong>important<\/strong> to know that the content of some areas appears on <strong>all pages<\/strong> of your website (e.g., title, subtitle, footer, main graphic, logo) and some areas can have different content for every page. The <strong>sidebar<\/strong> next to the main content area offers the option to place content for a single page or all pages.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">How to edit text<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">You can click in your main content area or in any of the other content areas and start typing, you can also copy and paste your text.\u00a0<\/span><span style=\"font-weight: 400;\">To change the <strong>format<\/strong> of a text, insert a table or a list, all you have to do is to click the corresponding icon on the editor toolbar.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">The editor toolbar<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">If you switch to <strong>Expert<\/strong> mode, you will have access to more text-formatting options. We <strong>recommend<\/strong> using these features only when necessary as overuse can easily make your website look messy.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Adding Tables<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">While moving your mouse over content areas a menu will <strong>appear<\/strong> where you can insert a <strong>table<\/strong>. You can define the number of columns for this specific content area and define the spacing between them. Columns can contain <strong>text<\/strong> paragraphs and <strong>widgets<\/strong>.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">How to edit the header and logo area<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">To add\/change the <strong>logo<\/strong> or <strong>header<\/strong> area of your website, move your mouse over the corresponding image area. Select the <strong>Configure<\/strong> icon to open the configuration dialog.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can select <strong>one or more<\/strong> images to be displayed within the <strong>header<\/strong> area. You can <strong>define<\/strong> the image transition, display time and controls to be shown and re-order your images. Every image can be linked to an internal page or an external website. Depending on the design template images can be adjusted and repositioned within the header area.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can either use the same header area settings for<strong> all of the pages<\/strong> of your website (default) or you can set individual preferences on each page.\u00a0 Simply go to the page on which you&#8217;d like to make <strong>individual changes<\/strong> and select the <strong>Configuration<\/strong> icon. Select <strong>Individual settings for this page<\/strong> and configure the header area for this page. If you would like the subpage(s)\u00a0 to have the same settings as the parent page, select\u00a0<strong>Inherit from parent page<\/strong>\u00a0within the configuration dialog. You can set these pages back to default at any time.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">The Button Bar<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The button bar at the top right of the application interface provides you with options for working with your website, such as <strong>previewing<\/strong> your website, <strong>saving<\/strong> the changes you&#8217;ve made,\u00a0<strong>publishing<\/strong> your website to the Internet or\u00a0<strong>resetting<\/strong> your work.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Preview<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Selecting <strong>Preview<\/strong> enables you to view the <strong>current<\/strong> saved state of your website, this is how your website will appear to visitors once published. The website preview will open in a new browser window. When using a <strong>responsive<\/strong> layout you can see what your website will look like on <strong>different devices<\/strong>.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Save<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Selecting <strong>Save<\/strong> will save the current state of your website. You are required to save your website before you are able to publish it.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Publish<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Selecting <strong>Publish<\/strong> enables you to make the current saved state of your website <strong>available<\/strong> to everyone on the Internet. <\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Reset<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Selecting <strong>Reset<\/strong> will <strong>remove<\/strong> all <strong>unsaved<\/strong> <strong>changes<\/strong> you have made to your website. This option can be useful when experimenting or when you would like to go back to your last saved version.<\/span><\/p>\n<p><span style=\"color: #ff0000;\"><strong>Important to Note:<\/strong> <\/span><\/p>\n<ul>\n<li>It is <strong>not possible to do a backup restore for an individual website<\/strong>. The SiteBuilder has \u2018undo\u2019 functions that enable you to revoke changes in each step of the process. In addition, the changes <strong>need to be confirmed<\/strong> before saving<\/li>\n<li>Firefox, Internet Explorer, Chrome and Safari browsers are <strong>recommended<\/strong> for SiteBuilder<\/li>\n<\/ul>\n","protected":false,"plain":"<strong>SiteBuilder is a\u00a0third party\u00a0website publishing tool<\/strong> that allows you to <strong>create<\/strong> and maintain a professional website using a What You See Is What You Get (WYSIWYG) application. <strong>You don't need any previous knowledge or experience <\/strong>with HTML coding or programming<strong>.<\/strong>\u00a0 Once you have chosen to publish your website, it is <strong>immediately available <\/strong>online and<strong> can be edited <\/strong>afterward<strong>.<\/strong>\r\n\r\n<strong>We offer two versions<\/strong>\r\n<ol>\r\n \t<li>SiteBuilder <strong>Lite<\/strong> (<span >limited features available)<\/span><\/li>\r\n \t<li>SiteBuilder <strong>Standard<\/strong><\/li>\r\n<\/ol>\r\n<strong>To create a SiteBuilder website you first have to <a href=\"https:\/\/create.xneelo.com\/signup\" target=\"_blank\" rel=\"noopener\">set up an account<\/a>\u00a0<\/strong>and <strong>order<\/strong> a Web hosting package.\r\n\r\n<span >Please note<\/span> that if you have just ordered your domain or upgraded to a hosting package, you may see an error: <em>'Could not log in to your hosting account'<\/em> when using SiteBuilder for the first time.\u00a0This is due to <a href=\"https:\/\/xneelo.co.za\/help-centre\/domains\/what-is-domain-propagation\/\" target=\"_blank\" rel=\"noopener\">DNS propagation<\/a> and will resolve within a maximum of 2 hours.\r\n<h2>Create a SiteBuilder website<\/h2>\r\n<span >To get started, <\/span><a href=\"https:\/\/xneelo.co.za\/help-centre\/products-and-services\/how-to-install-sitebuilder\/\" target=\"_blank\" rel=\"noopener\"><span >install<\/span><\/a><span > your preferred version of SiteBuilder via your control panel.<\/span>\r\n\r\nNext, <strong>Launch<\/strong><b> SiteBuilder<\/b><span > to begin creating\/ editing your site.<\/span>\r\n\r\nThe <strong>SiteBuilder Wizard<\/strong> will prompt you <strong>Choose a Design<\/strong>, <strong>Add Content<\/strong> and <strong>Personalise<\/strong> your website. This information can be changed at any time while you are building your site.\r\n\r\n<img class=\"alignnone size-full wp-image-36204\" src=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-10.41.37.jpg\" alt=\"\" width=\"1502\" height=\"841\" \/>\r\n\r\n<img class=\"alignnone size-full wp-image-36207\" src=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-10.49.10.png\" alt=\"\" width=\"1502\" height=\"378\" \/>\r\n\r\n<strong>Complete<\/strong> this step in order to view the <strong>first draft<\/strong> of your website.\r\n\r\n<strong><span class=\"mceItemHidden\">When you access the website editor, you\u00a0<span class=\"hiddenGrammarError\">will be prompted<\/span>\u00a0to take the\u00a0<span class=\"hiddenSpellError\">SiteBuilder<\/span>\u00a0Quick Tour.<\/span><\/strong> As a first-time user, you will find this very <strong>beneficial.\u00a0<\/strong>The tour will help you get started and explain how to find all the tools you will need to build your\u00a0customised\u00a0website.\r\n<h2>SiteBuilder overview:<\/h2>\r\n<span >The application<strong> user interface<\/strong> includes the <strong>Website Area<\/strong>,\u00a0the <strong>Top Menu options<\/strong>\u00a0and the <strong>Left-hand side menu <\/strong>options.\u00a0<\/span>\r\n<h3>Website Area<\/h3>\r\nOn the <strong>Website Content<\/strong> page, you're able to <strong>view your website the way it will look once published.\u00a0<\/strong><span >Just <strong>click<\/strong> in the text and start typing to <strong>edit<\/strong> your website.<\/span>\r\n<h3>Top Menu Options<\/h3>\r\n<img class=\"alignnone size-full wp-image-36804\" src=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-10-20-at-13.10.42.png\" alt=\"\" width=\"428\" height=\"59\" \/>\r\n\r\nThe top of the <strong>Website Content<\/strong> screen allows you to:\r\n<ul>\r\n \t<li><strong>Save<\/strong> changes<\/li>\r\n \t<li><strong>Preview<\/strong> a desktop, mobile and smart device-friendly version of your website<\/li>\r\n \t<li><strong>Publish<\/strong> your website<\/li>\r\n<\/ul>\r\n<h3>Left-hand side Menu<\/h3>\r\n<strong>Select<\/strong> the panel on the <strong>left-hand<\/strong> side of the screen to make available a menu with the following options:\r\n\r\n<img class=\"alignnone size-full wp-image-36807\" src=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-10-20-at-13.14.02.png\" alt=\"\" width=\"238\" height=\"616\" \/>\r\n<ul>\r\n \t<li>The<strong> dashboard\u00a0<\/strong>will give you\u00a0<strong>insight\u00a0<\/strong>into your website. You can view visitor statistics and read messages from your visitors.<\/li>\r\n \t<li>The <strong>Editor<\/strong> allows you to add text, images and functionalities to your website.<\/li>\r\n \t<li><strong>Website Structure <\/strong>allows you to add, delete or move pages.<\/li>\r\n \t<li>The <strong>Design Gallery<\/strong> provides a selection of beautiful designs.<\/li>\r\n \t<li><strong>Settings<\/strong> allow you to manage your website versions, SEO settings, visitors' access and much more.<\/li>\r\n \t<li><strong>Feedback\u00a0<\/strong>on your experience with the SiteBuilder product can be submitted under this tab<\/li>\r\n \t<li>The <strong>Help Center<\/strong> provides generic help and allows you to restart the tour.<\/li>\r\n<\/ul>\r\n<h3><span >Mobile Version<\/span><\/h3>\r\n<img class=\"alignnone size-full wp-image-36810\" src=\"https:\/\/xneelo.co.za\/help-centre\/wp-content\/uploads\/2015\/12\/Screenshot-2022-08-17-at-11.25.47.jpg\" alt=\"\" width=\"1780\" height=\"450\" \/>\r\n\r\n<span >The mobile version allows you to edit your website on <strong>mobile devices<\/strong> and obtain additional information e.g. on visitor statistics.\u00a0<\/span><span >\u00a0This version includes a <strong>user feedback<\/strong> function and we encourage you to submit detailed feedback. This will improve future releases of the software.<\/span>\r\n<h3><span >Drag &amp; drop<\/span><\/h3>\r\n<span >The <strong>website editor<\/strong> uses the principle of drag &amp; drop. This means that you can <strong>add<\/strong> widgets and other <strong>content<\/strong> to your page by holding down the left mouse button while pulling an element onto your page from the menu at the top. Moving elements around works in the same intuitive way. Grab an item, move it to its new position, and let go of the left mouse button.<\/span>\r\n\r\nDrop elements in areas displayed with a\u00a0<strong>green<\/strong>\u00a0or a <strong>yellow<\/strong> '+<span class=\"mceItemHidden\">'.\u00a0 A green '+' indicates that the element will appear on one specific page, a yellow '+' indicates that the element will appear on all the pages within your website.\u00a0 Where an element\u00a0<span class=\"hiddenGrammarError\">can't be<\/span>\u00a0dropped, a <strong>red<\/strong> '+' will appear.\u00a0<\/span>\r\n<h3><span >Tooltips<\/span><\/h3>\r\n<span >Certain areas on the screen offer tooltips when you pause over them with your mouse.\u00a0 These areas include:<\/span>\r\n\r\n<span >\u25ba The <strong>main content<\/strong> area, where typically the majority of your website's content can be found<\/span>\r\n\r\n<span >\u25ba The <strong>title<\/strong> and <strong>subtitle<\/strong> area, where you can edit your page <strong>titles<\/strong><\/span>\r\n\r\n<span >\u25ba The <strong>footer<\/strong> area, where you can place <strong>links<\/strong> to important pages on your site, the date of the last changes, etc.<\/span>\r\n\r\n<span >\u25ba The main\u00a0<strong>graphic<\/strong>\u00a0area, where you can place images<\/span>\r\n\r\n<span >\u25ba The <strong>logo<\/strong> area, where you can optionally place your company logo\/image<\/span>\r\n\r\n<span >It is <strong>important<\/strong> to know that the content of some areas appears on <strong>all pages<\/strong> of your website (e.g., title, subtitle, footer, main graphic, logo) and some areas can have different content for every page. The <strong>sidebar<\/strong> next to the main content area offers the option to place content for a single page or all pages.\u00a0<\/span>\r\n<h3><span >How to edit text<\/span><\/h3>\r\n<span >You can click in your main content area or in any of the other content areas and start typing, you can also copy and paste your text.\u00a0<\/span><span >To change the <strong>format<\/strong> of a text, insert a table or a list, all you have to do is to click the corresponding icon on the editor toolbar.\u00a0<\/span>\r\n<h3><span >The editor toolbar<\/span><\/h3>\r\n<span >If you switch to <strong>Expert<\/strong> mode, you will have access to more text-formatting options. We <strong>recommend<\/strong> using these features only when necessary as overuse can easily make your website look messy.<\/span>\r\n<h3><span >Adding Tables<\/span><\/h3>\r\n<span >While moving your mouse over content areas a menu will <strong>appear<\/strong> where you can insert a <strong>table<\/strong>. You can define the number of columns for this specific content area and define the spacing between them. Columns can contain <strong>text<\/strong> paragraphs and <strong>widgets<\/strong>.\u00a0<\/span>\r\n<h3><span >How to edit the header and logo area<\/span><\/h3>\r\n<span >To add\/change the <strong>logo<\/strong> or <strong>header<\/strong> area of your website, move your mouse over the corresponding image area. Select the <strong>Configure<\/strong> icon to open the configuration dialog.<\/span>\r\n\r\n<span >You can select <strong>one or more<\/strong> images to be displayed within the <strong>header<\/strong> area. You can <strong>define<\/strong> the image transition, display time and controls to be shown and re-order your images. Every image can be linked to an internal page or an external website. Depending on the design template images can be adjusted and repositioned within the header area.<\/span>\r\n\r\n<span >You can either use the same header area settings for<strong> all of the pages<\/strong> of your website (default) or you can set individual preferences on each page.\u00a0 Simply go to the page on which you'd like to make <strong>individual changes<\/strong> and select the <strong>Configuration<\/strong> icon. Select <strong>Individual settings for this page<\/strong> and configure the header area for this page. If you would like the subpage(s)\u00a0 to have the same settings as the parent page, select\u00a0<strong>Inherit from parent page<\/strong>\u00a0within the configuration dialog. You can set these pages back to default at any time.<\/span>\r\n<h3><span >The Button Bar<\/span><\/h3>\r\n<span >The button bar at the top right of the application interface provides you with options for working with your website, such as <strong>previewing<\/strong> your website, <strong>saving<\/strong> the changes you've made,\u00a0<strong>publishing<\/strong> your website to the Internet or\u00a0<strong>resetting<\/strong> your work.<\/span>\r\n<h3><span >Preview<\/span><\/h3>\r\n<span >Selecting <strong>Preview<\/strong> enables you to view the <strong>current<\/strong> saved state of your website, this is how your website will appear to visitors once published. The website preview will open in a new browser window. When using a <strong>responsive<\/strong> layout you can see what your website will look like on <strong>different devices<\/strong>.<\/span>\r\n<h3><span >Save<\/span><\/h3>\r\n<span >Selecting <strong>Save<\/strong> will save the current state of your website. You are required to save your website before you are able to publish it.\u00a0<\/span>\r\n<h3><span >Publish<\/span><\/h3>\r\n<span >Selecting <strong>Publish<\/strong> enables you to make the current saved state of your website <strong>available<\/strong> to everyone on the Internet. <\/span>\r\n<h3><span >Reset<\/span><\/h3>\r\n<span >Selecting <strong>Reset<\/strong> will <strong>remove<\/strong> all <strong>unsaved<\/strong> <strong>changes<\/strong> you have made to your website. This option can be useful when experimenting or when you would like to go back to your last saved version.<\/span>\r\n\r\n<span ><strong>Important to Note:<\/strong> <\/span>\r\n<ul>\r\n \t<li>It is <strong>not possible to do a backup restore for an individual website<\/strong>. The SiteBuilder has \u2018undo\u2019 functions that enable you to revoke changes in each step of the process. In addition, the changes <strong>need to be confirmed<\/strong> before saving<\/li>\r\n \t<li>Firefox, Internet Explorer, Chrome and Safari browsers are <strong>recommended<\/strong> for SiteBuilder<\/li>\r\n<\/ul>"},"excerpt":{"rendered":"<p>SiteBuilder is a website publishing tool that allows you to create and maintain a professional website using a What You See Is What You Get (WYSIWYG) application.<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"lsx_disable_title":"0","_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","footnotes":""},"categories":[234,216,205,210],"tags":[20627,17586,17546,3435],"topics":[10393,10383],"class_list":["post-7910","post","type-post","status-publish","format-standard","hentry","category-faq-sitebuilder","category-getting-started-sitebuilder","category-products-and-services","category-sitebuilder","tag-how-to-create-a-sitebuilder-website","tag-create-a-sitebuilder-website","tag-sitebuilder-upgrade","tag-sitebuilder","topics-products","topics-sitebuilder"],"acf":[],"additional_meta":{"category_title":[{"term_id":234,"name":"FAQ about Sitebuilder","slug":"faq-sitebuilder","term_group":0,"term_taxonomy_id":234,"taxonomy":"category","description":"Frequently asked questions and answers about Site Builder","parent":210,"count":4,"filter":"raw","term_order":"70","cat_ID":234,"category_count":4,"category_description":"Frequently asked questions and answers about Site Builder","cat_name":"FAQ about Sitebuilder","category_nicename":"faq-sitebuilder","category_parent":210},{"term_id":216,"name":"Getting Started with Sitebuilder","slug":"getting-started-sitebuilder","term_group":0,"term_taxonomy_id":216,"taxonomy":"category","description":"Getting Started with Sitebuilder","parent":210,"count":5,"filter":"raw","term_order":"76","cat_ID":216,"category_count":5,"category_description":"Getting Started with Sitebuilder","cat_name":"Getting Started with Sitebuilder","category_nicename":"getting-started-sitebuilder","category_parent":210},{"term_id":205,"name":"Products and Services","slug":"products-and-services","term_group":0,"term_taxonomy_id":205,"taxonomy":"category","description":"Products and Services provided by xneelo","parent":0,"count":93,"filter":"raw","term_order":"98","cat_ID":205,"category_count":93,"category_description":"Products and Services provided by xneelo","cat_name":"Products and Services","category_nicename":"products-and-services","category_parent":0},{"term_id":210,"name":"Sitebuilder","slug":"sitebuilder","term_group":0,"term_taxonomy_id":210,"taxonomy":"category","description":"xneelo's Sitebuilder product","parent":205,"count":17,"filter":"raw","term_order":"99","cat_ID":210,"category_count":17,"category_description":"xneelo's Sitebuilder product","cat_name":"Sitebuilder","category_nicename":"sitebuilder","category_parent":205}],"tag_title":[{"term_id":20627,"name":"How to create a SiteBuilder website","slug":"how-to-create-a-sitebuilder-website","term_group":0,"term_taxonomy_id":20627,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw","term_order":"1255"},{"term_id":17586,"name":"create a sitebuilder website","slug":"create-a-sitebuilder-website","term_group":0,"term_taxonomy_id":17586,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw","term_order":"2254"},{"term_id":17546,"name":"sitebuilder upgrade","slug":"sitebuilder-upgrade","term_group":0,"term_taxonomy_id":17546,"taxonomy":"post_tag","description":"","parent":0,"count":2,"filter":"raw","term_order":"2269"},{"term_id":3435,"name":"sitebuilder","slug":"sitebuilder","term_group":0,"term_taxonomy_id":3435,"taxonomy":"post_tag","description":"","parent":0,"count":11,"filter":"raw","term_order":"2651"}]},"featured_image_src":null,"author_info":{"display_name":"marketing","author_link":"https:\/\/xneelo.co.za\/help-centre\/author\/marketing\/","author_avatar":"https:\/\/secure.gravatar.com\/avatar\/a6ea315e112423b2b955cb020fbce2b0835956c6ad85ff0f13f1db298977eaaa?s=96&d=mm&r=g"},"_links":{"self":[{"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/posts\/7910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/comments?post=7910"}],"version-history":[{"count":0,"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/posts\/7910\/revisions"}],"wp:attachment":[{"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/media?parent=7910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/categories?post=7910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/tags?post=7910"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/topics?post=7910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}