{"id":74,"date":"2016-11-08T08:48:32","date_gmt":"2016-11-08T08:48:32","guid":{"rendered":"https:\/\/themes.themegoods.com\/grandmagazine\/demo\/?p=74"},"modified":"2021-09-10T22:16:41","modified_gmt":"2021-09-10T22:16:41","slug":"credentials-button","status":"publish","type":"post","link":"https:\/\/www.dev.gb.net\/blog\/credentials-button\/","title":{"rendered":"How To Add The Credentials Button To Pages"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">If you are using a custom theme then it&#8217;s still possible to use WSC but you may need to manually add some code to your templates. We try to make WSC compatible with as many custom themes as possible out of the box. Here we show you how to add the button users click to submit credentials. In the below image we have added it to the page seen after ticket submission. <a href=\"https:\/\/www.wsc.pw\" target=\"_blank\" rel=\"noreferrer noopener\">WSC<\/a> Pro users can choose to skip this step and take users directly to the credentials page in the modules settings.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone size-full wp-image-43\"><img loading=\"lazy\" decoding=\"async\" width=\"869\" height=\"324\" src=\"https:\/\/www.dev.gb.net\/blog\/wp-content\/uploads\/2021\/09\/submit-credetials-1.jpg\" alt=\"\" class=\"wp-image-2586\"\/><figcaption>Add Credentials Button<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"AddTheCredentialsButtonToPages-ButtonCode\">Button Code<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The code below is used to display the WSC submit credentials button.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;a href=\"index.php?m=tickets_credentials&amp;amp;tid={$tid}&amp;amp;c={$c}\" class=\"btn btn-default\">\n&lt;i class=\"fa fa-lock\">&lt;\/i>\nSubmit Credentials\n&lt;\/a><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"AddTheCredentialsButtonToPages-Step-by-stepguide\">Step-by-step guide<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Add the button code to any .tpl file<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Download the required .tpl file to your PC<\/li><li>Open the file.<\/li><li>Copy the button code above<\/li><li>Place in the template where you want the button to show<\/li><li>Save and upload the file.<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">In our example above we have placed the button code in the supportticket-submit.tpl file so the code now looks like this;<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;p class=\"text-center\"&gt;<br>&lt;a href=\"viewticket.php?tid={$tid}&amp;amp;c={$c}\" class=\"btn btn-default\"&gt;<br>{$LANG.continue}<br>&lt;i class=\"fa fa-arrow-circle-right\"&gt;&lt;\/i&gt;<br>&lt;\/a&gt;<br>&lt;a href=\"index.php?m=tickets_credentials&amp;amp;tid={$tid}&amp;amp;c={$c}\" class=\"btn btn-default\"&gt;<br>&lt;i class=\"fa fa-lock\"&gt;&lt;\/i&gt;<br>Submit Credentials<br>&lt;\/a&gt;<br>&lt;\/p&gt;<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">When placing the button code do not make any modifications to the &lt;ahref lines. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you are using a custom theme then it&#8217;s still possible to use WSC but you may need to manually add some code to your templates. We try to make WSC compatible with as many custom themes as possible out [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":2587,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,19,20,16],"tags":[68,49,69,70,41],"class_list":["post-74","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-editor-picks","category-featured","category-wsc-v1","category-wsc-v2","tag-button","tag-credentials","tag-custom","tag-theme","tag-wsc"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How To Add The Credentials Button To Pages &#8226; Dev GB<\/title>\n<meta name=\"description\" content=\"The WSC Credentials Button is used to allow customers to be taken to the credentials form. You can place the button anywhere\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dev.gb.net\/blog\/credentials-button\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Add The Credentials Button To Pages &#8226; Dev GB\" \/>\n<meta property=\"og:description\" content=\"The WSC Credentials Button is used to allow customers to be taken to the credentials form. You can place the button anywhere\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dev.gb.net\/blog\/credentials-button\/\" \/>\n<meta property=\"og:site_name\" content=\"Dev GB\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-08T08:48:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-10T22:16:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dev.gb.net\/blog\/wp-content\/uploads\/2016\/11\/Credentials-Button-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DevGB\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DevGB\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.dev.gb.net\/blog\/credentials-button\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.dev.gb.net\/blog\/credentials-button\/\"},\"author\":{\"name\":\"DevGB\",\"@id\":\"https:\/\/www.dev.gb.net\/blog\/#\/schema\/person\/e7be71eba15a20b6bf51f1569d6556fc\"},\"headline\":\"How To Add The Credentials Button To Pages\",\"datePublished\":\"2016-11-08T08:48:32+00:00\",\"dateModified\":\"2021-09-10T22:16:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.dev.gb.net\/blog\/credentials-button\/\"},\"wordCount\":197,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.dev.gb.net\/blog\/#organization\"},\"keywords\":[\"Button\",\"Credentials\",\"Custom\",\"Theme\",\"WSC\"],\"articleSection\":[\"Editor Picks\",\"Featured\",\"WSC V1\",\"WSC V2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.dev.gb.net\/blog\/credentials-button\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dev.gb.net\/blog\/credentials-button\/\",\"url\":\"https:\/\/www.dev.gb.net\/blog\/credentials-button\/\",\"name\":\"How To Add The Credentials Button To Pages &#8226; Dev GB\",\"isPartOf\":{\"@id\":\"https:\/\/www.dev.gb.net\/blog\/#website\"},\"datePublished\":\"2016-11-08T08:48:32+00:00\",\"dateModified\":\"2021-09-10T22:16:41+00:00\",\"description\":\"The WSC Credentials Button is used to allow customers to be taken to the credentials form. You can place the button anywhere\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dev.gb.net\/blog\/credentials-button\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dev.gb.net\/blog\/credentials-button\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dev.gb.net\/blog\/credentials-button\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.dev.gb.net\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Add The Credentials Button To Pages\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dev.gb.net\/blog\/#website\",\"url\":\"https:\/\/www.dev.gb.net\/blog\/\",\"name\":\"Dev GB\",\"description\":\"WHMCS Modules &amp; PHP Development\",\"publisher\":{\"@id\":\"https:\/\/www.dev.gb.net\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.dev.gb.net\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.dev.gb.net\/blog\/#organization\",\"name\":\"DevGB\",\"url\":\"https:\/\/www.dev.gb.net\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dev.gb.net\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.dev.gb.net\/blog\/wp-content\/uploads\/2021\/09\/logo-devgb-big.png\",\"contentUrl\":\"https:\/\/www.dev.gb.net\/blog\/wp-content\/uploads\/2021\/09\/logo-devgb-big.png\",\"width\":423,\"height\":105,\"caption\":\"DevGB\"},\"image\":{\"@id\":\"https:\/\/www.dev.gb.net\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dev.gb.net\/blog\/#\/schema\/person\/e7be71eba15a20b6bf51f1569d6556fc\",\"name\":\"DevGB\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dev.gb.net\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b84b670e62e0bd528777c508a89c3f775e9197de8481573ab9108b7148090566?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b84b670e62e0bd528777c508a89c3f775e9197de8481573ab9108b7148090566?s=96&r=g\",\"caption\":\"DevGB\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Add The Credentials Button To Pages &#8226; Dev GB","description":"The WSC Credentials Button is used to allow customers to be taken to the credentials form. You can place the button anywhere","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:\/\/www.dev.gb.net\/blog\/credentials-button\/","og_locale":"en_US","og_type":"article","og_title":"How To Add The Credentials Button To Pages &#8226; Dev GB","og_description":"The WSC Credentials Button is used to allow customers to be taken to the credentials form. You can place the button anywhere","og_url":"https:\/\/www.dev.gb.net\/blog\/credentials-button\/","og_site_name":"Dev GB","article_published_time":"2016-11-08T08:48:32+00:00","article_modified_time":"2021-09-10T22:16:41+00:00","og_image":[{"width":2560,"height":1280,"url":"https:\/\/www.dev.gb.net\/blog\/wp-content\/uploads\/2016\/11\/Credentials-Button-scaled.jpg","type":"image\/jpeg"}],"author":"DevGB","twitter_card":"summary_large_image","twitter_misc":{"Written by":"DevGB","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.dev.gb.net\/blog\/credentials-button\/#article","isPartOf":{"@id":"https:\/\/www.dev.gb.net\/blog\/credentials-button\/"},"author":{"name":"DevGB","@id":"https:\/\/www.dev.gb.net\/blog\/#\/schema\/person\/e7be71eba15a20b6bf51f1569d6556fc"},"headline":"How To Add The Credentials Button To Pages","datePublished":"2016-11-08T08:48:32+00:00","dateModified":"2021-09-10T22:16:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.dev.gb.net\/blog\/credentials-button\/"},"wordCount":197,"commentCount":2,"publisher":{"@id":"https:\/\/www.dev.gb.net\/blog\/#organization"},"keywords":["Button","Credentials","Custom","Theme","WSC"],"articleSection":["Editor Picks","Featured","WSC V1","WSC V2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.dev.gb.net\/blog\/credentials-button\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.dev.gb.net\/blog\/credentials-button\/","url":"https:\/\/www.dev.gb.net\/blog\/credentials-button\/","name":"How To Add The Credentials Button To Pages &#8226; Dev GB","isPartOf":{"@id":"https:\/\/www.dev.gb.net\/blog\/#website"},"datePublished":"2016-11-08T08:48:32+00:00","dateModified":"2021-09-10T22:16:41+00:00","description":"The WSC Credentials Button is used to allow customers to be taken to the credentials form. You can place the button anywhere","breadcrumb":{"@id":"https:\/\/www.dev.gb.net\/blog\/credentials-button\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dev.gb.net\/blog\/credentials-button\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.dev.gb.net\/blog\/credentials-button\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.dev.gb.net\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Add The Credentials Button To Pages"}]},{"@type":"WebSite","@id":"https:\/\/www.dev.gb.net\/blog\/#website","url":"https:\/\/www.dev.gb.net\/blog\/","name":"Dev GB","description":"WHMCS Modules &amp; PHP Development","publisher":{"@id":"https:\/\/www.dev.gb.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dev.gb.net\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.dev.gb.net\/blog\/#organization","name":"DevGB","url":"https:\/\/www.dev.gb.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dev.gb.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.dev.gb.net\/blog\/wp-content\/uploads\/2021\/09\/logo-devgb-big.png","contentUrl":"https:\/\/www.dev.gb.net\/blog\/wp-content\/uploads\/2021\/09\/logo-devgb-big.png","width":423,"height":105,"caption":"DevGB"},"image":{"@id":"https:\/\/www.dev.gb.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.dev.gb.net\/blog\/#\/schema\/person\/e7be71eba15a20b6bf51f1569d6556fc","name":"DevGB","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dev.gb.net\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b84b670e62e0bd528777c508a89c3f775e9197de8481573ab9108b7148090566?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b84b670e62e0bd528777c508a89c3f775e9197de8481573ab9108b7148090566?s=96&r=g","caption":"DevGB"}}]}},"_links":{"self":[{"href":"https:\/\/www.dev.gb.net\/blog\/wp-json\/wp\/v2\/posts\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dev.gb.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dev.gb.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dev.gb.net\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dev.gb.net\/blog\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":2,"href":"https:\/\/www.dev.gb.net\/blog\/wp-json\/wp\/v2\/posts\/74\/revisions"}],"predecessor-version":[{"id":2588,"href":"https:\/\/www.dev.gb.net\/blog\/wp-json\/wp\/v2\/posts\/74\/revisions\/2588"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dev.gb.net\/blog\/wp-json\/wp\/v2\/media\/2587"}],"wp:attachment":[{"href":"https:\/\/www.dev.gb.net\/blog\/wp-json\/wp\/v2\/media?parent=74"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dev.gb.net\/blog\/wp-json\/wp\/v2\/categories?post=74"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dev.gb.net\/blog\/wp-json\/wp\/v2\/tags?post=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}