{"id":15183,"date":"2025-06-18T12:42:46","date_gmt":"2025-06-18T06:42:46","guid":{"rendered":"https:\/\/betterdocs.co\/?post_type=docs&#038;p=15183"},"modified":"2025-12-17T10:55:07","modified_gmt":"2025-12-17T04:55:07","password":"","slug":"configure-ai-doc-summarizer-for-betterdocs","status":"publish","type":"docs","link":"https:\/\/betterdocs.co\/it\/docs\/configure-ai-doc-summarizer-for-betterdocs\/","title":{"rendered":"How to Configure AI Doc Summarizer for BetterDocs?"},"content":{"rendered":"\n<p>BetterDocs\u2019 AI Doc Summarizer feature helps you automatically generate a summary of a specific document. With this feature, you can quickly review a long document and get an idea of its content, saving you time.<\/p>\n\n\n\n<p><em>[Note: You can also generate document content with AI in BetterDocs for FREE. <\/em><a href=\"https:\/\/betterdocs.co\/docs\/write-with-ai\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>Follow this documentation<\/em><\/strong><\/a><em> to learn how to generate content with AI on WordPress using BetterDocs.]<\/em><\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter 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 Configure AI Doc Summarizer For Documentation?\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/WOYzGRwQGP8?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 Set Up the AI Doc Summarizer Feature for BetterDocs?<\/strong><\/h2>\n\n\n\n<p>Summarizing documents with AI in BetterDocs is a relatively simple process. You can customize the summarization option for different editors. Follow the step-by-step guidelines to learn how to configure AI Doc Summarizer. <\/p>\n\n\n\n<p><strong>Note:<\/strong> Make sure you have <a href=\"https:\/\/betterdocs.co\/docs\/activate-betterdocs\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>installed and activated<\/strong><\/a> the BetterDocs plugin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1: Add Your OpenAI API Key in BetterDocs<\/strong><\/h3>\n\n\n\n<p>To activate the AI Doc Summarizer feature, you must first integrate OpenAI into BetterDocs. For that, first, you need to retrieve the API key from the OpenAI API.&nbsp;<\/p>\n\n\n\n<p>From the BetterDocs dashboard, navigate to <strong>Settings \u2192 AI Content Suite. <\/strong>There you will find the option to add an <strong>API key<\/strong> from the \u2018<strong>API Settings\u2019<\/strong> tab.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1351\" height=\"757\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-2.png\" alt=\"Add open API key in BetterDocs\" class=\"wp-image-15184\" title=\"\" srcset=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-2.png 1351w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-2-300x168.png 300w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-2-1024x574.png 1024w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-2-768x430.png 768w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-2-18x10.png 18w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-2-360x202.png 360w\" sizes=\"(max-width: 1351px) 100vw, 1351px\" \/><\/figure>\n<\/div>\n\n\n<p>To get the API keys, go to the <a href=\"https:\/\/platform.openai.com\/api-keys\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>OpenAI platform page<\/strong><\/a>. Click the <strong>\u2018Create new secret key\u2019 <\/strong>button, and you will find an option to add the<strong> \u2018API Name\u2019<\/strong> and the project you want to work on.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1360\" height=\"615\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-3.png\" alt=\"Create new secret key from OpenAI\" class=\"wp-image-15185\" title=\"\" srcset=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-3.png 1360w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-3-300x136.png 300w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-3-1024x463.png 1024w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-3-768x347.png 768w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-3-18x8.png 18w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-3-360x163.png 360w\" sizes=\"(max-width: 1360px) 100vw, 1360px\" \/><\/figure>\n<\/div>\n\n\n<p>Type any name of your preference and hit the <strong>\u2018Create secret key\u2019<\/strong> button. Your secret key will be generated automatically and instantly.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1080\" height=\"500\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4.png\" alt=\"Copy secret API key\" class=\"wp-image-15186\" title=\"\" srcset=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4.png 1080w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4-300x139.png 300w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4-1024x474.png 1024w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4-768x356.png 768w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4-18x8.png 18w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4-360x167.png 360w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/figure>\n<\/div>\n\n\n<p>Just copy your code and paste it into the <strong>\u2018API Key\u2019<\/strong> field on your BetterDocs <strong>\u2018AI Content Suite\u2019 <\/strong>settings. Then, hit the <strong>\u2018Save\u2018<\/strong> button.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"690\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-5.png\" alt=\"Paste the API key in BetterDocs API settings\" class=\"wp-image-15187\" title=\"\" srcset=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-5.png 1280w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-5-300x162.png 300w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-5-1024x552.png 1024w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-5-768x414.png 768w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-5-18x10.png 18w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-5-360x194.png 360w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2: Enable AI Doc Summarizer<\/strong><\/h3>\n\n\n\n<p>Now, it is time to enable the feature. To do that, go to the <strong>\u2018AI Doc Summarizer\u2019<\/strong> tab. There, you will see the option is set to <strong>\u2018Disabled\u2019<\/strong> as default. Click on the button and enable it. In this option, you can set the maximum token limits for your document summary.&nbsp;<\/p>\n\n\n\n<p>Here, a 1500 token limit is set by default. You can also choose the <strong>\u2018OpenAI Model\u2019<\/strong> from the dropdown, where you can choose <strong>\u2018GPT-4o\u2019<\/strong> or <strong>\u2018GPT-4o\u2019<\/strong> mini model. Click on the <strong>\u2018Save\u2019<\/strong> button to save the changes.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1345\" height=\"695\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-6.png\" alt=\"Enable and save AI doc summarizer from BetterDocs\" class=\"wp-image-15188\" title=\"\" srcset=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-6.png 1345w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-6-300x155.png 300w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-6-1024x529.png 1024w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-6-768x397.png 768w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-6-18x9.png 18w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-6-360x186.png 360w\" sizes=\"(max-width: 1345px) 100vw, 1345px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3: Customize the AI Summarizer<\/strong><\/h3>\n\n\n\n<p>The AI Doc Summarizer is compatible with any WordPress theme. Whether you are using the Gutenberg editor or Elementor, you can customize the AI Doc Summarizer in your single document as you want. Here, for both of the editors, the process is shown below:&nbsp;<\/p>\n\n\n\n<p>First, select the single document you want to add<strong> \u2018AI Doc Summarizer\u2019 <\/strong>to. Then click on the <strong>\u2018+\u2019<\/strong> icon on your Gutenberg editor to add <strong>the \u2018AI Doc Summarizer&#8217; <\/strong>block. There, search for \u2018<strong>BetterDocs Article Summary\u2019 <\/strong>and then you will find the block. Click on that and drag &amp; drop it wherever you want to show the summary.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"599\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image10.gif\" alt=\"Drag and Drop AI Doc Summarizer Block\" class=\"wp-image-15223\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>Next, from the right sidebar, you will find the option to make different customization options for this section. First, in the <strong>\u2018General\u2019<\/strong> tab, you can add a title based on your preference or hide the title from the summarization block.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"599\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image7.gif\" alt=\"Customize General settings of AI doc summarizer\" class=\"wp-image-15226\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>Next, from the styles tab, you can change the title color, typography, margin and padding of the title and content. You can also change the icon color and size for the block. If you want to change the style of your overall content box, then you can do that too in the <strong>\u2018Box Styles\u2019<\/strong> section.&nbsp;<\/p>\n\n\n\n<p>You can also change the icon color and size for the block. If you want to change the style of your overall content box, then you can do that too in the <strong>\u2018Box Styles\u2019<\/strong> section. Click on the <strong>\u2018Save\u2019 <\/strong>button to save the changes in your doc.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"599\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-2.gif\" alt=\"Customize AI doc summarizer styling by BetterDocs\" class=\"wp-image-15191\" title=\"\"><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">How to Add the \u2018AI Doc Summarizer\u2019 in Elementor?<\/h2>\n\n\n\n<p>If you are using Elementor, you can also add the AI Doc Summarizer. For that, you need to add a single doc first. Know how to configure the single doc page on Elementor from<strong> <\/strong><a href=\"https:\/\/betterdocs.co\/docs\/single-doc-in-elementor\/\"><strong>the documentation<\/strong><\/a>.<\/p>\n\n\n\n<p><strong><em>Note:<\/em><\/strong><em> To configure single docs for Elementor, you need the <\/em><strong><em>Elementor PRO<\/em><\/strong><em> version.&nbsp;<\/em><br><br>Once you have configured the single doc, open it in Elementor. Search for <strong>\u2018AI Doc Summarizer\u2019 in the <\/strong>elements\u2019 search panel, then drag and drop it to your document to get an AI-generated summary for the doc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4-1024x468.gif\" alt=\"AI Doc Summarizer in Elementor\" class=\"wp-image-15227\" title=\"\" srcset=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4-1024x468.gif 1024w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4-300x137.gif 300w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4-768x351.gif 768w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4-1536x703.gif 1536w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4-18x8.gif 18w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-4-360x165.gif 360w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Final Outcome<\/strong><\/h2>\n\n\n\n<p>Finally, in your single document, you can click on <strong>\u2018AI Doc Summarizer\u2019<\/strong> and it will automatically generate the summary of the document.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1350\" height=\"565\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/06\/image-3.gif\" alt=\"Final outcome of AI doc summarizer\" class=\"wp-image-15192\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>This is how you can configure and generate an AI doc summarizer on your WordPress website using BetterDcos and help your users get an idea of the documentation within a few minutes.&nbsp;<br>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\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Configure BetterDocs&#8217; AI doc summarizer and how you can customize it in your WordPress website. <\/p>","protected":false},"author":44,"featured_media":15192,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[309],"doc_tag":[10,14,16],"knowledge_base":[282],"class_list":["post-15183","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations","doc_tag-betterdocs","doc_tag-configuration","doc_tag-wordpress","knowledge_base-wordpress"],"year_month":"2026-04","word_count":780,"total_views":"2949","reactions":{"happy":"2","normal":"0","sad":"3"},"author_info":{"name":"Maahi","author_nicename":"maahi","author_url":"https:\/\/betterdocs.co\/it\/author\/maahi\/"},"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":"configuration","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/configuration\/"},{"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\/15183","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\/44"}],"version-history":[{"count":11,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/15183\/revisions"}],"predecessor-version":[{"id":16455,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/15183\/revisions\/16455"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media\/15192"}],"wp:attachment":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media?parent=15183"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_category?post=15183"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_tag?post=15183"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/knowledge_base?post=15183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}