{"id":36072,"date":"2017-12-12T13:00:40","date_gmt":"2017-12-12T19:00:40","guid":{"rendered":"http:\/\/blog.cpanel.com\/?p=36072"},"modified":"2017-12-12T13:00:40","modified_gmt":"2017-12-12T19:00:40","slug":"cpanel-branding-basics-a-guide-for-reseller-hosts","status":"publish","type":"post","link":"https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/","title":{"rendered":"cPanel Branding Basics: A Guide for Reseller Hosts"},"content":{"rendered":"<div class=\"alert alert-info\">This post was originally posted on November 17, 2015, and has been updated for accuracy. Some images of the cPanel interface may have been updated.<\/div>\n<p>cPanel &amp; WHM is a tool that has become synonymous with web hosting. However, while hosting providers around the world use this software to offer their customers the freedom to manage their websites, email accounts, \u00a0databases, and more, they have also been given very few options when it came to customizing, personalizing, and branding the dashboard they offer their clients. This has changed in our recent updates to cPanel &amp; WHM. Now, with additions like Paper Lantern to our software suite, web hosts can alter the color, feel, and overall experience of the cPanel dashboard to provide their customers with a personally branded and truly unique cPanel experience. So grab a coffee, let&#8217;s rebrand, and design cPanel dashboard as if it was your own product.<br \/>\n<!--more--><\/p>\n<h1>Preparation<\/h1>\n<p>For this process, <strong><a href=https://cpanel.net/"https:////blog.cpanel.com//whats-a-cpanel-reseller-account///">cPanel Reseller accounts<\/a><\/strong> will be the starting point. Any information related to Root accounts can be found in <a href=https://cpanel.net/"https:////go.cpanel.net//Style/" target=\"_blank\" rel=\"noopener\">cPanel Style Documentation<\/a>. Here are a few assumptions of what you\u2019ll need to have:<\/p>\n<ul>\n<li>cPanel &amp; WHM 11.50 or later<\/li>\n<li>Reseller account<\/li>\n<li>Basic knowledge of HTML\/CSS\/JS<\/li>\n<li>Basic Command Line<\/li>\n<li>Design software<\/li>\n<\/ul>\n<h3>Game Plan<\/h3>\n<p>Like any project, you&#8217;ll need to come up with a game plan. Start by figuring out the areas you wish to customize. Customization can range from colors and layout, to simple behavior interactions. You&#8217;re only limited by your imagination!<\/p>\n<p>Once you have an idea of the changes you\u2019d like to make, take the time to draw it out. This will help you achieve your vision without losing sight of your objectives. Think of it as your goal post.<\/p>\n<h1>Brand customization<\/h1>\n<p>To increase brand awareness, it&#8217;s beneficial to provide your customers with a way to identify and\u00a0associate your brand with the cPanel dashboard. Here is the \u00a0first course of action necessary to change the cPanel logo to your own custom logo.<\/p>\n<p><a href=https://cpanel.net/"https:////blog.cpanel.com//wp-content//uploads//2017//12//brand-whm-66.png/"><img decoding=\"async\" src=https://cpanel.net/"https:////blog.cpanel.com//wp-content//uploads//2017//12//brand-whm-66.png/"  class=\"aligncenter\" alt=\"WHM cPanel Brand\" \/><\/a><\/p>\n<ol>\n<li>Log into your WHM dashboard [<em>ex: http:\/\/yourdomain.com\/whm<\/em>]<\/li>\n<li>Navigate to <code>cPanel &gt; Customization<\/code><\/li>\n<li>Type in your company name<\/li>\n<li>Upload your company logo<\/li>\n<li>Upload favicon<\/li>\n<li>Click Save<\/li>\n<\/ol>\n<p>When you&#8217;re finished, switch and log into the cPanel dashboard [<em>ex: http:\/\/yourdomain.com\/cpanel<\/em>] and you&#8217;ll notice your logo and favicon has been updated.<\/p>\n<p><a href=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//brand-result.png/"><img decoding=\"async\" class=\"aligncenter\" src=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//brand-result.png/" alt=\"cPanel Brand Result\" \/><\/a><\/p>\n<h3>Theme<\/h3>\n<p>The bulk of customization is done through <abbr title=\"Cascade Style Sheet\">CSS<\/abbr>. The diagram below shows the common elements, in IDs and Classes, that\u00a0allow you to specify and modify custom style.<\/p>\n<p><strong>Pro Tip:<\/strong><br \/>\n<em>You can use your mouse and right click on any area in your Chrome or FireFox\u00a0browser and select <a href=https://cpanel.net/"https:////developer.chrome.com//devtools//docs//elements-styles/" target=\"_blank\" rel=\"noopener\">inspect element<\/a> within cPanel dashboard to identify existing IDs and Classes with the style code. Inspecting elements and the steps below will show how each design can be overridden to your own custom style<\/em>.<\/p>\n<p><a href=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//css-elements.png/"><img decoding=\"async\" class=\"aligncenter\" src=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//css-elements.png/" alt=\"cPanel's CSS Elements\" \/><\/a><\/p>\n<ol>\n<li>In your cPanel dashboard &#8211; navigate to <code>Home &gt; Files<\/code> and select <em>File Manager<\/em><\/li>\n<li>In File Manager, navigate to, or create the directory <code>var\/cpanel\/reseller\/styled<\/code> if it doesn&#8217;t exist<\/li>\n<li>Under styled folder &#8211; create your own folder name for the theme: ex: <em>My_Custom_Theme<\/em><\/li>\n<li>Within the same directory &#8211; create a new file and name it <em>styles.css<\/em> (must be exactly as it&#8217;s spelled and lower caps)<\/li>\n<li>Right click styles.css and click edit<\/li>\n<li>In your styles.css type in the following\n<pre><code>.navbar-preferences {background-color: blue;}<\/code><\/pre>\n<\/li>\n<li>Save Changes<\/li>\n<li>Change your style to your own custom style (<em>User Preferences &gt; Change Style<\/em>) and select <em>Apply<\/em> on <em>My Custom Theme<\/em> (you&#8217;ll notice the background color on the navbar has changed in your cPanel dashboard). This is your theme.<\/li>\n<li>To include a preview image on the Change Style interface. Screen capture your new interface or design your preview image (500 by 500 pixel and png format), save the file name to <em>preview.png<\/em> and upload it under <em>My_Custom_Theme<\/em> directory.<\/li>\n<\/ol>\n<p><a href=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//file-manager-directory1.png/"><img decoding=\"async\" class=\"aligncenter\" src=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//file-manager-directory1.png/" alt=\"File Manager Directory Structure\" \/><\/a><\/p>\n<p>By now your directory path should look similar to the image you see above.<\/p>\n<p>I encourage you to keep tinkering with\u00a0your CSS style until you\u2019re satisfied. For further information on styling elements, you can read through <a href=https://cpanel.net/"http:////go.cpanel.net//stylecss/" target=\"_blank\" rel=\"noopener\">cPanel documentation<\/a> on setting up your stylesheet or writing your custom CSS.<\/p>\n<h3>Content<\/h3>\n<p>Sometimes styling the layout isn&#8217;t enough. There might\u00a0be occasions\u00a0when additional pieces of information should be included in the dashboard. As of now, there are total of four available areas where you can include your own content. The first two areas are GLOBAL header and footer positions which show up on every page. The GLOBAL positions filename are \u201d<em>global_header.html.tt<\/em>\u201d and \u201c<em>global_footer.html.tt<\/em>\u201d. Then the other two are PAGE TEMPLATES header and footer positions which only show up in the named app. The PAGE TEMPLATES positions filename are &#8220;<em>_page_header.html.tt<\/em>&#8221; and \u201c<em>_page_header.html.tt<\/em>\u201d. With these content additions, you have the options to include plain text, HTML, CSS, and JS to extend your UI enhancement further.<\/p>\n<p><a href=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//content-elements.png/"><img decoding=\"async\" class=\"aligncenter\" src=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//content-elements.png/" alt=\"Customize Content Templates\" \/><\/a><\/p>\n<p>For this example, we&#8217;ll add content on both global and page templates using FTP account.<\/p>\n<p><a href=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//content-templates.png/"><img decoding=\"async\" class=\"aligncenter\" src=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//content-templates.png/" alt=\"Content Templates Directory Structure\" \/><\/a><\/p>\n<ol>\n<li>In your File Manager \u2013 create a folder name <em>includes<\/em> under this directory <code>var\/cpanel\/reseller\/<\/code><\/li>\n<li>Under the <em>includes<\/em> folder &#8211; Create the following files and name them exactly below:\n<ul>\n<li><code>global_header.html.tt<\/code><\/li>\n<li><code>global_footer.html.tt<\/code><\/li>\n<li><code>ftp_page_header.html.tt<\/code><\/li>\n<li><code>ftp_page_footer.html.tt<\/code><\/li>\n<\/ul>\n<p>To view the filenames on different page templates, visit documentation at <a href=https://cpanel.net/"http:////go.cpanel.net//customizecontent/" target=\"_blank\" rel=\"noopener\">Customize Content in Paper Lantern<\/a><\/li>\n<li>Within each file, enter the following code:\n<ul>\n<li>Global Header:\n<pre><code>&lt;div style=\"background-color: #82b74c; color: #fff; font-weight: bold; padding: 15px; text-align: center;\"&gt;Global Header Area&lt;\/div&gt; <\/code><\/pre>\n<\/li>\n<li>Global Footer:\n<pre><code>&lt;div style=\"background-color: #82b74c; color: #fff; font-weight: bold; padding: 15px; text-align: center;\"&gt;Global Footer Area&lt;\/div&gt; <\/code><\/pre>\n<\/li>\n<li>FTP Header:\n<pre><code>&lt;div style=\"background-color: #82b74c; color: #fff; font-weight: bold; padding: 15px; text-align: center;\"&gt;FTP Header Area&lt;\/div&gt; <\/code><\/pre>\n<\/li>\n<li>FTP Footer:\n<pre><code>&lt;div style=\"background-color: #82b74c; color: #fff; font-weight: bold; padding: 15px; text-align: center;\"&gt;FTP Footer Area&lt;\/div&gt; <\/code><\/pre>\n<\/li>\n<\/ul>\n<\/li>\n<li>Save<\/li>\n<\/ol>\n<p>Go to your cPanel dashboard and refresh your browser. You&#8217;ll notice all pages have global content and FTP accounts page only include specific content for that page.<br \/>\n<a href=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//content-results1.png/"><img decoding=\"async\" class=\"aligncenter\" src=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//content-results1.png/" alt=\"cPanel Customize Content Results\" \/><\/a><\/p>\n<h3>Icon<\/h3>\n<p>The default cPanel icons are there to help users quickly identify the tools they need, however, they may not complement your custom design or style. Before moving forward, ensure that your custom icons are no bigger than 48x48px, alpha-transparent (no background color), and that they are\u00a0saved in png format.<\/p>\n<p><a href=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//change-ftp-icons.png/"><img decoding=\"async\" class=\"aligncenter\" src=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//change-ftp-icons.png/" alt=\"Customize FTP Accounts Icon\" \/><\/a><\/p>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li>Design your custom icons. For this example let&#8217;s redesign FTP Accounts icon.<\/li>\n<li>Visit <a href=https://cpanel.net/"http:////go.cpanel.net//appkey/" target=\"_blank\" rel=\"noopener\">Paper Lantern&#8217;s appkey documentation<\/a> and find the icon you wish to replace. In this case, the appkey for FTP accounts is ftp_accounts.png so your custom icons should be saved as ftp_accounts.png.<\/li>\n<li>In your File Manager \u2013 navigate to <code>var\/cpanel\/reseller\/styled\/My_Custom_Theme\/<\/code> and create a folder name <em>icons<\/em><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><a href=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//icon-directory1.png/"><img decoding=\"async\" class=\"aligncenter\" src=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//icon-directory1.png/" alt=\" Icon File Directory Sturcture\" \/><\/a><\/p>\n<ol>\n<li>Upload your new icons <em>ftp_accounts.png<\/em> under <em>icons<\/em> folder<\/li>\n<li>This is the only place where you&#8217;ll need to use terminal (mac) \/ command prompt (pc). Open up your terminal\/command prompt and type the following:\n<ul>\n<li>\n<pre><code>ssh reseller@server.example.net<\/code><\/pre>\n<\/li>\n<li>\n<pre><code>password: &lt;enter your password&gt;<\/code><\/pre>\n<\/li>\n<li>\n<pre><code>\/usr\/local\/cpanel\/bin\/sprite_generator --theme paper_lantern --style My_Custom_Theme<\/code><\/pre>\n<\/li>\n<\/ul>\n<p>(replace ssh login credential with your username\/server name and My_Custom_Theme to your own theme name)<\/li>\n<\/ol>\n<p>Go to your cPanel dashboard and force-refresh your browser. You should see your new FTP accounts icon.<br \/>\n<a href=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//icon-results.png/"><img decoding=\"async\" class=\"aligncenter\" src=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//icon-results.png/" alt=\"cPanel Custom FTP Accounts Icon Updated\" \/><\/a><\/p>\n<p>You can continue to design your own icons and upload it all at once. When done, simply follow the steps above. It will generate the images and override the existing Paper Lantern icons.<\/p>\n<h3>Set your style to default<\/h3>\n<p>The last step is to set your default style to your own custom design. Simply go to <code>User Preferences &gt; Change Style &gt; Set as Default<\/code> on one of your custom designs. Once enabled, new and existing hosting account will automatically see your the new custom branded dashboard.<\/p>\n<p><a href=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//set-style.png/"><img decoding=\"async\" class=\"aligncenter\" src=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//set-style.png/" alt=\"Set Your Default Style\" \/><\/a><\/p>\n<h1>Build it and be known<\/h1>\n<p>There you have it folks! You now have the skills and knowledge to rebrand the cPanel dashboard your way. The possibilities\u00a0are endless. Take\u00a0control of your brand. There&#8217;s nothing \u00a0but pure joy when it comes to creating your own identity and setting yourself apart from the others.<\/p>\n<p>Share\u00a0your design in the comment section or in our\u00a0<a href=https://cpanel.net/"https:////forums.cpanel.net//forums//user-experience.8///" target=\"_blank\" rel=\"noopener\">forums<\/a>. Below\u00a0are a few examples of what you could do with your new branding skills and cPanel.<\/p>\n<div class=\"row\">\n<div class=\"col-sm-4\"><a href=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//cPanel-UI-Screenshots-1.jpg/"><img decoding=\"async\" class=\"aligncenter\" src=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//cPanel-UI-Screenshots-1.jpg/" alt=\"cPanel UI Screenshots 1\" \/><\/a><\/div>\n<div class=\"col-sm-4\"><a href=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//cPanel-UI-Screenshots-2.jpg/"><img decoding=\"async\" class=\"aligncenter\" src=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//cPanel-UI-Screenshots-2.jpg/" alt=\"cPanel UI Screenshots 2\" \/><\/a><\/div>\n<div class=\"col-sm-4\"><a href=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//cPanel-UI-Screenshots-3.jpg/"><img decoding=\"async\" class=\"aligncenter\" src=https://cpanel.net/"http:////blog.cpanel.com//wp-content//uploads//2015//11//cPanel-UI-Screenshots-3.jpg/" alt=\"cPanel UI-Screenshots 3\" \/><\/a><\/div>\n<\/div>\n<p><small>\u00a0<\/small><\/p>\n<h3><em>Paper Lantern Caveat<\/em><\/h3>\n<p><em>When creating your own design style, it inherits all of the functionality and styling of Paper Lantern. This means Paper Lantern is your master template. Because Paper Lantern is constantly evolving and the code is frequently updated, your custom designs could potentially be affected. Visit our <a href=https://cpanel.net/"http:////releases.cpanel.net/" target=\"_blank\" rel=\"noopener\">release site<\/a> or <a href=https://cpanel.net/"http:////cpanel.com//mailing-list///" target=\"_blank\" rel=\"noopener\">subscribe to our mailing list<\/a> so you can be notified of any changes that may affect your masterpiece.<\/em><\/p>\n<hr \/>\n<h2>Resources<\/h2>\n<ul>\n<li><a href=https://cpanel.net/"https:////go.cpanel.net//Style/" target=\"_blank\" rel=\"noopener\">cPanel Style Development<\/a><\/li>\n<li><a href=https://cpanel.net/"http:////go.cpanel.net//Styles/" target=\"_blank\" rel=\"noopener\">Apply Styles<\/a><\/li>\n<li><a href=https://cpanel.net/"http:////go.cpanel.net//icons/" target=\"_blank\" rel=\"noopener\">Custom icons &amp; Logos<\/a><\/li>\n<li><a href=https://cpanel.net/"http:////go.cpanel.net//stylecss/" target=\"_blank\" rel=\"noopener\">CSS Style<\/a><\/li>\n<li><a href=https://cpanel.net/"http:////go.cpanel.net//customizecontent/" target=\"_blank\" rel=\"noopener\">Customize Content<\/a><\/li>\n<li><a href=https://cpanel.net/"http:////go.cpanel.net//appkey/" target=\"_blank\" rel=\"noopener\">Appkey list for cPanel\u2019s Sprite Generator<\/a><\/li>\n<li><a href=https://cpanel.net/"https:////forums.cpanel.net//forums//user-experience.8///" target=\"_blank\" rel=\"noopener\">cPanel Forums User Experience<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>This post was originally posted on November 17, 2015, and has been updated for accuracy. Some images of the cPanel interface may have been updated. cPanel &amp; WHM is a tool that has become synonymous with web hosting. However, while hosting providers around the world use this software to offer their customers the freedom to [&hellip;]<\/p>\n","protected":false},"author":77,"featured_media":64441,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[61],"tags":[1077,1033,89,41,1909,521,725],"class_list":["post-36072","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-and-tricks","tag-11-50","tag-brand","tag-cpanel","tag-paper-lantern","tag-reseller","tag-uiux","tag-user-experience"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>cPanel Branding Basics: A Guide for Reseller Hosts | cPanel<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=https://cpanel.net/"https:////devel.www.cpanel.net//blog//tips-and-tricks//cpanel-branding-basics-a-guide-for-reseller-hosts///" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"cPanel Branding Basics: A Guide for Reseller Hosts | cPanel\" \/>\n<meta property=\"og:description\" content=\"This post was originally posted on November 17, 2015, and has been updated for accuracy. Some images of the cPanel interface may have been updated. cPanel &amp; WHM is a tool that has become synonymous with web hosting. However, while hosting providers around the world use this software to offer their customers the freedom to [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/\" \/>\n<meta property=\"og:site_name\" content=\"cPanel\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cpanel\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-12T19:00:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devel.www.cpanel.net\/wp-content\/uploads\/2015\/11\/brand-guide-featured-banner1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"475\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cPanel Community\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@cPanel\" \/>\n<meta name=\"twitter:site\" content=\"@cPanel\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cPanel Community\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/\",\"url\":\"https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/\",\"name\":\"cPanel Branding Basics: A Guide for Reseller Hosts | cPanel\",\"isPartOf\":{\"@id\":\"https:\/\/devel.www.cpanel.net\/#website\"},\"datePublished\":\"2017-12-12T19:00:40+00:00\",\"dateModified\":\"2017-12-12T19:00:40+00:00\",\"author\":{\"@id\":\"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8\"},\"breadcrumb\":{\"@id\":\"https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devel.www.cpanel.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"cPanel Branding Basics: A Guide for Reseller Hosts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devel.www.cpanel.net\/#website\",\"url\":\"https:\/\/devel.www.cpanel.net\/\",\"name\":\"cPanel\",\"description\":\"Hosting Platform of Choices\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devel.www.cpanel.net\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8\",\"name\":\"cPanel Community\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e1949945083b5526bb95711bd3d616b3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e1949945083b5526bb95711bd3d616b3?s=96&d=mm&r=g\",\"caption\":\"cPanel Community\"},\"description\":\"The web hosting industry's most reliable management solution since 1997. With our first-class support and rich feature set, it's easy to see why our customers and partners make cPanel &amp; WHM their hosting platform of choice. For more information, visit cPanel.net.\",\"sameAs\":[\"https:\/\/cpanel.net\"],\"url\":\"https:\/\/devel.www.cpanel.net\/blog\/author\/cpadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"cPanel Branding Basics: A Guide for Reseller Hosts | cPanel","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/","og_locale":"en_US","og_type":"article","og_title":"cPanel Branding Basics: A Guide for Reseller Hosts | cPanel","og_description":"This post was originally posted on November 17, 2015, and has been updated for accuracy. Some images of the cPanel interface may have been updated. cPanel &amp; WHM is a tool that has become synonymous with web hosting. However, while hosting providers around the world use this software to offer their customers the freedom to [&hellip;]","og_url":"https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/","og_site_name":"cPanel","article_publisher":"https:\/\/www.facebook.com\/cpanel\/","article_published_time":"2017-12-12T19:00:40+00:00","og_image":[{"width":1200,"height":475,"url":"https:\/\/devel.www.cpanel.net\/wp-content\/uploads\/2015\/11\/brand-guide-featured-banner1.jpg","type":"image\/jpeg"}],"author":"cPanel Community","twitter_card":"summary_large_image","twitter_creator":"@cPanel","twitter_site":"@cPanel","twitter_misc":{"Written by":"cPanel Community","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/","url":"https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/","name":"cPanel Branding Basics: A Guide for Reseller Hosts | cPanel","isPartOf":{"@id":"https:\/\/devel.www.cpanel.net\/#website"},"datePublished":"2017-12-12T19:00:40+00:00","dateModified":"2017-12-12T19:00:40+00:00","author":{"@id":"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8"},"breadcrumb":{"@id":"https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/devel.www.cpanel.net\/blog\/tips-and-tricks\/cpanel-branding-basics-a-guide-for-reseller-hosts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devel.www.cpanel.net\/"},{"@type":"ListItem","position":2,"name":"cPanel Branding Basics: A Guide for Reseller Hosts"}]},{"@type":"WebSite","@id":"https:\/\/devel.www.cpanel.net\/#website","url":"https:\/\/devel.www.cpanel.net\/","name":"cPanel","description":"Hosting Platform of Choices","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devel.www.cpanel.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8","name":"cPanel Community","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e1949945083b5526bb95711bd3d616b3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e1949945083b5526bb95711bd3d616b3?s=96&d=mm&r=g","caption":"cPanel Community"},"description":"The web hosting industry's most reliable management solution since 1997. With our first-class support and rich feature set, it's easy to see why our customers and partners make cPanel &amp; WHM their hosting platform of choice. For more information, visit cPanel.net.","sameAs":["https:\/\/cpanel.net"],"url":"https:\/\/devel.www.cpanel.net\/blog\/author\/cpadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/posts\/36072"}],"collection":[{"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/comments?post=36072"}],"version-history":[{"count":0,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/posts\/36072\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/media\/64441"}],"wp:attachment":[{"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/media?parent=36072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/categories?post=36072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/tags?post=36072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}