OUTPUT BUFFERING
ABOVE HEADER

Press enter to see results or esc to cancel.

BEFORE POST

Sticky Blocks

[(]504 words BEFORE CONTENT 504 words[)]
[(]13 words[)]BEFORE PARAGRAPH 1[(]13 words[)]

There are different kinds of sticky ads. Ad Inserter supports the following sticky modes:

AFTER PARAGRAPH 1

Sticky widgets with CSS mode

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

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).

AFTER PARAGRAPH 2
[(]1 word[)]BEFORE PARAGRAPH 3[(]1 word[)]

[(][)]BEFORE IMAGE 1[(][)]
ad inserter widget
AFTER IMAGE 1

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

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

AFTER PARAGRAPH 4
<script>
  ai_no_sticky_sidebar_height = true;
</script>
[(]37 words[)]BEFORE PARAGRAPH 5[(]37 words[)]

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

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

Check aso troubleshooting section for sticky CSS modes.

AFTER PARAGRAPH 6

Sticky widgets with CSS Push mode

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

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.

AFTER PARAGRAPH 7

PRO Sticky blocks in the static page/post content

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

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

AFTER PARAGRAPH 8
[(]1 word[)]BEFORE PARAGRAPH 9[(]1 word[)]

[(][)]BEFORE IMAGE 2[(][)]
ad inserter misc display sticky
AFTER IMAGE 2

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

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.

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

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

Blocks with sticky mode enabled (Button Misc / tab Display) 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.

AFTER PARAGRAPH 12

PRO Fixed sticky ads over the page

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

Sticky ads are displayed in a layer above the page content 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.

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

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

AFTER PARAGRAPH 14
[(]1 word[)]BEFORE PARAGRAPH 15[(]1 word[)]

[(][)]BEFORE IMAGE 3[(][)]
ad inserter sticky settings
AFTER IMAGE 3

AFTER PARAGRAPH 15
AFTER CONTENT
POST
AFTER POST
FOOTER
Skip to toolbar
JAVASCRIPT NOT WORKING
POST