Hi @vargderm,
We’re describing a similar process, but I think you’re suggesting to set the plugin to automatically add a TOC to all pages/posts with a certain number of headings so you don’t have to add shortcode to each one, which is a great idea.
You can just put your site in Maintenance Mode for a few minutes if you don’t want people seeing a TOC on every page and this will save time for multiple pages.
Here is combination of our steps to add TOCs manually spelled out more clearly for anyone who might need it:
1. Set the TOC+ plugin to add a toc automatically for every page/post with the number of headings you choose (TOC+ > Settings > “Auto insert for the following content types”)
2. View the page source for the pages you want to show a TOC and copy the HTML between
<div id="toc_container"...>
and </div>
3. Turn the plugin off so you can see your text editing boxes in posts again
4. Paste the page’s TOC HTML into the text (not visual) editor
OPTIONAL: Style with CSS in Divi Custom CSS
To style mine, I added:
#toc_container {
background-color:#f9f9f9!important;
border:none!important;padding:2%;
}
#toc_container a {
color:#444!important;
font-weight:bold;
}
.toc_title {
color:#62F4E7;
text-transform:uppercase;
text-align:center;
line-height:2em;
}
.toc_list li {
list-style:none!important;
}
Those are just my styling preferences, but it gives you the Classes and IDs to use so you can style your own. You can see mine here for an example.
Thanks, @vargderm!