{"id":276,"date":"2019-06-21T18:35:03","date_gmt":"2019-06-21T18:35:03","guid":{"rendered":"https:\/\/support.hikeorders.com\/?post_type=knowledgebase&p=276"},"modified":"2025-02-27T07:21:21","modified_gmt":"2025-02-27T07:21:21","slug":"custom-trigger","status":"publish","type":"knowledgebase","link":"https:\/\/hikeorders.com\/support\/help-docs\/accessibility-enabler\/features\/custom-trigger\/","title":{"rendered":"How to setup a custom trigger?"},"content":{"rendered":"\n

The custom trigger option gives you the ability to design your own custom trigger that fires up the accessibility toolbar<\/a>. This helps to adjust the trigger location, look & feel based on your website design.<\/p>\n\n\n\n

Custom Trigger and Footer <\/h4>\n\n\n\n

Don\u2019t add a custom trigger in the footer<\/strong>. Please add the link in the header and not in the footer.<\/p>\n\n\n\n

Think of a keyboard-only user who doesn’t use the mouse. Such users have to keep pressing the TAB<\/strong> key at least 50 times to open the accessibility toolbar.<\/p>\n\n\n\n

Plus, if he is a first-time visitor he will not have any clue about the presence of toolbar at all. Hence add it in the header part. So that’s the first thing he\/she will open when they visit your site.<\/p>\n\n\n\n

Setup a custom trigger <\/h4>\n\n\n\n

You may need your developer’s help to setup the custom trigger. The core idea behind this is to create a button or link via code on your website and when user click on it the accessibility widget will open. <\/p>\n\n\n\n

To achieve this functionality our widget tracks a click on a particular html element on your website. This element is identified either via the element’s class or the element’s id. You have to provide this while setting up the custom trigger. The Custom Trigger Reference Field holds this value. <\/p>\n\n\n\n

To setup the custom trigger please follow below steps <\/p>\n\n\n\n

    \n
  • Go to Widget Settings from the main menu and then scroll down to Customer Trigger Settings section<\/li>\n\n\n\n
  • Next, check Use Custom Trigger checkbox and then will immediately show 2 more fields <\/li>\n\n\n\n
  • Enter your HTML element’s class or id without ( dot or hash ) under Custom Trigger Reference Field <\/li>\n\n\n\n
  • If you would also like to hide the standard trigger then click on the Hide Standard Trigger checkbox <\/li>\n\n\n\n
  • At last, click on save button on top right corner to save your changes. <\/li>\n<\/ul>\n\n\n\n
    \"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

    The custom trigger option gives you the ability to design your own custom trigger that fires up the accessibility toolbar. This helps to adjust the trigger location, look & feel based on your website design. Custom Trigger and Footer Don\u2019t add a custom trigger in the footer. Please add the link in the header and<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[17],"class_list":["post-276","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-features"],"_links":{"self":[{"href":"https:\/\/hikeorders.com\/support\/wp-json\/wp\/v2\/knowledgebase\/276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hikeorders.com\/support\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/hikeorders.com\/support\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/hikeorders.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hikeorders.com\/support\/wp-json\/wp\/v2\/comments?post=276"}],"version-history":[{"count":9,"href":"https:\/\/hikeorders.com\/support\/wp-json\/wp\/v2\/knowledgebase\/276\/revisions"}],"predecessor-version":[{"id":1369,"href":"https:\/\/hikeorders.com\/support\/wp-json\/wp\/v2\/knowledgebase\/276\/revisions\/1369"}],"wp:attachment":[{"href":"https:\/\/hikeorders.com\/support\/wp-json\/wp\/v2\/media?parent=276"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/hikeorders.com\/support\/wp-json\/wp\/v2\/knowledgebase_cat?post=276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}