OUTPUT BUFFERING
ABOVE HEADER

Press enter to see results or esc to cancel.

BEFORE POST

Sticky blocks

[HTML TAGS REMOVED]
[(]504 words BEFORE CONTENT 504 words[)]
[(]13 words[)]BEFORE PARAGRAPH 1[(]13 words[)]

<p>There are different kinds of sticky ads. Ad Inserter supports the following sticky modes:</p>

AFTER PARAGRAPH 1

<h2>Sticky widgets with CSS mode</h2>

[(]92 words[)]BEFORE PARAGRAPH 2[(]92 words[)]

<p>When the page scrolls and a sticky widget is scrolled up in the sidebar, it sticks to the top and stays there until it is pushed up by the widgets or sidebar end below. Normally, you set only one widget sticky, the last one or one of the last widgets in the sidebar. A widget can be set Sticky in the list of the widgets in the sidebar (when classic widgets are used), the Sticky widget mode is set in the general plugin settings (tab / tab General / tab Frontend).</p>

AFTER PARAGRAPH 2
[(]0 words[)]BEFORE PARAGRAPH 3[(]0 words[)]

<p>

[(][)]BEFORE IMAGE 1[(][)]
ad inserter widget<img fetchpriority="high" decoding="async" src="https://adinserter.pro/wp/wp-content/uploads/ad-inserter-widget.png" alt="ad inserter widget" width="441" height="277" class="alignnone size-full wp-image-670" />
AFTER IMAGE 1
</p>

AFTER PARAGRAPH 3
[(]23 words[)]BEFORE PARAGRAPH 4[(]23 words[)]

<p><span></span>If you experience issues with the page layout when using sticky widget with CSS mode, try to put this code into the Header:</p>

AFTER PARAGRAPH 4
<pre><p><code class="language-markup"><script></code><code class="language-javascript">
  ai_no_sticky_sidebar_height = true;</code><code class="language-markup">
</script></code></pre>
[(]37 words[)]BEFORE PARAGRAPH 5[(]37 words[)]

<p><span></span>Please note that sticky feature as described here depends on the styles used by the theme. If it sets <code>overflow</code> CSS propery on some parent element or otherwise prevents sticky position then sticky feature will not work.</p>

AFTER PARAGRAPH 5
[(]8 words[)]BEFORE PARAGRAPH 6[(]8 words[)]

<p><span></span>Check aso troubleshooting section for sticky CSS modes.</p>

AFTER PARAGRAPH 6

<h2>Sticky widgets with CSS Push mode</h2>

[(]102 words[)]BEFORE PARAGRAPH 7[(]102 words[)]

<p>This mode will create some space below a sticky widget. When the page is scrolled, this mode will stick the widget to the top of the page while there is space in the sidebar below the widget. After that the widget will be pushed up as other widgets. Any widget can be made Sticky in the list of the widgets in the sidebar (when classic widgets are used). The Sticky widget mode is set in the general plugin settings (tab / tab General / tab Frontend). An example of a sticky widget with CSS Push mode is displayed in the sidebar.</p>

AFTER PARAGRAPH 7

<h2><span>PRO</span> Sticky blocks in the static page/post content</h2>

[(]31 words[)]BEFORE PARAGRAPH 8[(]31 words[)]

<p>A block can be made sticky. When this option is enabled (<span>Button </span>Misc<span> / tab Display)</span>, it will add some space below the block – you can define the height of this space.</p>

AFTER PARAGRAPH 8
[(]0 words[)]BEFORE PARAGRAPH 9[(]0 words[)]

<p>

[(][)]BEFORE IMAGE 2[(][)]
ad inserter misc display sticky<img decoding="async" src="https://adinserter.pro/wp/wp-content/uploads/ad-inserter-misc-display-sticky.png" alt="ad inserter misc display sticky" width="744" height="504" class="alignnone size-full wp-image-1570" />
AFTER IMAGE 2
</p>

AFTER PARAGRAPH 9
[(]52 words[)]BEFORE PARAGRAPH 10[(]52 words[)]

<p>When the page is scrolled, sticky block will stick to the top of the page while there is space below the block. After that the block will move up as other content. This works like CSS Push mode for sticky widgets. An example of content sticky ad is displayed on this page.</p>

AFTER PARAGRAPH 10
[(]0 words[)]BEFORE PARAGRAPH 11[(]0 words[)]

<p><span>

<div>
<div> <img decoding="async" src="https://via.placeholder.com/300x250/be01cf/fff500.png?text=STICKY"></div>
<div></div>
</div>
</span></p>

AFTER PARAGRAPH 11
[(]38 words[)]BEFORE PARAGRAPH 12[(]38 words[)]

<p><span></span>Blocks with sticky mode enabled (<span>Button </span>Misc<span> / tab Display) </span>can also be used as widgets – they will behave like CSS Push mode for sticky widgets, however, you can individually define the height of the space below the block.</p>

AFTER PARAGRAPH 12

<h2><span>PRO</span> Fixed sticky ads over the page</h2>

[(]45 words[)]BEFORE PARAGRAPH 13[(]45 words[)]

<p><span>Sticky ads are displayed in a layer </span>above the page content<span> and overlap any page element below. Ads stick to the screen or page content and stay fixed when the page is scrolled. For this kind of ads you need to set alignment to Sticky.</span></p>

AFTER PARAGRAPH 13
[(]34 words[)]BEFORE PARAGRAPH 14[(]34 words[)]

<p><span>There are also additional options for fixed sticky ads like close button, delayed display and animations. </span>Pop-up ads<span> and </span>background ads<span> are a special mode of sticky ads. Top and bottom sticky ads are also know as </span>anchor ads<span>.</span></p>

AFTER PARAGRAPH 14
[(]0 words[)]BEFORE PARAGRAPH 15[(]0 words[)]

<p>

[(][)]BEFORE IMAGE 3[(][)]
ad inserter sticky settings<img decoding="async" src="https://adinserter.pro/wp/wp-content/uploads/ad-inserter-sticky-settings.png" alt="ad inserter sticky settings" width="743" height="684" class="alignnone size-full wp-image-1386" />
AFTER IMAGE 3
</p>

AFTER PARAGRAPH 15
<div>
<hr />
<div>

<h3>Related Pages</h3>

</div>
</div>
AFTER CONTENT
POST
AFTER POST
FOOTER
Skip to toolbar
JAVASCRIPT NOT WORKING
POST