{"id":1358,"date":"2017-09-13T19:46:01","date_gmt":"2017-09-13T19:46:01","guid":{"rendered":"https:\/\/in.nau.edu\/web\/?page_id=1358"},"modified":"2020-05-04T15:03:39","modified_gmt":"2020-05-04T22:03:39","slug":"button-shortcode","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/web\/button-shortcode\/","title":{"rendered":"Buttons"},"content":{"rendered":"

Buttons<\/h1>\n
Important:\u00a0 You can only have one button per page!<\/strong><\/p>\n
Watch the Buttons and Dropdown Links video<\/u><\/a><\/p>\n\n\n\n
\n
\n
\n \n
\n
\n Overview Tab Open<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n How-To Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n
\n \n
\n
\n Troubleshooting Tab Closed<\/span>\n <\/h4>\n <\/div>\n <\/a>\n <\/li>\n <\/ul>\n \n
\n \n
\n
Overview Accordion Open<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
The button shortcode allows you to add one button to your page. You can always add links to your page, but sometimes a button is preferred.<\/p>\n
How to decide to use a button or a link?<\/strong><\/h3>\n
Use a button when you require users to complete some sort of transaction, such as completing a form, making a purchase, or signing up for a newsletter.<\/p>\n
Use a link when you want users to navigate to another page, either on or off your website.<\/p>\n
Example<\/h3>\n
Buttons don’t belong inside of tabs! The example may be found below (on the mobile view, you’ll need to scroll to the bottom of the content to see the example).<\/p>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n
\n \n
\n
How-To Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
\n
Select button.<\/li>\n
The shortcode appears in the text editor.<\/li>\n
Insert your cursor between the shortcode bookends.<\/li>\n
Add the text for the button.<\/li>\n
Select all of the text and click the hyperlink button.<\/li>\n
Enter the URL for the button.<\/li>\n<\/ol>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n \n
\n \n
\n
Troubleshooting Accordion Closed<\/span><\/h4>\n <\/span>\n <\/div>\n <\/a>\n
\n \n\n\n
If your button isn’t behaving the way you’d expect, check the following:<\/p>\n
\n
Ensure that the text for your shortcode is complete, all brackets are present and the closing brackets contain a forward slash “\/”<\/li>\n
Check that the URL for the destination is complete and accurate<\/li>\n
Check the title of the button<\/li>\n<\/ul>\n\n\n <\/body><\/html>\n\n <\/div>\n<\/div>\n\n <\/div>\n\n
Example<\/h2>\n\n
\n Button Title<\/a>\n <\/div>\n\n\n
\n
\n\n
\n
\n
Academic unit site support<\/h3>\n <\/div>\n
\n
\n