OUTPUT BUFFERING
ABOVE HEADER

Press enter to see results or esc to cancel.

BEFORE POST

Sticky Blocks

[(]467 words BEFORE CONTENT 467 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
[(]0 words[)]BEFORE PARAGRAPH 3[(]0 words[)]

[(][)]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>
[(]8 words[)]BEFORE PARAGRAPH 5[(]8 words[)]

Check aso troubleshooting section for sticky CSS modes.

AFTER PARAGRAPH 5

Sticky widgets with CSS Push mode

[(]102 words[)]BEFORE PARAGRAPH 6[(]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 6

PRO Sticky blocks in the static page/post content

[(]31 words[)]BEFORE PARAGRAPH 7[(]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 7
[(]0 words[)]BEFORE PARAGRAPH 8[(]0 words[)]

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

AFTER PARAGRAPH 8
[(]52 words[)]BEFORE PARAGRAPH 9[(]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 9
[(]0 words[)]BEFORE PARAGRAPH 10[(]0 words[)]

AFTER PARAGRAPH 10
[(]38 words[)]BEFORE PARAGRAPH 11[(]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 11

PRO Fixed sticky ads over the page

[(]45 words[)]BEFORE PARAGRAPH 12[(]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 12
[(]34 words[)]BEFORE PARAGRAPH 13[(]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 13
[(]0 words[)]BEFORE PARAGRAPH 14[(]0 words[)]

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

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