{"id":1863,"date":"2026-04-01T13:48:43","date_gmt":"2026-04-01T13:48:43","guid":{"rendered":"https:\/\/onesystemcrm.com\/help\/?post_type=docs&#038;p=1863"},"modified":"2026-04-01T13:49:00","modified_gmt":"2026-04-01T13:49:00","password":"","slug":"websites-overview","status":"publish","type":"docs","link":"https:\/\/onesystemcrm.com\/help\/Supports\/websites-overview\/","title":{"rendered":"Websites Overview"},"content":{"rendered":"<h1 id=\"What-are-Sites?\" class=\"tdfocus-1703884171566\" dir=\"ltr\" data-identifyelement=\"641\"><strong>What are Sites?<\/strong><\/h1>\n<p dir=\"ltr\" data-identifyelement=\"642\">Sites give you the ability to create client-facing websites within OneSystemCRM. Create that perfect home page for your business. Whip up a landing page to capture more leads. The possibilities are endless.<\/p>\n<p class=\"tdfocus-1703887141104\" dir=\"ltr\" data-identifyelement=\"645\">Within OneSystemCRM, we have two types of Site Builders; while they are similar they do have different functionality. \u00a0Let\u2019s review each type of Site.<\/p>\n<ul>\n<li dir=\"ltr\"><strong>Funnels:<\/strong>\u00a0In general, funnels have a very direct sequence of pages, which is why we offer split testing on funnels only. Funnels are a step-by-step series of web pages, generally used for a specific purpose like capturing leads or booking appointments.<\/li>\n<li><strong>Websites:\u00a0<\/strong>A place to build web pages for any use case, such as a homepage for your business. There is generally no path of progression that contacts are led through, which is why we do not offer split testing on websites.<\/li>\n<\/ul>\n<p class=\"tdfocus-1703884408658\" dir=\"ltr\" data-identifyelement=\"658\">Though you can use websites for much the same reasons as funnels, websites are different in some small ways.<\/p>\n<hr \/>\n<h2 id=\"Should-I-Use-Funnels-or-Websites?\"><strong dir=\"ltr\">Should I Use Funnels or Websites?<\/strong><\/h2>\n<p class=\"tdfocus-1703884497559\" dir=\"ltr\" data-identifyelement=\"664\">In all but a few ways, Funnels and Websites are the same. They both house a group of webpages and they can be used for various purposes despite which one you choose. What matters is if you want to use a Split Testing feature on a web page and the page views UI.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"667\">The main differences between funnels and websites:<\/p>\n<ul>\n<li class=\"tdfocus-1703888566932\" data-identifyelement=\"670\"><a href=\"https:\/\/help.gohighlevel.com\/support\/solutions\/articles\/48001230918-split-testing-in-funnels\" target=\"_blank\" rel=\"noopener noreferrer\">Split Testing in Funnels<\/a>\u00a0&#8211; You can only split test on Funnels. Split Testing in funnels is when you create a variation of a page to see which is better.<\/li>\n<li class=\"tdfocus-1703888566932\" dir=\"ltr\" data-identifyelement=\"673\"><a href=\"https:\/\/help.gohighlevel.com\/support\/solutions\/articles\/155000001157-how-to-set-up-an-e-commerce-online-store-websites-\" target=\"_blank\" rel=\"noopener noreferrer\">eCommerce (Online Store)<\/a>\u00a0&#8211; Only websites can create and utilize the eCommerce (Online Store) feature.<\/li>\n<li data-identifyelement=\"677\">Page View UI &#8211; There are different page view UI depending on if you are in the funnel or website views.<\/li>\n<\/ul>\n<p dir=\"ltr\" data-identifyelement=\"680\"><a dir=\"ltr\" href=\"https:\/\/jumpshare.com\/v\/EYj1rhiKilai8dJ5DxzU\" data-identifyelement=\"491\"><img decoding=\"async\" class=\"fr-fic fr-dib fr-bordered\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037847868\/original\/CAuF9LotWoqox385UOXQgWQWMlAiJ515PA.png?1733432307\" data-attachment=\"[object Object]\" data-id=\"155037847868\" data-identifyelement=\"492\" \/><\/a><\/p>\n<hr \/>\n<h2 id=\"Getting-Started-with-Site-Templates\" dir=\"ltr\" data-identifyelement=\"686\"><strong dir=\"ltr\">Getting Started with Site Templates<\/strong><strong><br \/>\n<\/strong><\/h2>\n<p class=\"tdfocus-1703887417524\" dir=\"ltr\" data-identifyelement=\"687\">When you go to create a new site, you will have the option to choose from hundreds of templates. Once you have selected a template, you can edit any or all of the parts when you have selected it. We encourage you to check out them all!<\/p>\n<p class=\"tdfocus-1703885544319\" dir=\"ltr\" data-identifyelement=\"694\">After selecting the template it will load the template. If you aren\u2019t already, navigate into one of the pages by clicking \u201cEdit\u201d page to open up the site builder to edit a specific page.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"690\"><img decoding=\"async\" class=\"fr-fic fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037848015\/original\/yg-l6vmXyYdQr3w8ja3d4w33rG9w-l7NzQ.png?1733432696\" data-attachment=\"[object Object]\" data-id=\"155037848015\" data-identifyelement=\"494\" data-index=\"0\" \/><\/p>\n<hr \/>\n<h2 id=\"Getting-Started-with-Funnel-AI\" class=\"tdfocus-1703885544319\" dir=\"ltr\" data-identifyelement=\"694\"><strong data-identifyelement=\"497\"><span dir=\"ltr\" data-identifyelement=\"498\">Getting Started with Funnel AI<\/span><\/strong><\/h2>\n<p class=\"tdfocus-1703885544319\" dir=\"ltr\" data-identifyelement=\"694\">When you go to create a new funnel, we have a new feature of creating a funnel using AI. Once you select funnel AI, you can select your desired domain\/industry which suits the best according to your requirements.<\/p>\n<p class=\"tdfocus-1703885544319\" dir=\"ltr\" data-identifyelement=\"694\"><span dir=\"ltr\" data-identifyelement=\"502\"><img decoding=\"async\" class=\"fr-fic fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037848309\/original\/sO-FbiUvERb6d0YnvkndribWb71Lli59lw.gif?1733433571\" data-attachment=\"[object Object]\" data-id=\"155037848309\" data-identifyelement=\"503\" data-index=\"1\" \/><\/span><\/p>\n<pre class=\"fd-callout fd-callout--idea\" dir=\"ltr\"><strong>Please Note:\u00a0<\/strong>You'll be charged $0.99 after 5 free generations.<\/pre>\n<p class=\"tdfocus-1703885544319\" dir=\"ltr\" data-identifyelement=\"694\">After proceeding we can now select our own design preferences, based on design preferences and content preferences too. Allow the AI a few moments and your design template is ready!<\/p>\n<hr data-identifyelement=\"699\" \/>\n<h2 id=\"Site-Builder-Overview\" class=\"tdfocus-1703885533864\" dir=\"ltr\" data-identifyelement=\"700\"><strong>Site Builder Overview<\/strong><strong><br \/>\n<\/strong><\/h2>\n<p class=\"tdfocus-1703885540465\" dir=\"ltr\" data-identifyelement=\"701\">The same functionality and hierarchy of elements exist in both the Funnel and Site Builder. Let&#8217;s hop in and check out our Site Builder and how you use it to create sites.<\/p>\n<p class=\"tdfocus-1703885540465\" dir=\"ltr\" data-identifyelement=\"704\"><strong>Site Builder Navigation Bar<\/strong><\/p>\n<p class=\"tdfocus-1703888138405\" dir=\"ltr\" data-identifyelement=\"706\">The site builder navigation bar lives at the top of the builder and allows you to toggle between all of the various features. We will review each of these tabs below.<\/p>\n<p class=\"tdfocus-1703885549073\" dir=\"ltr\" data-identifyelement=\"709\"><img decoding=\"async\" class=\"fr-fic fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037892421\/original\/kOQUF5bxpP2UpxrOWkP2KWui9UhXoHwlQg.png?1733492720\" data-attachment=\"[object Object]\" data-id=\"155037892421\" data-identifyelement=\"516\" data-index=\"2\" \/><\/p>\n<hr \/>\n<h2 id=\"Adding-a-New-Element\" class=\"tdfocus-1703886309609\" dir=\"ltr\" data-identifyelement=\"717\"><strong dir=\"ltr\">Adding a New Element<\/strong><strong><br \/>\n<\/strong><\/h2>\n<p class=\"tdfocus-1703885611935\" dir=\"ltr\" data-identifyelement=\"718\">Rows and columns are the building blocks of your site and are used to house elements. To add an element, like an image, you need at least one section, one row, and one column. Then you will be prompted to add an element. There are many elements, each element is unique.<\/p>\n<pre class=\"fd-callout fd-callout--note\" dir=\"ltr\"><strong>Note: <\/strong>Page Builder elements now use refreshed default styling (updated typography, placeholder images\/content, and default colors) so new pages look more modern out of the box. You can still override styles using the right sidebar settings, the Color Picker, or your Brand Board.<\/pre>\n<p dir=\"ltr\" data-end=\"125\" data-start=\"0\">Now let\u2019s add an element to your site. In the top right of your site editor, select Add Element to view what you can add.<\/p>\n<p dir=\"ltr\" data-end=\"476\" data-start=\"127\">To find elements faster, use the Quick Add Search. You can search with common or related keywords, even if you do not know the exact element name. For example, headline or title to find Heading, booking or schedule to find Calendar, or slider to find Image Slider.<\/p>\n<p dir=\"ltr\" data-end=\"555\" data-start=\"478\">Once you find the element you want, click and drag it to the area you prefer.<\/p>\n<pre class=\"fd-callout fd-callout--note\" dir=\"ltr\"><span dir=\"ltr\">When you choose images or files while editing Funnels or Sites, the media picker opens in a modal and supports on-the-fly uploads via drag-and-drop.<\/span><\/pre>\n<p class=\"tdfocus-1703887644760\" dir=\"ltr\" data-identifyelement=\"724\"><img decoding=\"async\" class=\"fr-fic fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037892771\/original\/hSF08VfaaSAKddbMW1YdH7_ekjx_TC3eOQ.gif?1733493054\" data-attachment=\"[object Object]\" data-id=\"155037892771\" data-identifyelement=\"518\" data-index=\"3\" \/><\/p>\n<h3 id=\"Understanding-Element-Nesting\" class=\"tdfocus-1703885548472\" dir=\"ltr\" data-identifyelement=\"732\"><strong dir=\"ltr\" data-identifyelement=\"733\">Understanding Element Nesting<\/strong><\/h3>\n<p class=\"tdfocus-1703886453371\" dir=\"ltr\" data-identifyelement=\"734\">Every element on a webpage requires a section. Within this section, you need to have at least one row. This row needs to have at least one column. Adding all three of these (Section &gt; Column &gt; Row) we are then able to add an element from the\u00a0<strong dir=\"ltr\">+ Add Element\u00a0<\/strong>bar.<\/p>\n<p class=\"tdfocus-1703886453371\" dir=\"ltr\" data-identifyelement=\"737\">From largest to smallest, we have:<\/p>\n<p class=\"tdfocus-1703886453371\" dir=\"ltr\" data-identifyelement=\"737\">Sections (Green) &gt; Rows (Blue) &gt; Columns (Pink) &gt; Elements (Orange)<\/p>\n<pre class=\"fd-callout fd-callout--idea\" dir=\"ltr\"><strong>Note: <\/strong>The hierarchy still exists (Sections \u2192 Rows \u2192 Columns \u2192 Elements), but with Enhanced Drag &amp; Drop, the builder can auto-create the structure when you drop elements onto the canvas<\/pre>\n<p><img decoding=\"async\" class=\"fr-fic fr-dii fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155016416833\/original\/DnfQCyv0NrNZdsKFMrKXJu3e2uRQu8KhCg.png?1703884046\" width=\"367\" data-attachment=\"[object Object]\" data-id=\"155016416833\" data-identifyelement=\"744\" data-index=\"4\" \/><\/p>\n<p dir=\"ltr\">About sections, rows, and columns&#8230;<\/p>\n<ol>\n<li dir=\"ltr\">You cannot add a section within a section. Nor can you add a Row within a row or a column within a column. You also cannot add an element within an element.<\/li>\n<li class=\"tdfocus-1703888415204\" dir=\"ltr\" data-identifyelement=\"752\">You can add multiple rows into a section. Within a row, you can add multiple columns. Within a column, you can add multiple elements.<\/li>\n<li class=\"tdfocus-1703888415204\" dir=\"ltr\" data-identifyelement=\"752\">You must have at least one section, one row, and one column to add an element.<\/li>\n<\/ol>\n<hr \/>\n<h3 id=\"Element-Settings\" class=\"tdfocus-1703885749476\" dir=\"ltr\" data-identifyelement=\"761\"><strong class=\"tdfocus-1703888496370\" dir=\"ltr\" data-identifyelement=\"762\">Element Settings<\/strong><\/h3>\n<p class=\"tdfocus-1703885763030\" dir=\"ltr\" data-identifyelement=\"763\">To edit a specific section, row, column, or element, hover over the element then click on the gear setting icon that appears. In addition, clicking on any part of the element will also automatically open the pop-out settings menu on the right.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"766\"><img decoding=\"async\" class=\"fr-fic fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037895259\/original\/KOlM0cCLvHriHUm6DSl-Kd7ipW6PMWAETA.png?1733494932\" data-attachment=\"[object Object]\" data-id=\"155037895259\" data-identifyelement=\"520\" data-index=\"5\" \/><\/p>\n<p class=\"tdfocus-1703885799117\" dir=\"ltr\" data-identifyelement=\"770\">Within these settings, you can add padding, margin, change visibility, and much more. Also, note the &#8220;General&#8221; and Advanced Tabs which offer more settings you can use to make your site great.<\/p>\n<hr \/>\n<h2 id=\"Padding-and-Margin\" class=\"tdfocus-1703885888844\" dir=\"ltr\" data-identifyelement=\"775\"><strong class=\"tdfocus-1703886401653\" dir=\"ltr\" data-identifyelement=\"776\">Padding and Margin<\/strong><\/h2>\n<p class=\"tdfocus-1703886397226\" dir=\"ltr\" data-identifyelement=\"777\">When you want to move or put space between an element on your webpage &#8211; you are going to be adjusting the Padding or Margin. This is done within the object settings, clicking on the object will pop out this settings menu on the right.<\/p>\n<p class=\"tdfocus-1703886397226\" dir=\"ltr\" data-identifyelement=\"777\"><strong>Padding\u00a0<\/strong>&#8211; This will add space WITHIN a section, row, column, or element. Padding will add space from the outside of the object inward.<\/p>\n<p class=\"tdfocus-1703886397226\" dir=\"ltr\" data-identifyelement=\"777\"><strong>Margin<\/strong>\u00a0&#8211; This will add distance OUTSIDE of a section, row, column, or element. Giving space between other objects.<\/p>\n<hr \/>\n<h2 id=\"Moving-an-Element\" class=\"tdfocus-1703886117289\" dir=\"ltr\" data-identifyelement=\"790\"><strong dir=\"ltr\" data-identifyelement=\"791\">Moving an Element<\/strong><\/h2>\n<p class=\"tdfocus-1703885964412\" dir=\"ltr\" data-identifyelement=\"792\">You can move an object by using the up or down arrows seen when hovering over the object. This will shift the element up or down based on the elements around it. In addition, you can move an object by hovering over the object, and then clicking and holding the move icon. This will let you move the object. Release the held click to drop it into its new place.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"793\"><img decoding=\"async\" class=\"fr-fic fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037895757\/original\/be6Ukb483TviZIsk_FOVE_kwSkT5R6dH3A.png?1733495249\" data-attachment=\"[object Object]\" data-id=\"155037895757\" data-identifyelement=\"523\" data-index=\"6\" \/><\/p>\n<p dir=\"ltr\">You can move an object in two ways:<\/p>\n<ul>\n<li dir=\"ltr\" data-end=\"8234\" data-start=\"8094\"><strong>Option 1:\u00a0<\/strong>Up\/Down arrows (when available) move the object up or down based on nearby elements.<br \/>\n<strong><br \/>\n<\/strong><\/li>\n<li dir=\"ltr\" data-end=\"8428\" data-start=\"8237\"><strong>Option 2:<\/strong>\u00a0Drag-and-drop: Grab anywhere on the object and drag it to a new location, then release to drop (no move icon\/handle required).<\/li>\n<\/ul>\n<h2 id=\"Reordering-Columns-(Quick-Steps)\" dir=\"ltr\" data-end=\"8867\" data-start=\"8831\"><strong dir=\"ltr\">Reordering Columns (Quick Steps)<\/strong><\/h2>\n<ol>\n<li dir=\"ltr\">Hover over the row to reveal column boundaries and drop zones.<\/li>\n<li dir=\"ltr\">Drag the column left or right within the same row.<\/li>\n<li dir=\"ltr\">Drop when the placement indicator shows the new position.<\/li>\n<li dir=\"ltr\">Review tablet\/mobile views to confirm the responsive order still looks correct.<\/li>\n<\/ol>\n<pre class=\"fd-callout fd-callout--idea\"><strong>Note: <\/strong>Reordering is currently scoped to the same row. (Needs Confirmation: whether cross-row moves are supported.)<\/pre>\n<hr \/>\n<h2 id=\"Cloning-an-Element\" class=\"tdfocus-1703886110388\" dir=\"ltr\" data-identifyelement=\"808\"><strong class=\"tdfocus-1703886705154\" dir=\"ltr\" data-identifyelement=\"809\">Cloning an Element<\/strong><\/h2>\n<p class=\"tdfocus-1703886035363\" dir=\"ltr\" data-identifyelement=\"810\">Hovering over any object will give you the ability to clone that object and everything within it. All settings and objects within the cloned section will be duplicated and then added below. This is great when you have a format or object that you want to use again or somewhere else on the site page.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"811\"><img decoding=\"async\" class=\"fr-fic fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037896447\/original\/NAeJWJHwNk3MZ5LVYtq37yXfLHt1csFdOQ.png?1733495694\" data-attachment=\"[object Object]\" data-id=\"155037896447\" data-identifyelement=\"527\" data-index=\"7\" \/><\/p>\n<h3 id=\"Deleting-an-Element\" class=\"tdfocus-1703886092900\" dir=\"ltr\" data-identifyelement=\"817\"><strong dir=\"ltr\">Deleting an Element<\/strong><\/h3>\n<p class=\"tdfocus-1703886717633\" dir=\"ltr\" data-identifyelement=\"819\">If you need to delete or remove an object, hover over the object then select the trash can symbol. This will delete the object. You can use the Undo\/Redo to add it back if you need to.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"820\"><img decoding=\"async\" class=\"fr-fic fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037896603\/original\/rLLWqKRHu9JlmdAxVlZpp29PAdyYDmA6ew.png?1733495811\" data-attachment=\"[object Object]\" data-id=\"155037896603\" data-identifyelement=\"530\" data-index=\"8\" \/><\/p>\n<h3 id=\"Layers\" class=\"tdfocus-1703888612934\" dir=\"ltr\" data-identifyelement=\"826\"><strong>Layers<\/strong><\/h3>\n<p class=\"tdfocus-1709304777112\" dir=\"ltr\" data-identifyelement=\"827\">Layers help you view all of the various objects and how they are nested within the Website Object Hierarchy. Helpful when you have misplaced an object or hidden it from both mobile and desktop view.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"830\"><img decoding=\"async\" class=\"fr-fic fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037896897\/original\/q5g_wuAj9elgIDCrHXCDc1c2Z-Lj4V3_wg.png?1733496038\" data-attachment=\"[object Object]\" data-id=\"155037896897\" data-identifyelement=\"531\" data-index=\"9\" \/><\/p>\n<h3 id=\"Pages\" dir=\"ltr\" data-identifyelement=\"836\"><strong dir=\"ltr\">Pages<\/strong><\/h3>\n<p class=\"tdfocus-1703888619040\" dir=\"ltr\" data-identifyelement=\"837\">View and navigate to other web pages within your Funnel or Website from the pages tab. Giving you the ability to quickly move between web pages when editing multiple web pages. You can access this tab from both the right and middle site builder navigation bar.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"840\"><img decoding=\"async\" class=\"fr-fic fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037897228\/original\/v2L-D28zl_JgZ516_FI48vyZIIa698cjJA.png?1733496250\" data-attachment=\"[object Object]\" data-id=\"155037897228\" data-identifyelement=\"532\" data-index=\"10\" \/><\/p>\n<h3 id=\"Tracking-Code\" class=\"tdfocus-1703888633531\" dir=\"ltr\" data-identifyelement=\"844\"><strong dir=\"ltr\">Tracking Code<\/strong><\/h3>\n<p dir=\"ltr\" data-identifyelement=\"845\">In the event you would like to add a tracking code to the header or footer of your webpage, you can do so from this Tracking Code page.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"848\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037897973\/original\/MzfHqtqyAIE_lB5kP4qgrzyGvfvzBmeOZQ.png?1733496827\" data-attachment=\"[object Object]\" data-id=\"155037897973\" data-identifyelement=\"533\" data-index=\"11\" \/><\/p>\n<h3 id=\"Custom-CSS\" dir=\"ltr\" data-identifyelement=\"852\"><strong dir=\"ltr\">Custom CSS<\/strong><\/h3>\n<p dir=\"ltr\" data-identifyelement=\"853\">When you want to add custom CSS to your website to your website, you can from the custom CSS tab. You can consult a developer for how to use and create a code for your unique needs.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"856\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037897799\/original\/CekQXF8ZeS7yReGWnQ2q0Cys8OXixvCW3w.png?1733496715\" data-attachment=\"[object Object]\" data-id=\"155037897799\" data-identifyelement=\"534\" data-index=\"12\" \/><\/p>\n<h3 id=\"Typography\" dir=\"ltr\" data-identifyelement=\"862\"><strong>Typography<\/strong><\/h3>\n<p dir=\"ltr\" data-identifyelement=\"863\">You can change the default font for your webpage headlines and content as well as your text and link colors within the typography.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"864\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037898093\/original\/3MYjaiNHJ9_IAlVpMCXkwd9UWaNupUxD9g.png?1733496931\" data-attachment=\"[object Object]\" data-id=\"155037898093\" data-identifyelement=\"537\" data-index=\"13\" \/><\/p>\n<h3 id=\"Background\" dir=\"ltr\" data-identifyelement=\"870\"><strong dir=\"ltr\">Background<br \/>\n<\/strong><\/h3>\n<p class=\"tdfocus-1709304766929\" dir=\"ltr\" data-identifyelement=\"871\">To change the default background image or background color of your webpage you can select the Background tab. This will add a background behind your sections. If you have a background image or color set on a section, row, column, or element, it will be behind this.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"872\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037898231\/original\/Xy0T7GQvISncWbZ1NrHrYVWgZA02xeN4Lw.png?1733497032\" data-attachment=\"[object Object]\" data-id=\"155037898231\" data-identifyelement=\"539\" data-index=\"14\" \/><\/p>\n<pre class=\"fd-callout fd-callout--idea\">Want to set a video background for a Section? Learn how here:\u00a0<em dir=\"ltr\" data-identifyelement=\"877\"><a href=\"https:\/\/help.gohighlevel.com\/support\/solutions\/articles\/155000001310-video-background\" target=\"_blank\" rel=\"noopener noreferrer\" data-identifyelement=\"878\"><span dir=\"ltr\">Video Background<\/span><\/a><\/em><\/pre>\n<hr \/>\n<h2 id=\"Pop-Up-Settings\" class=\"tdfocus-1709305236949\" dir=\"ltr\" data-identifyelement=\"883\"><strong>Pop Up Settings<\/strong><\/h2>\n<p class=\"tdfocus-1709304759948\" dir=\"ltr\" data-identifyelement=\"884\">Most users dislike pop-ups, but the sad fact is that they still convert rather well, despite their bad rap. When you want to add a popup, you can do so from the Pop Up. After selecting it, you will use the pop-out setting menu on the right to edit the properties.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"885\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037898431\/original\/-PYgTWlbqH5WqlRSm1RPjjJLZl084lr3Ng.png?1733497163\" data-attachment=\"[object Object]\" data-id=\"155037898431\" data-identifyelement=\"541\" data-index=\"15\" \/><\/p>\n<p class=\"tdfocus-1709304729645\" dir=\"ltr\" data-identifyelement=\"889\">You can show a pop-up by adding a button and then have the button action deploy the pop-up. You can also use the pop-up settings to \u201cShow Popup on\u201d Exit or time delays &#8211; select the popup then see the settings on the right-hand side.<\/p>\n<hr \/>\n<h2 id=\"SEO-Meta-Data\" dir=\"ltr\" data-identifyelement=\"894\"><strong>SEO Meta Data<\/strong><\/h2>\n<p class=\"tdfocus-1709304723195\" dir=\"ltr\" data-identifyelement=\"895\">Here, you can edit the SEO metadata, this will show up in search engine results when searched. In addition, it will show in the tab settings of your browser, when you share your site link and more. It might seem small but having your SEO settings set up is important &#8211; it helps search engines find your site and when sharing a link, it helps users trust the link.<\/p>\n<h2 dir=\"ltr\" data-identifyelement=\"896\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037899016\/original\/hw4l9k9n0RKkYQqKt7sV5njzDuwhe-oVew.png?1733497538\" data-attachment=\"[object Object]\" data-id=\"155037899016\" data-identifyelement=\"543\" data-index=\"16\" \/><\/h2>\n<hr \/>\n<h2 id=\"Preview-Custom-Code\" dir=\"ltr\" data-identifyelement=\"896\"><strong>Preview Custom Code<\/strong><\/h2>\n<p class=\"tdfocus-1709304718381\" dir=\"ltr\" data-identifyelement=\"903\">If you have custom code on your site, providing it was installed successfully, this button loads this custom code so you can see it within the builder. Another option is previewing the page. If your custom code is not working as planned, please consult a developer.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"904\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037899165\/original\/9DUtBLcF4BsBXf-Owha2ws-Sk5n_KOiWlg.png?1733497656\" data-attachment=\"[object Object]\" data-id=\"155037899165\" data-identifyelement=\"545\" data-index=\"17\" \/><\/p>\n<hr \/>\n<h2 id=\"2-Column-Mode-Versus-Auto-Mode\" dir=\"ltr\" data-identifyelement=\"910\"><strong>2 Column Mode Versus Auto Mode<\/strong><\/h2>\n<p class=\"tdfocus-1703886825575\" dir=\"ltr\" data-identifyelement=\"911\">When you are using the builder you can choose to have the right popout lay over top of the webpage or you can set it to two-column mode, which will push the webpage into two columns. The first column is the webpage, the 2nd is the settings tag that popout on the right.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"912\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037899364\/original\/E0uvNRaqVGH9f0VscjDy0re_e5UA54895w.png?1733497797\" data-attachment=\"[object Object]\" data-id=\"155037899364\" data-identifyelement=\"547\" data-index=\"18\" \/><\/p>\n<hr \/>\n<h2 id=\"Undo\/Redo\" class=\"tdfocus-1703886718969\" dir=\"ltr\" data-identifyelement=\"918\"><strong>Undo\/Redo<\/strong><\/h2>\n<p dir=\"ltr\" data-identifyelement=\"919\">When you open and begin editing your site, you may find the need to undo a change you made. You can undo or redo your actions at the top right of your site builder navigation bar.<\/p>\n<ul>\n<li dir=\"ltr\">Undo\/Redo now captures changes made not only on the main page but also within popups and global settings such as typography, tracking codes, and more.<\/li>\n<li dir=\"ltr\">When undoing or redoing changes that affect a popup, the builder automatically opens the relevant popup so you can instantly view the changes in context.<\/li>\n<li>For text-based elements, changes are intelligently batched together, preventing unnecessary undo steps for every keystroke and keeping your change history clean and intuitive.<\/li>\n<\/ul>\n<pre class=\"fd-callout fd-callout--idea\"><strong>Note: <\/strong>Undo\/Redo is session-based. If you reload or leave the builder, you may not be able to undo\/redo earlier changes. Versions, outlined below, are great for restoring previous versions of the site.<\/pre>\n<p data-identifyelement=\"550\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037899482\/original\/VCFId7ENAp5Eh8QuZFJPmxyxcqeF5_FczA.png?1733497913\" data-attachment=\"[object Object]\" data-id=\"155037899482\" data-identifyelement=\"551\" data-index=\"19\" \/><\/p>\n<hr \/>\n<h2 id=\"Versions,-Preview,-Save,-and-Publish\" class=\"tdfocus-1703886790443\" dir=\"ltr\" data-identifyelement=\"926\"><strong dir=\"ltr\">Versions, Preview, Save, and Publish<\/strong><\/h2>\n<p class=\"tdfocus-1703886790443\" dir=\"ltr\" data-identifyelement=\"926\">In the top right-hand side of your site builder, you will locate versions, preview, and save buttons. Let\u2019s go through each of them below.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"928\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037899745\/original\/JZ482zGgclCyyEaoc3HQdVUgJ0Q_WosZ-A.png?1733498076\" data-attachment=\"[object Object]\" data-id=\"155037899745\" data-identifyelement=\"554\" data-index=\"20\" \/><\/p>\n<ol class=\"tdfocus-1703886174981\" data-identifyelement=\"932\">\n<li class=\"tdfocus-1703886170241\" data-identifyelement=\"933\"><strong>Versions<\/strong>\u00a0&#8211; selecting versions will take you to previously saved versions of your site. Helpful when you want to view or revert previously saved versions of your site.<br \/>\n<br data-identifyelement=\"937\" \/><\/li>\n<li class=\"tdfocus-1703886173073\" data-identifyelement=\"938\"><strong>Preview<\/strong>\u00a0&#8211; create a preview version of your site page for you to see as if it is a live site. Great for testing and seeing what your recent edits look like for a live visitor.<br \/>\n<br data-identifyelement=\"942\" \/><\/li>\n<li class=\"tdfocus-1703886176870\" data-identifyelement=\"943\"><strong>Save<\/strong>\u00a0&#8211; you can click the save button to save an unpublished version of your site. This same version will be overwritten after every save. This is different from the published live version of your site. This means your site visiting will not see any of the changes made on this version until they are published.<br \/>\n<br data-identifyelement=\"947\" \/><\/li>\n<li data-identifyelement=\"948\"><strong>Publish<\/strong>\u00a0&#8211; Publishing will activate the current saved version of your site to be posted live to the internet. Now site viewer will see the most recent published version of your site.<\/li>\n<\/ol>\n<hr \/>\n<h2 id=\"Editing-the-Mobile-View-of-Your-Site\" dir=\"ltr\" data-identifyelement=\"961\"><strong>Editing the Mobile View of Your Site<br \/>\n<\/strong><\/h2>\n<p class=\"tdfocus-1709304657829\" dir=\"ltr\" data-identifyelement=\"962\">Every site builder has both a mobile and desktop view. Unless you edit an object, the desktop and mobile views will be identical. When you go to review your mobile view of your site, you will likely find some aspects of your site you wish to change or adjust for your mobile viewers. This makes sense, mobile and desktop screens are different sizes. So we will need to adjust how the mobile view looks to best suit mobile viewers. Let\u2019s learn how to edit your mobile view below.<\/p>\n<hr \/>\n<h2 id=\"Mobile-Mode\" dir=\"ltr\" data-identifyelement=\"965\"><strong>Mobile Mode<\/strong><\/h2>\n<p dir=\"ltr\" data-identifyelement=\"965\">At the top of your editor, you will see a button for Desktop Mode and another called Mobile Mode. Selecting the \u201cMobile Mode\u201d will toggle to the mobile view editor of your site.<\/p>\n<p class=\"tdfocus-1709304659663\" dir=\"ltr\" data-identifyelement=\"973\">All Website objects by default are mobile and desktop visible. However, you can change this, which will help greatly in some circumstances.<\/p>\n<p data-identifyelement=\"967\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037910323\/original\/6ytiNhXzX9INYVy9J9mule0smkHyE_UTtg.png?1733510028\" data-attachment=\"[object Object]\" data-id=\"155037910323\" data-identifyelement=\"556\" data-index=\"21\" \/><\/p>\n<hr \/>\n<h2 id=\"Changing-Object-Visibility-to-Mobile\/Desktop-Only\" class=\"tdfocus-1709304645196\" dir=\"ltr\" data-identifyelement=\"978\"><strong>Changing Object Visibility to Mobile\/Desktop Only<\/strong><\/h2>\n<p dir=\"ltr\" data-identifyelement=\"979\">More than likely, you will find you need to create a unique section, row, column, or element for mobile view only. You can edit the visibility of your elements with the visibility setting. Select any object, go to settings, then advanced settings. This is very helpful when optimizing the look and feel of your desktop or mobile views for your site.<\/p>\n<p class=\"tdfocus-1703888551434\" dir=\"ltr\" data-identifyelement=\"986\">After toggling, you will only be able to see the elements based on how you toggle them. So if you removed Desktop, you would only see the element on the mobile editor view on the live mobile view of a website.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"979\"><img decoding=\"async\" class=\"fr-fic fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037910451\/original\/D1wvZgd0-cGXJe7rOoYOINGF8s7JTxQOJA.png?1733510305\" data-attachment=\"[object Object]\" data-id=\"155037910451\" data-identifyelement=\"559\" data-index=\"22\" \/><\/p>\n<hr \/>\n<h2 id=\"Mobile-Responsiveness-Settings\" class=\"tdfocus-1709304434390\" dir=\"ltr\" data-identifyelement=\"989\"><strong>Mobile Responsiveness Settings<\/strong><\/h2>\n<p class=\"tdfocus-1709304440488\" dir=\"ltr\" data-identifyelement=\"990\">Within your object settings, you will see mobile responsive toggles that allow you to edit an object&#8217;s settings unique to mobile or desktop. For example, the image below shows an image element alignment settings. This means you can change how this element looks on the desktop view, then toggle to the mobile view and edit the mobile settings to be unique from the desktop view.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"993\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037910520\/original\/0uYLWZ8P00yYDwrXIt8hkcQbLsfhMI53pg.png?1733510480\" data-attachment=\"[object Object]\" data-id=\"155037910520\" data-identifyelement=\"561\" data-index=\"23\" \/><\/p>\n<p class=\"tdfocus-1709304602400\" dir=\"ltr\" data-identifyelement=\"997\">You will find mobile responsive settings like this on several object settings. We are always working to add in more.<\/p>\n<h3 id=\"Pro-Tips-for-Mobile-Mode-Editing\" class=\"tdfocus-1709304422522\" dir=\"ltr\" data-identifyelement=\"1000\"><strong class=\"tdfocus-1709304437473\" dir=\"ltr\" data-identifyelement=\"1001\">Pro Tips for Mobile Mode Editing<\/strong><\/h3>\n<p dir=\"ltr\" data-identifyelement=\"1002\">There are a number of of tips and tricks to learn when editing your mobile site, let\u2019s check out a few:<\/p>\n<p class=\"tdfocus-1703888771366\" dir=\"ltr\" data-identifyelement=\"1005\"><strong>Finish Desktop Mode First:\u00a0<\/strong>More often than not, completing a full version of your desktop view of your site makes it easier to edit your mobile view. So get that desktop view looking stellar THEN start working on your mobile view after your desktop view is the way you like it.<\/p>\n<p class=\"tdfocus-1703888774445\" dir=\"ltr\" data-identifyelement=\"1010\"><strong>Mobile Navigation Menus:\u00a0<\/strong>If you have a site navigation menu, create a Global Section with Mobile-only visibility. This can be added to the mobile version of each of your pages for a clean and consistent look. You can do the same for the Desktop Navigation menu.<\/p>\n<p class=\"tdfocus-1703888798426\" dir=\"ltr\" data-identifyelement=\"1015\"><strong>Duplicate an Object and Change Visibility:\u00a0<\/strong>If you cannot get a section or object to look good on mobile without editing the desktop view, create a mobile-specific section. You can do this easily with the \u201cduplicate\u201d function. Which will create a copy of the object. Then you can change the visibility of one to desktop only and the new one to mobile only. Now we can edit the mobile one without messing up the desktop. This is great for images.<\/p>\n<p dir=\"ltr\">Did you know\u2026 you can see the mobile view of your site from your computer?\u00a0<a href=\"https:\/\/help.gohighlevel.com\/a\/solutions\/articles\/155000001633\/edit?portalId=48000045315#How-to-See-the-Mobile-View-of-a-Website-on-your-Desktop?\" target=\"_blank\" rel=\"noopener noreferrer\">Learn how here.<\/a><\/p>\n<hr \/>\n<h2 id=\"Site-Settings-&amp;-Publishing\" dir=\"ltr\" data-identifyelement=\"1037\"><strong>Site Settings &amp; Publishing<\/strong><\/h2>\n<p class=\"tdfocus-1709304413021\" dir=\"ltr\" data-identifyelement=\"1038\">Now that your site is built let\u2019s review the backend settings of our site. Let\u2019s walk through each of the backend site settings together.<\/p>\n<p class=\"tdfocus-1709304413021\" dir=\"ltr\" data-identifyelement=\"1038\"><strong>Site Pages\/Steps<br \/>\n<\/strong><\/p>\n<p dir=\"ltr\" data-identifyelement=\"1042\">This is where all of the pages or steps of your site live. You can edit or preview a page from here. We land here before entering into the Site Builder. Upon exiting the Site Builder, we also land here.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"1043\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037910569\/original\/HLnOKuZExHkLfR3mKave12kXfbe6wgwnrg.png?1733510605\" data-attachment=\"[object Object]\" data-id=\"155037910569\" data-identifyelement=\"563\" data-index=\"24\" \/><\/p>\n<hr \/>\n<h2 id=\"Attaching-a-Product-to-Your-Site-Page-(Order-Forms)\" dir=\"ltr\" data-identifyelement=\"1049\"><strong dir=\"ltr\">Attaching a Product to Your Site Page (Order Forms)<\/strong><\/h2>\n<p class=\"tdfocus-1709304578116\" dir=\"ltr\" data-identifyelement=\"1050\">To use order forms on your site, you must attach a product you have created in OneSystemCRM to\u00a0your specific page. Products need to be added to the page a viewer will use to checkout and purchase your product.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"1053\">On Websites, you click the three dots on the top right of the page, then select products. For funnels, you select the step, then select products in the top right tab.<\/p>\n<p class=\"tdfocus-1709304410336\" dir=\"ltr\" data-identifyelement=\"1058\">After arriving on the Products tab for a page, we will need to add the OneSystemCRM Product. If one isn\u2019t created in your Sub-Account already, you will need to create one. You can learn more about our <a href=\"https:\/\/help.gohighlevel.com\/support\/solutions\/folders\/48000682654\" target=\"_blank\" rel=\"noopener noreferrer\">Payments features here.<\/a><\/p>\n<p dir=\"ltr\" data-identifyelement=\"1054\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037910640\/original\/YEjyHXWyZdwBCoSNaoOZZ8TzqvuF-MmvLw.png?1733510838\" data-attachment=\"[object Object]\" data-id=\"155037910640\" data-identifyelement=\"565\" data-index=\"25\" \/><\/p>\n<hr \/>\n<h2 id=\"Site-Stats\" dir=\"ltr\" data-identifyelement=\"1064\"><strong>Site Stats<\/strong><\/h2>\n<p class=\"tdfocus-1709304143890\" dir=\"ltr\" data-identifyelement=\"1065\">Stats will give you insights into the number of page views and opt-ins you have had on your site. In addition, you can see the number of sales and even earnings. Learn more about stats and what they count here: Understanding Stats.<\/p>\n<p class=\"tdfocus-1709304143890\" dir=\"ltr\" data-identifyelement=\"1066\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037910718\/original\/ZqxhWWvBlx_PTNUAWUaAUy4yzFZfUPHlig.png?1733511009\" data-attachment=\"[object Object]\" data-id=\"155037910718\" data-identifyelement=\"567\" data-index=\"26\" \/><\/p>\n<hr \/>\n<h2 id=\"Site-Sales\" dir=\"ltr\" data-identifyelement=\"1074\"><strong>Site Sales<\/strong><\/h2>\n<p class=\"tdfocus-1709304130638\" dir=\"ltr\" data-identifyelement=\"1075\">Reveals each transaction that has occurred on your sites. For Version 2 sites, we have moved this to the Payments Tab &gt; then select Orders and Transactions tabs.<\/p>\n<hr \/>\n<h2 id=\"Site-Settings\" dir=\"ltr\" data-identifyelement=\"1080\"><strong>Site Settings<\/strong><\/h2>\n<p class=\"tdfocus-1709304560154\" dir=\"ltr\" data-identifyelement=\"1081\">Site settings give you the ability to attach your domain, update the default path, add a favicon, and more! Let\u2019s unpack each of these together.<\/p>\n<p class=\"tdfocus-1709304560154\" dir=\"ltr\" data-identifyelement=\"1081\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037910737\/original\/jIEdfFd0u640y20jsUvi04MMBJV3nYwBSA.png?1733511127\" data-attachment=\"[object Object]\" data-id=\"155037910737\" data-identifyelement=\"569\" data-index=\"27\" \/><\/p>\n<p class=\"tdfocus-1709304005058\" dir=\"ltr\" data-identifyelement=\"1090\"><strong>Name<\/strong>\u00a0&#8211; is the name you give your site. This does not appear to your customer, this is for internal use only.<\/p>\n<p class=\"tdfocus-1709304007376\" dir=\"ltr\" data-identifyelement=\"1093\"><strong>Domain<\/strong> &#8211; is the domain you choose to assign to your website. For example: onesystemcrm.com\u00a0is our domain we attach to our Site. Without a domain, people will be unable to visit your site. Unless you use a preview link, but these are uncustomizable and not recommended.<\/p>\n<p class=\"tdfocus-1709304112954\" dir=\"ltr\" data-identifyelement=\"1096\"><strong>Path<\/strong> &#8211; is the default path or extension for your site. It looks like this when used, is the path. Each page on a funnel or website will have its own path, and no two pages can be directed to the same path.<\/p>\n<p class=\"tdfocus-1709304025909\" dir=\"ltr\" data-identifyelement=\"1099\"><strong>Favicon<\/strong> &#8211; is the small icon that appears at the top of your browser tabs when someone opens and views your site. You must add a shareable image URL here, after being added, it will load the favicon for all of the pages of your site. Learn how to upload, store, and copy the share link in onesystemcrm.com<\/p>\n<p class=\"tdfocus-1709304103838\" dir=\"ltr\" data-identifyelement=\"1103\"><strong>Head tracking code<\/strong>\u00a0&#8211; installs a site-wide tracking code into the header.<\/p>\n<p class=\"tdfocus-1709304100054\" dir=\"ltr\" data-identifyelement=\"1106\"><strong>Body tracking code<\/strong>\u00a0&#8211; installs a site-wide tracking code into the body.<\/p>\n<p class=\"tdfocus-1709304035529\" dir=\"ltr\" data-identifyelement=\"1109\"><strong>Payment mode\u00a0<\/strong>&#8211; if you have products attached to your site, then you can automatically switch your payment mode to test or live. Test, allows you to use\u00a0<a href=\"https:\/\/stripe.com\/docs\/testing#cards\" target=\"_blank\" rel=\"noopener noreferrer\">Stripe testing cards<\/a>` to fill out the form and then run a test. Great for testing your funnel. However, as you get closer to launch, a live purchase is encouraged &#8211; you can always refund yourself.<\/p>\n<p class=\"tdfocus-1709304038199\" dir=\"ltr\" data-identifyelement=\"1113\"><strong>Image Optimization<\/strong>\u00a0&#8211; will automatically adjust your images to load faster. It is on by default and is generally not recommended to disable it as faster loading times result in a superior page experience for viewers.<\/p>\n<p class=\"tdfocus-1709304045879\" dir=\"ltr\" data-identifyelement=\"1117\"><strong>O<\/strong><strong dir=\"ltr\">ptimise Javascript\u00a0<\/strong>&#8211; Javascript is custom code you can install to run special operations on your sites. Oftentimes, JavaScript can impact loading speeds, enabling this will assist in page loading. The External Javascript will be lazy hydrated for better page load performance.<\/p>\n<p class=\"tdfocus-1709304048643\" dir=\"ltr\" data-identifyelement=\"1120\"><strong>GDPR Complaint Fonts<\/strong>\u00a0&#8211; depending on your legal needs, GDPR complaint fonts can be enabled, removing all of the fonts, so your site can work to become more compliant with laws and regulations. Always consult a lawyer to ensure you are fully compliant.<\/p>\n<p class=\"tdfocus-1709304054398\" dir=\"ltr\" data-identifyelement=\"1123\"><strong>Chat Widget<\/strong> &#8211; Your chat widget can be customized and set up under Sites &gt; Chat Widget. Enabling this will deploy this chat widget to all of your websites. To deploy on specific webpages, keep this disabled then copy the code to the specific pages you want the widget on. Learn more about your chat widget here: OneSystemCRM Chat Widget: How to Add It to Your Pages in Minutes<\/p>\n<hr \/>\n<h2 id=\"Publishing\/Page-Settings\u200b\u200b\u200b\u200b\" dir=\"ltr\" data-identifyelement=\"1128\"><strong>Publishing\/Page Settings<\/strong><\/h2>\n<p dir=\"ltr\" data-identifyelement=\"1129\">To change the name of a step or site as well as the path or extension\u2026 In the site builder, you can click the three dots then select settings. Within the funnels, you select the funnel step then select the \u201cPublishing\u201d tab.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"1136\">From here you can edit the step\/site name as well as the path. The path for your a page\/site goes at the end of a URL. You can set these, otherwise, we will provide a random one. If the path already exists or is being used on your domain, it will add numbers as you cannot have repeat paths.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"1132\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037910800\/original\/EIlSOdYXCBr1tBv6-gPwr-hTRj8fjEEjyw.png?1733511310\" data-attachment=\"[object Object]\" data-id=\"155037910800\" data-identifyelement=\"571\" data-index=\"28\" \/><\/p>\n<hr \/>\n<h2 id=\"Frequently-Asked-Questions\" class=\"tdfocus-1703887925290\" dir=\"ltr\" data-identifyelement=\"1157\"><strong>Frequently Asked Questions<\/strong><\/h2>\n<p id=\"What-are-Global-Sections?\" class=\"tdfocus-1703887867451\" dir=\"ltr\" data-identifyelement=\"1162\"><strong>Q: What are Global Sections?<\/strong><\/p>\n<p dir=\"ltr\" data-identifyelement=\"1163\">Global sections are saved sections that you can use across multiple pages. They are unique in that you can use the same section across multiple pages. Further, making any changes to a global section, after saving, will automatically update it to all pages the Global Section is used on. A great example of a scenario to use a global section would be the Header\/Footer of your website. Using a Global section as a footer or header enables you to have the same header across all of your pages.<\/p>\n<p class=\"tdfocus-1709304372621\" dir=\"ltr\" data-identifyelement=\"1166\">All we need to do is have a section we like, such as a header for our page, then hover over the object, click the Save Icon, name it, select \u201cGlobal Section,\u201d then click Save. Now we can add this same global section to all of our pages.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"1173\">Remember, any changes to this Global section, after saving, will update this section in all of the pages it was used. Further, global sections are not automatically placed, you must add them.<\/p>\n<p class=\"tdfocus-1703886931095\" dir=\"ltr\" data-identifyelement=\"1176\">To add a Global section, click the \u201c+Add Element\u201d Icon in the top right of your builder. Then select &gt; Global Section &gt; Select your global section.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"1169\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037911138\/original\/LESJ99XZs11Kr3TVxUaDxchGqs-p7YrlUA.gif?1733512291\" data-attachment=\"[object Object]\" data-id=\"155037911138\" data-identifyelement=\"572\" data-index=\"29\" \/><\/p>\n<p id=\"What-are-Template-Sections?\" class=\"tdfocus-1703887906990\" dir=\"ltr\" data-identifyelement=\"1181\"><strong>Q: What are Template Sections?<\/strong><\/p>\n<p class=\"tdfocus-1703886858633\" dir=\"ltr\" data-identifyelement=\"1182\">Similar to a Global Section (see above), a Template Section can be saved and then added later within the same webpage or another webpage. Changes made to these sections saved to the Template Section in use will not update the templates or other places the template was added.<\/p>\n<p id=\"What-Are-Funnels?\" class=\"tdfocus-1709304360154\" dir=\"ltr\" data-identifyelement=\"1187\"><strong>Q: What Are Funnels?<\/strong><br \/>\nThe term funnel in marketing means a series of websites used to capture leads. Funnels have \u201csteps\u201d that allow you to visualize a series of websites that a potential customer will visit. For example, in a booking funnel, I might have 3 Funnel Steps.<\/p>\n<ol>\n<li dir=\"ltr\">Landing Page &#8211; where you can offer something for contacts to download in exchange for their contact information.<\/li>\n<li dir=\"ltr\">Booking Page &#8211; After a contact fills out a form, you will want to thank them but then schedule a call with them. So you have your booking calendar on this step.<\/li>\n<li dir=\"ltr\">Thank you Booking Page &#8211; After a client booked the call, they will land on this page, showing them the next steps and thanking them for booking.<\/li>\n<\/ol>\n<p class=\"tdfocus-1703887930229\" dir=\"ltr\" data-identifyelement=\"1200\">Funnels usually serve a specific purpose, like offering a lead magnet or booking an appointment. There are many use cases for creating funnels. Whatever the reason, Funnels are a useful way to create a series of websites that contacts navigate through.<\/p>\n<p id=\"How-to-See-the-Mobile-View-of-a-Website-on-your-Desktop?\" dir=\"ltr\" data-identifyelement=\"1207\"><strong>Q: How to See the Mobile View of a Website on your Desktop?<\/strong><br \/>\nWhen editing your site, you may find you want to see the mobile view of your website. Did you know you can see the mobile view of any website on your desktop? Simply right click on the loaded webpage, click inspect, then toggle the view from desktop to mobile. See the red arrow and the images below.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"1208\"><img decoding=\"async\" class=\"fr-fic fr-fil fr-dib fr-bordered fw-lightbox-img\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/155037910971\/original\/S9Nw3z3dJ6Sivtm4jkrNLuKPpfg7LVmYAg.gif?1733511813\" data-attachment=\"[object Object]\" data-id=\"155037910971\" data-identifyelement=\"574\" data-index=\"30\" \/><\/p>\n<p id=\"How-do-I-upload-and-get-a-sharable-image-link-in-HighLevel?\" dir=\"ltr\" data-identifyelement=\"1217\"><strong>Q: How do I upload and get a sharable image link in OneSystemCRM?<\/strong><br \/>\nTo load an image, you must either upload your image to OneSystemCRMor provide another shareable link. You can do this in Google and other areas, but let\u2019s review how to do this in OneSystemCRM.<\/p>\n<p class=\"tdfocus-1703887978045\" dir=\"ltr\" data-identifyelement=\"1221\">Within a Sub-Account go to Settings &gt; then Media. Then select &#8220;Upload File&#8221; in the top right-hand corner of the media library.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"1221\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-1865 size-full\" src=\"https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/UP2aQeliGueFottVQeDThmj5wYHO0IEO_w-scaled.png\" alt=\"\" width=\"2560\" height=\"1279\" srcset=\"https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/UP2aQeliGueFottVQeDThmj5wYHO0IEO_w-scaled.png 2560w, https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/UP2aQeliGueFottVQeDThmj5wYHO0IEO_w-300x150.png 300w, https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/UP2aQeliGueFottVQeDThmj5wYHO0IEO_w-1024x512.png 1024w, https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/UP2aQeliGueFottVQeDThmj5wYHO0IEO_w-768x384.png 768w, https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/UP2aQeliGueFottVQeDThmj5wYHO0IEO_w-1536x767.png 1536w, https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/UP2aQeliGueFottVQeDThmj5wYHO0IEO_w-2048x1023.png 2048w, https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/UP2aQeliGueFottVQeDThmj5wYHO0IEO_w-360x180.png 360w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p class=\"tdfocus-1703887948112\" dir=\"ltr\" data-identifyelement=\"1228\">After successfully uploading the image, you can right-click on the image to copy the link to it. Use this link when a media-shareable URL is required. For example, within Site Settings, the Favicon requires a shareable media URL. You paste this newly uploaded image URL you have there so your favicon will load.<\/p>\n<p dir=\"ltr\" data-identifyelement=\"1231\"><img decoding=\"async\" class=\"alignnone wp-image-1864 size-full\" src=\"https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/7_-x1LD-mRQDEiZ2hks3WhurtIDOcoNcw11-scaled.png\" alt=\"\" width=\"2560\" height=\"1271\" srcset=\"https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/7_-x1LD-mRQDEiZ2hks3WhurtIDOcoNcw11-scaled.png 2560w, https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/7_-x1LD-mRQDEiZ2hks3WhurtIDOcoNcw11-300x149.png 300w, https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/7_-x1LD-mRQDEiZ2hks3WhurtIDOcoNcw11-1024x509.png 1024w, https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/7_-x1LD-mRQDEiZ2hks3WhurtIDOcoNcw11-768x381.png 768w, https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/7_-x1LD-mRQDEiZ2hks3WhurtIDOcoNcw11-1536x763.png 1536w, https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/7_-x1LD-mRQDEiZ2hks3WhurtIDOcoNcw11-2048x1017.png 2048w, https:\/\/onesystemcrm.com\/help\/wp-content\/uploads\/2026\/04\/7_-x1LD-mRQDEiZ2hks3WhurtIDOcoNcw11-360x179.png 360w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What are Sites? Sites give you the ability to create client-facing websites within OneSystemCRM. Create that perfect home page for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[86],"doc_tag":[],"class_list":["post-1863","docs","type-docs","status-publish","hentry","doc_category-funnels-and-websites"],"year_month":"2026-07","word_count":4250,"total_views":"16","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"usamasaeed219","author_nicename":"usamasaeed219","author_url":"https:\/\/onesystemcrm.com\/help\/author\/usamasaeed219\/"},"doc_category_info":[{"term_name":"Funnels and Websites","term_url":"https:\/\/onesystemcrm.com\/help\/Supports-category\/funnels-and-websites\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/docs\/1863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/comments?post=1863"}],"version-history":[{"count":2,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/docs\/1863\/revisions"}],"predecessor-version":[{"id":1867,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/docs\/1863\/revisions\/1867"}],"wp:attachment":[{"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/media?parent=1863"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/doc_category?post=1863"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/onesystemcrm.com\/help\/wp-json\/wp\/v2\/doc_tag?post=1863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}