The Floating Sidebar is a new design element that was introduced with the design relaunch. Just like with the Support/Service blocks in the old design which is replaced by the new Sidebar, it is also intended to be used for providing specific fast lane links to related webpages across the website.
As mentioned in “Service Link in Floating Sidebar” you can update the links in the Service and Download icons for your dedicated purposes on Local Support and Landing Pages. When not updated the default settings for the Sidebar will appear!
To understanding the following explanations please refer to the:
Right Navigation Link List created in https://eu-app.contentstack.com/#!/stack/blt5412ff9af9aef77f/content-type/menu_node/en/entry/blt5a78fe63d4bc1c3b/edit for the test webpage
and the test webpage → Contentstack Guide
1. Updating the Floating Sidebar
To customize the Floating Sidebar for your local support or landing page:
In Contentstack, create a new entry, and select Right Navigation Link List.
Don’t forget to reference your entry to the page you are working on. change.
Internal Name: Add an internal name for your entry.
When creating a landing page, make sure to add the page name of where you are embedding your landing page, as it would help you recognize which page your Sidebar belongs to. (For Example: Solutions | Digital Manufacturing | Service Link List).
Links: You can add all the links that you want to show in the Service and Downloads icons of the Sidebar. You can link Internal and External Pages.
Internal
Select “Internal” in Contentstack.
Link Label: Add a name which will be displayed in the Sidebar. If not specified, the Page Title of the Webpage linked will be used.
Webpage: Select group entry.
Icon: Based on the table below, choose an appropriate Icon for the page you are linking.
External
Select “External” in Contentstack.
Link (required): Add a title, and the URL you want to link to.
Icon: Based on the table below, choose an appropriate Icon for the page you are linking.
Open in new tab: When using external links, like e-Shop or References (YouTube), it is recommended to activate this button.
Important Points to Note: Internal and External links should always be linked to Mitsubishi Electric pages. Please try to use Internal Links only, unless referencing to the “Advanced Search”.
External Links → This includes pre-filled advanced search links.
When adding external links, make sure you correctly link to the respective pages. For example, if you want to add “Catalogues” related to “Food and Beverage”, take care that the URL correctly links the user to the catalogues in the Food and Beverage section of the advanced search.
Internal Links → links for existent internal webpages like Support, Regulations, etc.
2. Icons to be used
When adding icons to both Internal and External links, refer to the table below:
Link Type | Page | Icon to be used |
|---|---|---|
External | e-Shop | - |
Download | - | |
Catalogues | catalog | |
Movies | - | |
References | references | |
References (YouTube) | - | |
Manuals | manual | |
CAD | - | |
Software | - | |
Selection Tool | tree | |
Internal | Regulations | regulations |
3 Year Warranty | - | |
Support | support | |
Training | training |
In the above table, for pages where no icon is mentioned, please leave the icon blank. As these are hard coded, an icon that has been assigned will be automatically shown on the website.