yasuo3o3

andW Fixed Footer is a responsive mobile-first fixed footer plugin for WordPress. It displays a customizable footer bar on mobile devices with scroll-based show/hide behavior.
<h4>Key Features</h4>
<ul>
<li>Responsive Design: Configurable screen width threshold (default: 768px)</li>
<li>Scroll Interaction: Shows on scroll down, hides on scroll up</li>
<li>Flexible Layout: 2-6 button layout options</li>
<li>Customizable Styling: Colors, icons, links, and text fully configurable</li>
<li>Font Awesome Support: Icon display with external Font Awesome plugin</li>
<li>Close Button: Temporary hide functionality for users</li>
<li>Two-tier Structure: Button area and bottom text area</li>
</ul>
<h4>Configuration Options</h4>
General Settings 
* Plugin enable/disable 
* Display mode (2-6 button layout) 
* Button height 
* Screen width threshold (320-1200px, default 768px) 
* Button width distribution 
* Close button display and position 
* Font Awesome detection status
Button Settings (up to 6 buttons) 
* Enable/disable individual buttons 
* Background and text colors 
* Font Awesome icon codes 
* Label text 
* Link URLs (tel:, mailto:, https:// supported)
Bottom Bar 
* Background and text colors 
* Multi-line text (automatic line break conversion)
<h4>Use Cases</h4>
<ul>
<li>Corporate website phone/email contact</li>
<li>E-commerce inquiry buttons</li>
<li>Store location/reservation links</li>
<li>Service website resource requests</li>
</ul>
<h4>Security Features</h4>
<ul>
<li>Proper input sanitization</li>
<li>Output escaping</li>
<li>Nonce authentication for settings protection</li>
<li>Administrator permission checks</li>
</ul>
<h3>Technical Notes</h3>
<h4>対応URL形式</h4>
<ul>
<li>tel:086-000-0000</li>
<li>mailto:info@example.com</li>
<li>https://example.com</li>
<li>http://example.com</li>
</ul>
<h4>CSS Class Names</h4>
<ul>
<li><code>.andw-fixed-footer-wrapper</code> – Main container</li>
<li><code>.andw-footer-buttons</code> – Button area</li>
<li><code>.andw-footer-button</code> – Individual button</li>
<li><code>.andw-footer-bottom</code> – Bottom text area</li>
</ul>
<h4>JavaScript API</h4>
<pre><code>`javascript
</code></pre>
// Show 
window.andwFixedFooter.show();
// Hide 
window.andwFixedFooter.hide();
// Close 
window.andwFixedFooter.close();
// Check visibility 
window.andwFixedFooter.isVisible(); 
 `

andW Fixed Footer

A responsive fixed footer plugin for WordPress with mobile-first design and scroll-based behavior.

Tapan Kumer Das

WPWing

Sticky Block for Gutenberg is a container block that sticks to the top or bottom of the page once the visitor scrolls past it. Drop any blocks inside — a navigation menu, a call-to-action, a contact button, a sidebar widget — and they will follow the reader down the page.
Unlike CSS <code>position: sticky</code> (which only works within its parent scroll container), Sticky Block for Gutenberg uses <code>position: fixed</code> with intelligent scroll detection, so it works reliably in any layout.
<h4>Key Features</h4>
<ul>
<li>Multiple sticky blocks per page — place as many sticky blocks as you need, each with its own settings.</li>
<li>Container block — nest any Gutenberg blocks inside: navigation, buttons, headings, images, widgets.</li>
<li>Top or bottom sticky — choose whether the block locks to the top or bottom of the viewport. Cookie bars, chat widgets, and floating CTAs belong at the bottom.</li>
<li>Show only after scrolling — hide the block entirely at page load and reveal it only after the visitor scrolls past the trigger point. Pairs naturally with an entry transition for a smooth appear effect.</li>
<li>Top offset — set how many pixels of space to leave between the sticky block and the top of the viewport.</li>
<li>Admin toolbar aware — automatically shifts down for logged-in users who have the WordPress admin bar visible.</li>
<li>Z-index control — fine-tune stacking order so the sticky block always sits above (or below) other elements.</li>
<li>Scroll direction mode — choose “Always sticky” or “Only while scrolling up” (the pattern used by modern sticky headers that appear on the way back up).</li>
<li>Stop before an element — un-stick the block before it overlaps a footer or another landmark, using a CSS selector (e.g. <code>#footer</code>).</li>
<li>Disable on mobile — turn off sticky behaviour below a configurable viewport breakpoint (default 768 px).</li>
<li>Disable on desktop — turn off sticky behaviour above a configurable viewport breakpoint. Useful for elements that should only float on smaller screens.</li>
<li>Sticky-state background color — set a background color that only appears while the block is stuck, e.g. a solid white behind a transparent nav.</li>
<li>Sticky-state text color — change the text color when sticky, so a transparent header with light text can switch to dark text on a white background.</li>
<li>Sticky-state shadow — add a drop shadow (Small / Medium / Large) that appears only when the block is in sticky position.</li>
<li>Sticky-state padding (all sides) — control top, bottom, left, and right padding independently, applied only while the block is stuck.</li>
<li>Sticky-state border — add a Solid or Dashed border with custom width and color that appears only in the sticky state.</li>
<li>Full width when sticky — instantly expand the block to span the full viewport width the moment it becomes sticky, ideal for navigation bars.</li>
<li>Entry & exit transition — animate the block smoothly in and out of the sticky state with Fade, Slide down, or Fade + Slide, with a configurable duration.</li>
<li>Custom class when sticky — add your own CSS classes to the block when it becomes sticky, for advanced theme integration.</li>
<li>Block transforms — convert any Group block into a Sticky Block (and back) directly in the editor, without rebuilding.</li>
<li>Accessibility — set an <code>aria-label</code> on the sticky wrapper to give screen reader users useful context.</li>
<li>Zero dependencies — no jQuery. The frontend script is plain JavaScript, under 4 KB minified.</li>
</ul>
<h4>How to use</h4>
<ol>
<li>In the block editor, search for Sticky Block and insert it anywhere on your page.</li>
<li>Add blocks inside it — a Navigation block, a Button, a Group, anything you like.</li>
<li>Open the block settings panel on the right and adjust offset, z-index, scroll behaviour, and sticky-state styles.</li>
<li>Preview your page and scroll — the block will stick to the top (or bottom) of the viewport.</li>
</ol>

Sticky Block for Gutenberg

Make any block sticky. A lightweight Gutenberg container block that fixes its content to the top of the viewport as visitors scroll — no coding requir …

andW Fixed Footer vs Sticky Block for Gutenberg