Tabla de contenido<\/h2>\n \n - Why Add Footnotes in WordPress?<\/a><\/li>\n
- How to Add Footnotes in WordPress<\/a>\n
\n - Manually Add Footnotes in WordPress Using HTML<\/a><\/li>\n
- Create Reusable Blocks in Gutenberg Editor<\/a><\/li>\n
- Add Footnotes in WordPress Using a Plugin<\/a><\/li>\n <\/ul>\n <\/li>\n
- Conclusi\u00f3n<\/a><\/li>\n <\/ol>\n<\/div>\n\n\n\n
1<\/span> Why Add Footnotes in WordPress?<\/h2>\n\n\n\nFootnotes are a simple yet powerful way to make your content more credible, professional, and easy to read. They let you provide citations, link to additional resources, or share extra context without interrupting the flow of your main text. <\/strong>This helps readers verify your information, dive deeper into a topic if they want, and see that you\u2019ve done thorough research.<\/p>\n\n\n\nBy using footnotes, you keep your posts clean and well-organized<\/strong> while still delivering extra value. Footnotes show your audience that your content can be trusted<\/strong>, and that\u2019s a big factor in keeping them engaged.<\/p>\n\n\n\n2<\/span> How to Add Footnotes in WordPress<\/h2>\n\n\n\nYou can add footnotes in WordPress either manually or with a plugin. Let\u2019s start with the manual method using HTML. <\/p>\n\n\n\n
2.1<\/span> Manually Add Footnotes in WordPress Using HTML<\/h3>\n\n\n\nThis method is great if you only need footnotes on a single post or page. Keep in mind, it\u2019s a bit more hands-on and leaves more room for small mistakes, but once you get the hang of it, it\u2019s easy.<\/p>\n\n\n\n
2.1.1<\/span> Add Number to Your Text<\/h4>\n\n\n\nFirst, navigate to your post or page editing screen and place the cursor where you wish to add a footnote. Next, in the toolbar that appears above your text, choose the Superscript<\/strong> <\/em>option that appears by clicking the down arrow icon, as shown below.<\/p>\n\n\n\n![\"Add](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/add-superscript-1.jpg\")
<\/figure>\n\n\n\nOnce done, write the number, which will appear as a small superscript text.<\/p>\n\n\n\n![\"Add](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/write-number-1.jpg\")
<\/figure>\n\n\n\n2.1.2<\/span> Create a Footnotes Section and Add an Anchor Link<\/h4>\n\n\n\nAdd a Heading<\/strong> block at the bottom of your page or post, and type a title for your footnotes section. You can name it “Footnotes,” “References,” “Bibliography,” or anything you like. You can also add a List<\/strong> bloquear. <\/p>\n\n\n\nOnce you’ve created your footnotes section, navigate to the Avanzado<\/strong> section from the Block<\/strong> settings. In the HTML ANCHOR <\/strong> section, enter a unique label such as footnotes. We’ve added a list in the Footnotes section.<\/p>\n\n\n\n![\"Create](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/footnotes-section-scaled.jpg\")
<\/figure>\n\n\n\n2.1.3<\/span> Add Links to Your Numbers<\/h4>\n\n\n\nThe next step is to link the number you added to your text in step 2.1.1. To do so, highlight the number and click the Enlace<\/strong> option in the toolbar, as shown below.<\/p>\n\n\n\n![\"Add](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/add-link.jpg\")
<\/figure>\n\n\n\nIngresar \u201c#\u201d <\/strong>followed by the anchor label you created in step 2.1.2 and press Ingresar<\/strong>.<\/p>\n\n\n\n![\"Add](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/add-anchor-link.jpg\")
<\/figure>\n\n\n\nAnd that’s it! You can now preview your page or post and test the link to ensure it works correctly. <\/p>\n\n\n\n![\"Preview](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/footnotes-preview-1.gif\")
<\/figure>\n\n\n\n2.2<\/span> Create Reusable Blocks in Gutenberg Editor<\/h3>\n\n\n\nIf you often use the same footnotes across different posts, creating them as reusable blocks in the Gutenberg editor is a huge time-saver. Instead of rewriting or manually adding them every time, you can simply insert the saved block wherever you need it, and even update it once to apply changes everywhere.<\/p>\n\n\n\n
To create a footnote, open the Gutenberg editor and add a P\u00e1rrafo<\/strong> block where you want to place the footnote. <\/p>\n\n\n\nType the footnote text using superscript (e.g., source details or explanations). Format it appropriately, such as making it smaller using the Typography settings in the right sidebar.<\/p>\n\n\n\n![\"Add](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/05\/add-superscript.jpg\")
<\/figure>\n\n\n\nClick on the block, then select the More options (three dots)<\/strong> menu. Choose Create pattern,<\/strong> Como se muestra abajo. <\/p>\n\n\n\n![\"Select](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/05\/create-pattern.jpg\")
<\/figure>\n\n\n\nNext, name it (e.g., “Footnote 1”). Click Add<\/strong> to add the reusable block.<\/p>\n\n\n\n![\"save](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/05\/save-footnote.jpg\")
<\/figure>\n\n\n\nYou can add this reusable block to your future posts or pages, as shown below.<\/p>\n\n\n\n![\"Add](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/05\/add-footnote-1.jpg\")
<\/figure>\n\n\n\n2.3<\/span> Add Footnotes in WordPress Using a Plugin<\/h3>\n\n\n\nIf you do not want to add footnotes manually, the easiest way is to use a plugin. For this tutorial, we’ll use the Modern Footnotes plugin<\/a>. While there are many other options, this plugin is easy to use, offers options for customization, and is free.<\/p>\n\n\n\n
- \n
- Manually Add Footnotes in WordPress Using HTML<\/a><\/li>\n
- Create Reusable Blocks in Gutenberg Editor<\/a><\/li>\n
- Add Footnotes in WordPress Using a Plugin<\/a><\/li>\n <\/ul>\n <\/li>\n
- Conclusi\u00f3n<\/a><\/li>\n <\/ol>\n<\/div>\n\n\n\n
1<\/span> Why Add Footnotes in WordPress?<\/h2>\n\n\n\n
Footnotes are a simple yet powerful way to make your content more credible, professional, and easy to read. They let you provide citations, link to additional resources, or share extra context without interrupting the flow of your main text. <\/strong>This helps readers verify your information, dive deeper into a topic if they want, and see that you\u2019ve done thorough research.<\/p>\n\n\n\n
By using footnotes, you keep your posts clean and well-organized<\/strong> while still delivering extra value. Footnotes show your audience that your content can be trusted<\/strong>, and that\u2019s a big factor in keeping them engaged.<\/p>\n\n\n\n
2<\/span> How to Add Footnotes in WordPress<\/h2>\n\n\n\n
You can add footnotes in WordPress either manually or with a plugin. Let\u2019s start with the manual method using HTML. <\/p>\n\n\n\n
2.1<\/span> Manually Add Footnotes in WordPress Using HTML<\/h3>\n\n\n\n
This method is great if you only need footnotes on a single post or page. Keep in mind, it\u2019s a bit more hands-on and leaves more room for small mistakes, but once you get the hang of it, it\u2019s easy.<\/p>\n\n\n\n
2.1.1<\/span> Add Number to Your Text<\/h4>\n\n\n\n
First, navigate to your post or page editing screen and place the cursor where you wish to add a footnote. Next, in the toolbar that appears above your text, choose the Superscript<\/strong> <\/em>option that appears by clicking the down arrow icon, as shown below.<\/p>\n\n\n\n
<\/figure>\n\n\n\nOnce done, write the number, which will appear as a small superscript text.<\/p>\n\n\n\n
<\/figure>\n\n\n\n2.1.2<\/span> Create a Footnotes Section and Add an Anchor Link<\/h4>\n\n\n\n
Add a Heading<\/strong> block at the bottom of your page or post, and type a title for your footnotes section. You can name it “Footnotes,” “References,” “Bibliography,” or anything you like. You can also add a List<\/strong> bloquear. <\/p>\n\n\n\n
Once you’ve created your footnotes section, navigate to the Avanzado<\/strong> section from the Block<\/strong> settings. In the HTML ANCHOR <\/strong> section, enter a unique label such as footnotes. We’ve added a list in the Footnotes section.<\/p>\n\n\n\n
<\/figure>\n\n\n\n2.1.3<\/span> Add Links to Your Numbers<\/h4>\n\n\n\n
The next step is to link the number you added to your text in step 2.1.1. To do so, highlight the number and click the Enlace<\/strong> option in the toolbar, as shown below.<\/p>\n\n\n\n
<\/figure>\n\n\n\nIngresar \u201c#\u201d <\/strong>followed by the anchor label you created in step 2.1.2 and press Ingresar<\/strong>.<\/p>\n\n\n\n
<\/figure>\n\n\n\nAnd that’s it! You can now preview your page or post and test the link to ensure it works correctly. <\/p>\n\n\n\n
<\/figure>\n\n\n\n2.2<\/span> Create Reusable Blocks in Gutenberg Editor<\/h3>\n\n\n\n
If you often use the same footnotes across different posts, creating them as reusable blocks in the Gutenberg editor is a huge time-saver. Instead of rewriting or manually adding them every time, you can simply insert the saved block wherever you need it, and even update it once to apply changes everywhere.<\/p>\n\n\n\n
To create a footnote, open the Gutenberg editor and add a P\u00e1rrafo<\/strong> block where you want to place the footnote. <\/p>\n\n\n\n
Type the footnote text using superscript (e.g., source details or explanations). Format it appropriately, such as making it smaller using the Typography settings in the right sidebar.<\/p>\n\n\n\n
<\/figure>\n\n\n\nClick on the block, then select the More options (three dots)<\/strong> menu. Choose Create pattern,<\/strong> Como se muestra abajo. <\/p>\n\n\n\n
<\/figure>\n\n\n\nNext, name it (e.g., “Footnote 1”). Click Add<\/strong> to add the reusable block.<\/p>\n\n\n\n
<\/figure>\n\n\n\nYou can add this reusable block to your future posts or pages, as shown below.<\/p>\n\n\n\n
<\/figure>\n\n\n\n2.3<\/span> Add Footnotes in WordPress Using a Plugin<\/h3>\n\n\n\n
If you do not want to add footnotes manually, the easiest way is to use a plugin. For this tutorial, we’ll use the Modern Footnotes plugin<\/a>. While there are many other options, this plugin is easy to use, offers options for customization, and is free.<\/p>\n\n\n\n
- Create Reusable Blocks in Gutenberg Editor<\/a><\/li>\n
![\"Install](\"https:\/\/rankmath.com\/wp-content\/uploads\/2025\/08\/modern-footnotes.jpg\")
<\/figure>\n\n\n\n![\"Modern](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/modern-footnotes-settings.jpg\")
<\/figure>\n\n\n\n![\"Modern](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/desktop-footnote-behavior.jpg\")
<\/figure>\n\n\n\n![\"Customization](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/custom-css-modern-footnote.jpg\")
<\/figure>\n\n\n\n![\"Highlight](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/add-footnote-using-plugin.jpg\")
<\/figure>\n\n\n\n![\"select](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/add-a-footnote-option.jpg\")
<\/figure>\n\n\n\n![\"Footnote](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/footnote-label.jpg\")
<\/figure>\n\n\n\n![\"Footnotes](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/frontend-footnotes-view-1-scaled.jpg\")
<\/figure>\n\n\n\n![\"Find](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/find-footnote-option-classic-editor.jpg\")
<\/figure>\n\n\n\n![\"Select](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/select-text-to-add-footnote.jpg\")
<\/figure>\n\n\n\n![\"Footnote](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/footnote-classic-editor.jpg\")
<\/figure>\n\n\n\n![\"Add](\"https:\/\/rankmath.com\/wp-content\/uploads\/2023\/02\/add-footnote-classic-editor.gif\")
<\/figure>\n\n\n\n