Footer Links #690

Closed
opened 2026-02-04 21:52:11 +03:00 by OVERLORD · 9 comments
Owner

Originally created by @ApertureDevelopment on GitHub (May 23, 2018).

For Feature Requests

Desired Feature: Links to articles in Page footer

Why should you add it?

Due to the EU and US privacy law, it will be mandatory for most people to add a Privacy Policy to their BookStack installation. And according to the EU law, the Privacy Policy must be available on every accessible page on your website, so the best way here is to stay with the tradition and allow Footer Links.

And for German users there is a so called Legal Info mandatory, which includes full address details of the website owner, mostly it must include:

  • Full Name
  • Full Address
  • E-Mail
  • Phone Number
  • UStID

Best way to add it would be to be able to select from existing articles, pages to put in footer links.

Originally created by @ApertureDevelopment on GitHub (May 23, 2018). ### For Feature Requests Desired Feature: Links to articles in Page footer Why should you add it? Due to the EU and US privacy law, it will be mandatory for most people to add a Privacy Policy to their BookStack installation. And according to the EU law, the Privacy Policy must be available on every accessible page on your website, so the best way here is to stay with the tradition and allow Footer Links. And for German users there is a so called Legal Info mandatory, which includes full address details of the website owner, mostly it must include: - Full Name - Full Address - E-Mail - Phone Number - UStID Best way to add it would be to be able to select from existing articles, pages to put in footer links.
OVERLORD added the 🔨 Feature Request label 2026-02-04 21:52:11 +03:00
Author
Owner

@CaptnBook4Git commented on GitHub (Jun 18, 2018):

This would be awesome.

@CaptnBook4Git commented on GitHub (Jun 18, 2018): This would be awesome.
Author
Owner

@qianmengnet commented on GitHub (Nov 7, 2018):

Yes, I also recommend adding a footer.
1, increasing the space at the bottom editor for easy mobile phone add content.
2, increase privacy, copyright
3, increase the statistical information and other scripts, the content increased in the footer, it will not affect the page loading speed.
4, advertising space

Webmasters can add code to APP SETTINGS

@qianmengnet commented on GitHub (Nov 7, 2018): Yes, I also recommend adding a footer. 1, increasing the space at the bottom editor for easy mobile phone add content. 2, increase privacy, copyright 3, increase the statistical information and other scripts, the content increased in the footer, it will not affect the page loading speed. 4, advertising space Webmasters can add code to APP SETTINGS
Author
Owner

@qianmengnet commented on GitHub (Nov 27, 2018):

I tried to add footer, but on the edit page, footer blocked the editor. How can I set css?

11

22

@qianmengnet commented on GitHub (Nov 27, 2018): I tried to add footer, but on the edit page, footer blocked the editor. How can I set css? ![11](https://user-images.githubusercontent.com/12229972/49104520-234e3680-f2b9-11e8-88e7-e5fdf7417bdb.jpg) ![22](https://user-images.githubusercontent.com/12229972/49104536-2cd79e80-f2b9-11e8-916f-7f1c8118badb.jpg)
Author
Owner

@aidanfindlater commented on GitHub (Mar 18, 2020):

It looks like this isn't a priority at the moment, but has anyone had luck making their own modifications to add a footer? I'm unfamiliar with Laravel and its templating system, and pretty far from webdev in general these days, and would be grateful for any help.

@aidanfindlater commented on GitHub (Mar 18, 2020): It looks like this isn't a priority at the moment, but has anyone had luck making their own modifications to add a footer? I'm unfamiliar with Laravel and its templating system, and pretty far from webdev in general these days, and would be grateful for any help.
Author
Owner

@james-geiger commented on GitHub (Mar 19, 2020):

@aidanfindlater @ApertureDevelopment

I'm not as familiar with European regulations but are these mandated to be located on a certain part of the page, or could they be located anywhere so long as they are accessible?

What counts as an accessible page? Just public-facing pages? Or also for the admin backend?

@james-geiger commented on GitHub (Mar 19, 2020): @aidanfindlater @ApertureDevelopment I'm not as familiar with European regulations but are these mandated to be located on a certain part of the page, or could they be located anywhere so long as they are accessible? What counts as an accessible page? Just public-facing pages? Or also for the admin backend?
Author
Owner

@ApertureDevelopment commented on GitHub (Mar 19, 2020):

They have to be easily accessible from every page. That means the link has to be always visible, cannot be hidden and should not require a search from a search functionality to find. Thats why a footer would be perfect for that

@ApertureDevelopment commented on GitHub (Mar 19, 2020): They have to be easily accessible from every page. That means the link has to be always visible, cannot be hidden and should not require a search from a search functionality to find. Thats why a footer would be perfect for that
Author
Owner

@james-geiger commented on GitHub (Mar 19, 2020):

For those interested (@ApertureDevelopment @iBooster @qianmengnet @aidanfindlater), you can see how this was implemented in the referenced PR.

Depending on your urgency, the following code may be sufficient to implement in your instance's "Custom HTML Head Content" settings editing the link href and label to suit your needs.

<style>
footer {
    padding: 0.5em;
    text-align: center;
}

footer a {
    margin: 0 0.5em;
}
</style>
<script>
window.addEventListener('DOMContentLoaded', (e) => {
    var footer = document.createElement('footer');
    footer.innerHTML = '<a href="https://www.my-privacy-policy.com">Privacy Policy</a>';

    document.querySelector('#content').insertAdjacentElement("afterend", footer);
});
</script>
@james-geiger commented on GitHub (Mar 19, 2020): For those interested (@ApertureDevelopment @iBooster @qianmengnet @aidanfindlater), you can see how this was implemented in the referenced PR. Depending on your urgency, the following code may be sufficient to implement in your instance's "Custom HTML Head Content" settings editing the link href and label to suit your needs. ``` <style> footer { padding: 0.5em; text-align: center; } footer a { margin: 0 0.5em; } </style> ``` ``` <script> window.addEventListener('DOMContentLoaded', (e) => { var footer = document.createElement('footer'); footer.innerHTML = '<a href="https://www.my-privacy-policy.com">Privacy Policy</a>'; document.querySelector('#content').insertAdjacentElement("afterend", footer); }); </script> ```
Author
Owner

@aidanfindlater commented on GitHub (Mar 19, 2020):

@james-geiger that was incredibly helpful and exactly what I was hoping for. Thank you!

@aidanfindlater commented on GitHub (Mar 19, 2020): @james-geiger that was incredibly helpful and exactly what I was hoping for. Thank you!
Author
Owner

@ssddanbrown commented on GitHub (Jan 31, 2021):

Thanks to @james-geiger footer links will be part of the next feature release.

This interface will appear as shown below:

image

Since this feature is now in the main development branch I'll close this off.

@ssddanbrown commented on GitHub (Jan 31, 2021): Thanks to @james-geiger footer links will be part of the next feature release. This interface will appear as shown below: ![image](https://user-images.githubusercontent.com/8343178/106371409-ed56e200-635b-11eb-8f2b-f6937940c476.png) Since this feature is now in the main development branch I'll close this off.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#690