Home / SEO / Adding Footnotes in WordPress: A Step-by-Step Guide

Adding Footnotes in WordPress: A Step-by-Step Guide

In the realm of content creation, incorporating footnotes into your WordPress website can greatly enhance its credibility and organization.

However, the process of manually adding footnotes can be complex and time-consuming, requiring proficiency in HTML and meticulous attention to detail.

Fortunately, there is a solution. This comprehensive guide presents both manual methods and the utilization of the Modern Footnotes plugin, providing step-by-step instructions and valuable insights.

Whether you are a seasoned WordPress user or a beginner, this guide equips you with the necessary tools to effortlessly incorporate footnotes, ensuring a seamless reading experience for your audience.

Benefits of Adding Footnotes in WordPress

Adding footnotes in WordPress offers several benefits for enhancing the credibility, organization, and user experience of a website.

In academic writing, footnotes play a crucial role in acknowledging sources and providing additional information. They are commonly used in famous books, such as ‘Infinite Jest’ by David Foster Wallace and ‘Ulysses’ by James Joyce, which have extensive footnotes that add depth and context to the text.

Footnotes can also improve reader engagement by allowing them to explore related content within the website. In legal documents, footnotes are essential for citing legal authorities and providing explanations for complex legal terms.

Additionally, footnotes are used in historical texts to provide additional context and references to historical events.

Manual Methods to Add Footnotes in WordPress

To manually add footnotes in WordPress, there are several methods that can be utilized:

  1. Manually add footnotes using HTML: This method involves adding a number to the text using the Superscript option in the toolbar, creating a footnotes section with a heading block, and adding an anchor label in the HTML Anchor section of the Block settings. Links to the numbers can then be added using the Link option in the toolbar.
  2. Use the Superscript option in the toolbar: This method allows you to add a number to the text using the Superscript option in the toolbar. However, it does not create a separate footnotes section and anchor links.
  3. Create a footnotes section and add an anchor link: This method involves creating a separate footnotes section and adding an anchor link for each footnote. The numbers in the main text can then be linked to the corresponding footnotes using the Link option in the toolbar.

These manual methods provide flexibility and control over the placement and formatting of footnotes in WordPress. However, it is important to follow best practices and avoid common mistakes when using these advanced techniques. Troubleshooting tips and alternative methods can also be explored to ensure smooth implementation of footnotes in WordPress.

Step-by-Step Guide to Manually Add Footnotes in WordPress Using HTML

To manually add footnotes in WordPress using HTML, follow these steps:

  1. Begin by adding a number to the text using the Superscript option in the toolbar. This HTML formatting helps differentiate the main content from the footnote references.
  2. After adding the number, create a footnotes section by inserting a heading block.
  3. In the HTML Anchor section of the Block settings, add an anchor label to create a unique identifier for each footnote.
  4. Next, use the Link option in the toolbar to add links to the numbers. This ensures that when readers click on the footnote reference, they are taken to the corresponding footnote in the footnotes section.
  5. It’s important to preview the page or post to ensure that the links work correctly.
  6. Additionally, customizing the appearance of footnotes can be done using CSS to match the website’s design and branding.

Adding Footnotes in WordPress Using a Plugin (Modern Footnotes)

The addition of footnotes in WordPress can be easily accomplished by utilizing the Modern Footnotes plugin. This powerful plugin offers several benefits and features that allow users to customize the appearance of footnotes, configure settings, and enhance the overall functionality of their website.

Here are three key aspects to consider when using the Modern Footnotes plugin:

  1. Customize Appearance: The plugin allows users to modify the style and design of footnotes using custom CSS. This enables website owners to match the footnotes with their website’s branding and aesthetic.
  2. Configure Settings: With the Modern Footnotes plugin, users have the ability to adjust various settings to meet their specific needs. This includes choosing the display behavior of footnotes on different devices, ensuring a seamless user experience.
  3. Add Anchor Labels: The plugin allows users to easily add anchor labels to footnotes. This helps improve SEO by providing clear and descriptive links for search engines to recognize and index.

Adding Footnotes in Gutenberg and Classic Editor Using the Modern Footnotes Plugin

When utilizing the Modern Footnotes plugin, users can easily add footnotes in both the Gutenberg and Classic Editor of WordPress. This plugin provides a seamless experience for users in both editors, ensuring that footnotes can be added without any hassle.

One advantage of using this plugin is that it allows for customization of the footnote design, enabling users to match the style of their website. Additionally, while the Modern Footnotes plugin is a popular option, there are alternative footnote plugins available for users who may have different preferences.

When adding footnotes in WordPress, it is important to follow best practices to ensure a clean and organized appearance. Furthermore, integrating footnotes with social sharing buttons can be a great way to encourage readers to engage with the content and share it with others.

Footnotes Enhance Content Perception and Brand Recognition

Footnotes contribute to the enhanced perception of content and bolster brand recognition in WordPress. By incorporating footnotes into your website, you can improve the readability and visual appeal of your content, while also enriching it with additional information and citations.

Here are three key reasons why footnotes are important for brand authority and recognition:

  1. Improved Readability: Footnotes allow you to provide supplementary information without interrupting the flow of the main text. This enhances the overall readability of your content, making it easier for readers to digest and understand.
  2. Citation Importance: Including proper citations in your footnotes not only demonstrates your commitment to accuracy and credibility but also adds weight and authority to your brand. It shows that you have done a thorough research and are knowledgeable in your field.
  3. Visual Appeal: Well-designed footnotes can add a touch of sophistication to your website’s layout. They create a visually appealing element that draws readers’ attention and makes your content stand out.

Properly Citing Sources Increases Content Credibility

Properly citing sources enhances the credibility of content in WordPress. By following citation best practices, such as using appropriate citation styles, formatting, guidelines, and standards, you can ensure that your content is reliable and trustworthy.

Citing sources not only gives credit to the original authors but also allows readers to verify the information and explore further on their own. It shows that you have done a thorough research and are providing accurate and well-supported content. To help you understand the importance of proper citation, here is a table summarizing the key elements of citation best practices:

Consider Adding Footnotes to Make Your Website More Engaging and Informative

To enhance the engagement and informativeness of your website, consider incorporating footnotes into your content, building upon the credibility established through proper citation practices.

Footnotes in WordPress offer several benefits, including giving credit to sources that may not be suitable for the main body of a post or page, linking to related content on the same website, organizing content and enhancing SEO, adding comments and providing additional information, and improving the credibility and trustworthiness of the website.

When it comes to adding footnotes in WordPress, you have customization options available. You can choose to use manual methods, such as manually adding footnotes using HTML or using the Superscript option in the toolbar. Alternatively, you can use a plugin like Modern Footnotes, which offers an easy and customizable way to add footnotes.


Incorporating footnotes into your WordPress website is a crucial step in enhancing credibility and organization. Whether you choose to manually add footnotes using HTML or utilize a plugin like Modern Footnotes, this comprehensive guide equips you with the necessary tools to seamlessly integrate footnotes.

By providing proper credit to sources and allowing readers to explore related content, footnotes contribute to a more engaging, informative, and trustworthy website.

Upgrade your content creation skills and make your website stand out by adding footnotes today.

How to Add Footnotes in WordPress: A Step-by-Step Guide

This article provides a step-by-step guide on adding footnotes in WordPress. It discusses the benefits of footnotes, manual methods to add footnotes using HTML, and using a plugin called Modern Footnotes. The guide covers both Gutenberg and Classic Editor, and offers tips on customizing appearance, improving SEO, and enhancing overall functionality of the website. It emphasizes the importance of clean and organized appearance and integration with social sharing buttons for reader engagement.

Table of Contents