Skip to main content

Menu Shortcuts

  • Updated

Menu Shortcuts allow you to quickly direct your readers to specific account management options.

Hype provides an on-site account menu (the “Launcher”) right out of the box. It sits in the lower-right corner of your site to work well with most site designs, but it's a relatively new design pattern that some of your visitors may not be used to.

 

To make accessing this Menu more intuitive, we recommend you provide Menu Shortcuts when appropriate. There are two methods of implementing Menu Shortcuts: (1) Links and (2) Custom Buttons.

 

Menu Shortcut Links

Links are best shared off-site (in email newsletters, for example) while Button Triggers are designed for on-site use to provide an instant interface response.

 

Menu View           Link Suffix              Button Trigger Class


Main Menu      /?pn=manage_account       class="PicoManageAccount"

Edit Profile   /?pn=edit_profile         class="PicoEditProfile"

Manage         /?pn=manage_newsletters   class="PicoManageNewsletters"
Newsletters                              

Manage Payment /?pn=manage_payment       class="PicoManagePayment"

 

Adding a Link suffix above to your homepage address, for example, will open up your homepage and simultaneously trigger the Hype Menu to pop open in the lower-right corner.

 

You can view a quick list of Menu Shortcuts that correspond with your site by navigating to Settings Menu & Appearance: https://dashboard.hype.co/settings/appearance

 


Select the menu action that you would like to use and a prompt will show up with information on how to use this as a link or as a button trigger class:

 

 

Menu Shortcut Button Triggers

In contrast, adding one of the Button Trigger classes to an element on your site will enable readers to click on the element for instant access to the Hype Menu (without waiting for the page to refresh).

 

Pro Tip: If you manage multiple newsletters, you don't want your subscriber to accidentally unsubscribe from all of them like they would using Mailchimp's default "Unsubscribe" link. By using a Menu Shortcut Link to the Manage Newsletters view, you can provide more clarity in your newsletter footer. Check out how to change your Mailchimp template footer article for a detailed recommendation.

 

Pro Tip: If you have a navigation bar or menu on your site, your readers may expect to find a "Log In" or "My Account" button here. We recommend creating such a button with the appropriate Menu Shortcut Button Trigger. Note that with Signals, you can use CSS to toggle the text of this button between "Log In" and "My Account" (or any pair of actions that are appropriate for pre-login and post-login states).

Related articles