{"id":2063,"date":"2019-01-01T11:50:17","date_gmt":"2019-01-01T11:50:17","guid":{"rendered":"http:\/\/www.softaculous.com\/blog\/?post_type=docs&#038;p=2063"},"modified":"2024-01-04T11:47:27","modified_gmt":"2024-01-04T11:47:27","slug":"whmcs-quick-shortcuts","status":"publish","type":"docs","link":"https:\/\/www.softaculous.com\/blog\/docs\/developers\/whmcs\/whmcs-quick-shortcuts\/","title":{"rendered":"WHMCS Quick Shortcuts"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Overview<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This guide will help you to create a link for Softaculous and WordPress Manager by Softaculous in WHMCS on the Product Details page under\u00a0<strong>Quick Shortcuts<\/strong>\u00a0section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Since WHMCS does not provide a direct option to display a custom icon in Quick Shortcuts section, we will need to edit the existing tpl file in the cPanel module.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add WordPress Icon<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong>\u00a0This requires Softaculous 5.6.1+<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Upload the WordPress icon to the following path\u00a0:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted bash hljs\">\/path\/to\/whmcs\/modules\/servers\/cpanel\/img\/wp.png\n<\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2021\/03\/wp.png\"><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2021\/03\/wp.png\" alt=\"\" class=\"wp-image-4161\" srcset=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2021\/03\/wp.png 48w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2021\/03\/wp-20x20.png 20w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2021\/03\/wp-40x40.png 40w\" sizes=\"auto, (max-width: 48px) 100vw, 48px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. You will need to edit the following file&nbsp;:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted bash hljs\">\/path\/to\/whmcs\/modules\/servers\/cpanel\/templates\/overview.tpl\n<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Find the last icon i.e.&nbsp;<strong>Awstats<\/strong>&nbsp;in the overview.tpl file and replicate that div and change the&nbsp;<strong>icon<\/strong>,&nbsp;<strong>text<\/strong>&nbsp;and&nbsp;<strong>link<\/strong>&nbsp;to the div. E.g.&nbsp;:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted php hljs\">&lt;div class=\"col-sm-3 col-xs-6\" id=\"Softaculous_wp\"> \n&lt;a href=\"clientarea.php?action=productdetails&amp;id={$serviceid}&amp;dosinglesignon=1&amp;app=Softaculous_WordPress\" target=\"_blank\"> \n&lt;img src=\"modules\/servers\/cpanel\/img\/wp.png\" \/>WordPress Manager&lt;\/a> &lt;\/div> <\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">We have replaced the following variables&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Value for\u00a0<strong>app<\/strong>\u00a0parameter in href is changed to\u00a0<strong>app=Softaculous_WordPress<\/strong><\/li><li>Icon path has been changed to\u00a0<strong>wp.png<\/strong><\/li><li>Link Text has been changed to\u00a0<strong>WordPress Manager<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2021\/03\/whmcs-quick-shortcuts-wp-overview.png\"><img loading=\"lazy\" decoding=\"async\" width=\"870\" height=\"335\" src=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2021\/03\/whmcs-quick-shortcuts-wp-overview.png\" alt=\"\" class=\"wp-image-4162\" srcset=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2021\/03\/whmcs-quick-shortcuts-wp-overview.png 870w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2021\/03\/whmcs-quick-shortcuts-wp-overview-300x116.png 300w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2021\/03\/whmcs-quick-shortcuts-wp-overview-768x296.png 768w\" sizes=\"auto, (max-width: 870px) 100vw, 870px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. That&#8217;s it ! Your users will now find the WordPress icon in their WHMCS Client Panel on Product Details page as in the screenshot above.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add Softaculous Icon<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong>&nbsp;This requires Softaculous 5.1.3+<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Upload the Softaculous icon to the following path\u00a0:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted bash hljs\">\/path\/to\/whmcs\/modules\/servers\/cpanel\/img\/softaculous.png\n<\/pre>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"http:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2019\/01\/Soft.png\" alt=\"\" class=\"wp-image-2064\" srcset=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2019\/01\/Soft.png 48w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2019\/01\/Soft-20x20.png 20w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2019\/01\/Soft-40x40.png 40w\" sizes=\"auto, (max-width: 48px) 100vw, 48px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. You will need to edit the following file&nbsp;:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted bash hljs\">\/path\/to\/whmcs\/modules\/servers\/cpanel\/templates\/overview.tpl\n<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Find the last icon i.e.&nbsp;<strong>Awstats<\/strong>&nbsp;in the overview.tpl file and replicate that div and change the&nbsp;<strong>icon<\/strong>,&nbsp;<strong>text<\/strong>&nbsp;and&nbsp;<strong>link<\/strong>&nbsp;to the div. E.g.&nbsp;:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted php hljs\">&lt;div class=\"col-sm-3 col-xs-6\" id=\"Softaculous\"&gt; <br>&lt;a href=\"clientarea.php?action=productdetails&amp;id={$serviceid}&amp;dosinglesignon=1&amp;app=Softaculous_Home\" target=\"_blank\"&gt; <br>&lt;img src=\"modules\/servers\/cpanel\/img\/softaculous.png\" \/&gt; Softaculous &lt;\/a&gt; &lt;\/div&gt; <\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">We have replaced the following variables&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Value for&nbsp;<strong>app<\/strong>&nbsp;parameter in href is changed to&nbsp;<strong>app=Softaculous_Home<\/strong><\/li><li>Icon path has been changed to&nbsp;<strong>softaculous.png<\/strong><\/li><li>Link Text has been changed to&nbsp;<strong>Softaculous<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"868\" height=\"353\" src=\"http:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2019\/01\/Softaculous_Quick_Shortcut.png\" alt=\"\" class=\"wp-image-2065\" srcset=\"https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2019\/01\/Softaculous_Quick_Shortcut.png 868w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2019\/01\/Softaculous_Quick_Shortcut-300x122.png 300w, https:\/\/www.softaculous.com\/blog\/wp-content\/uploads\/2019\/01\/Softaculous_Quick_Shortcut-768x312.png 768w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. That&#8217;s it ! Your users will now find the Softaculous icon in their WHMCS Client Panel on Product Details page as in the screenshot above<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Issue<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you are redirected to cPanel instead of Softaculous when you click on the Softaculous icon. Please execute the following command on your cPanel server as root<\/p>\n\n\n\n<pre class=\"wp-block-preformatted bash hljs\"> \/usr\/local\/cpanel\/scripts\/install_plugin \/usr\/local\/cpanel\/whostmgr\/docroot\/cgi\/softaculous\/softaculous_plugin.tar.bz2 <br><\/pre>\n","protected":false},"featured_media":0,"parent":1690,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","docs_category":[],"class_list":["post-2063","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs\/2063","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/comments?post=2063"}],"version-history":[{"count":11,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs\/2063\/revisions"}],"predecessor-version":[{"id":4163,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs\/2063\/revisions\/4163"}],"up":[{"embeddable":true,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs\/1690"}],"wp:attachment":[{"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/media?parent=2063"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/www.softaculous.com\/blog\/wp-json\/wp\/v2\/docs_category?post=2063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}