{"id":11275,"date":"2024-02-18T18:16:18","date_gmt":"2024-02-18T12:16:18","guid":{"rendered":"https:\/\/betterdocs.co\/?post_type=docs&#038;p=11275"},"modified":"2025-01-02T18:18:33","modified_gmt":"2025-01-02T12:18:33","password":"","slug":"add-attachments-to-docs","status":"publish","type":"docs","link":"https:\/\/betterdocs.co\/it\/docs\/add-attachments-to-docs\/","title":{"rendered":"How To Add Attachments To Docs In BetterDocs?"},"content":{"rendered":"\n<p>Attachments in documentation facilitate cooperation and backup, improving communication and workflow efficiency. They also offer clarity, context, and reference resources. With <a href=\"http:\/\/betterdocs.co\/#pricing\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>BetterDocs PRO<\/strong><\/a>, you can easily <strong>add attachments to docs<\/strong> with a few clicks and add more resources to your knowledge base readers. Follow this guide below to learn how to add attachments to docs with BetterDocs.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Add Attachments to Docs in BetterDocs?\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/bOt8VcLoHa0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How To Add Attachments To Docs In BetterDocs?<\/strong><\/h2>\n\n\n\n<p>With a few simple steps, you can add attachments to your single documentation using BetterDocs. Follow this step-by-step guide below to learn how to add attachments to docs with BetterDocs.<\/p>\n\n\n\n<p><em>[<\/em><strong><em>Note:<\/em><\/strong><em> Since adding attachments with docs is a premium feature introduced by BetterDocs, you need to <\/em><a href=\"https:\/\/betterdocs.co\/docs\/install-betterdocs-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>install and activate BetterDocs PRO<\/em><\/strong><\/a><em> to use it.]<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1: Enable Show Attachment In BetterDocs<\/strong><\/h3>\n\n\n\n<p>Before getting started, you need to enable the \u2018<strong>Show Attachment<\/strong>\u2019 option from BetterDocs. To do that, navigate to <strong>BetterDocs \u2192 Settings \u2192 Layout \u2192 Single Doc<\/strong>. Now, go to the \u2018<strong>Attachment<\/strong>\u2019 tab and enable the \u2018<strong>Show Attachment<\/strong>\u2019 button.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"771\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2024\/02\/image-14.gif\" alt=\"Add Attachments To Docs\" class=\"wp-image-11279\" title=\"\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2: Configure Attachment Settings<\/strong><\/h3>\n\n\n\n<p>Now, you need to configure a few settings, including <strong>label text,<\/strong> <strong>default file name, show size, icon,<\/strong> and if you want to open attachments in a new tab.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"773\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2024\/02\/image-15.gif\" alt=\"Add Attachments To Docs\" class=\"wp-image-11280\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>If you enable \u2018<strong>Show Attachment Icon<\/strong>\u2019, there will be options to upload icons for different file categories, including image, pdf, audio, CSV, zip, video, text, etc. You can upload yours as preferred. Once done with all the configurations, hit the \u2018<strong>Save<\/strong>\u2019 button at the bottom to save the changes.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"773\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2024\/02\/image-16.gif\" alt=\"Add Attachments To Docs\" class=\"wp-image-11281\" title=\"\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3: Add Attachments To Your Docs<\/strong><\/h3>\n\n\n\n<p>Once you are done configuring the Attachments options, it is time to add attachments to your single docs. Add a new doc or open an existing one from BetterDocs, and you will find the \u2018<strong>Add Attachments<\/strong>\u2019 option at the bottom.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"773\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2024\/02\/image-17.gif\" alt=\"Add Attachments To Docs\" class=\"wp-image-11282\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>Click the \u2018<strong>Add Attchement<\/strong>\u2019 button and select files from the \u2018<strong>Media Library<\/strong>\u2019 or upload files from the local storage. The files will be attached to the doc instantly. Once you are done adding the files, update the doc to save changes.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1898\" height=\"916\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2024\/02\/image5.gif\" alt=\"Add Attachments To Docs\" class=\"wp-image-11276\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>Since BetterDocs provides <a href=\"https:\/\/betterdocs.co\/docs\/betterdocs-provides-full-site-editor-support\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>full site editor support<\/strong><\/a>, some of its features are dependent on the themes you are using. If you are using a template-based multipurpose theme like <a href=\"https:\/\/flexia.pro\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Flexia<\/strong><\/a>, the \u2018<strong>Add Attachment<\/strong>\u2019 block feature by BetterDocs will be integrated automatically and your attachments will be displayed in documents without any modification required.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1896\" height=\"912\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2024\/02\/image3.gif\" alt=\"Add Attachments To Docs\" class=\"wp-image-11277\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>However, if you are using a block-based global theme (Twenty Twenty-Four, for example), your attachments will not display on the documents page by default. You need to add the \u2018<strong>BetterDocs Attachment<\/strong>\u2019 block on \u2018<strong>Single Doc<\/strong>\u2019 in the site editor to use this feature. Follow step 4 to learn how to do that.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1897\" height=\"916\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2024\/02\/image2.gif\" alt=\"Add Attachments To Docs\" class=\"wp-image-11278\" title=\"\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4: Add BetterDocs Attachment In Site Editor<\/strong><\/h3>\n\n\n\n<p>Navigate to <strong>Appearance \u2192 Editor \u2192 Templates \u2192 Single Docs<\/strong> from your WordPress dashboard.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"770\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2024\/02\/image-18.gif\" alt=\"Add Attachments To Docs\" class=\"wp-image-11283\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>Now, drop down to the bottom (at the end of the doc) or where you want to show the attachments. Select a block and from the three dot options click \u2018<strong>Add before<\/strong>\u2019 or \u2018<strong>Add after<\/strong>\u2019 to add another block. Then, add the \u2018<strong>BetterDocs Attachment<\/strong>\u2019 block to the specific area. Once done, hit the \u2018<strong>Save<\/strong>\u2019 button.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"771\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2024\/02\/image-19.gif\" alt=\"Add Attachments To Docs\" class=\"wp-image-11284\" title=\"\"><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Final Outcome<\/strong><\/h2>\n\n\n\n<p>After attaching and updating, you can now visit the single document page to see the files at the bottom.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"771\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2024\/02\/image-20.gif\" alt=\"Add Attachments To Docs\" class=\"wp-image-11285\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>That is how easily you can <strong>add attachments to docs<\/strong> using BetterDocs.<\/p>\n\n\n\n<p>Getting stuck? Feel free to <a href=\"https:\/\/wpdeveloper.com\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Contact Our Support<\/strong><\/a> for further assistance.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add attachments to docs with BetterDocs. Elevate your documentation game with added resources and clarity.<\/p>","protected":false},"author":32,"featured_media":11287,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[309],"doc_tag":[10,229,230,14,18,626,72,69,16],"knowledge_base":[282],"class_list":["post-11275","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations","doc_tag-betterdocs","doc_tag-betterdocs-gutenberg-blocks","doc_tag-betterdocs-knowledgebase-gutenberg","doc_tag-configuration","doc_tag-documentation","doc_tag-documentation-block","doc_tag-single-article","doc_tag-single-doc","doc_tag-wordpress","knowledge_base-wordpress"],"year_month":"2026-04","word_count":556,"total_views":"5146","reactions":{"happy":"5","normal":"5","sad":"2"},"author_info":{"name":"Abdullah Mamun","author_nicename":"mamun","author_url":"https:\/\/betterdocs.co\/it\/author\/mamun\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/betterdocs.co\/it\/docs\/shopify\/configurations\/"}],"doc_tag_info":[{"term_name":"betterdocs","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/betterdocs\/"},{"term_name":"BetterDocs Gutenberg Blocks","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/betterdocs-gutenberg-blocks\/"},{"term_name":"BetterDocs Knowledgebase Gutenberg","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/betterdocs-knowledgebase-gutenberg\/"},{"term_name":"configuration","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/configuration\/"},{"term_name":"documentation","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/documentation\/"},{"term_name":"Documentation Block","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/documentation-block\/"},{"term_name":"Single Article","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/single-article\/"},{"term_name":"Single Doc","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/single-doc\/"},{"term_name":"WordPress","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/wordpress\/"}],"knowledge_base_info":[{"term_name":"WordPress","term_url":"https:\/\/betterdocs.co\/it\/docs\/wordpress\/","term_slug":"wordpress"}],"knowledge_base_slug":["wordpress"],"_links":{"self":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/11275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/users\/32"}],"version-history":[{"count":3,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/11275\/revisions"}],"predecessor-version":[{"id":14175,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/11275\/revisions\/14175"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media\/11287"}],"wp:attachment":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media?parent=11275"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_category?post=11275"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_tag?post=11275"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/knowledge_base?post=11275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}