Webyx

terenziocensoni

Rodolfo Cucchiella

The first and most powerful plugin to create awesome fullpage fullscreen vertical and horizontal scrolling websites effortlessly on WordPress for Elementor.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/TUslpzyxgxc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>💡 WHAT YOU CAN DO</h3>
Webyx for Elementor is a plugin for WordPress that allows you to create amazing fullpage fullscreen scrollable websites quickly and easily with Elementor’s visual editor and drag-and-drop builder.
If you want to see and try something made with Webyx, go to our <a href="https://demo.webyx.it/" rel="nofollow ugc">DEMO website!</a>
<h3>💎 WEBYX PRO FOR ELEMENTOR</h3>
With the <a href="https://gum.co/u/hcgoaizz" rel="nofollow ugc">PRO version</a> you will also be able to create landing, single or multi page websites or manually shape the view appearance you want to show.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/LhGXs3Ttv6U?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
If you have both FREE and PRO version on the same installation, the PRO version will be the one that will be loaded.
You must remember to check and activate the options that may be different between the two versions.
⚠️ IMPORTANT NOTE: it is not possible to directly upgrade from the FREE version to the PRO version, they are two different products and not one the extension of the other. 
If you are using the FREE version and have created something with it, you will have to redo them again in the PRO version.
<h3>🚀 TRY WEBYX FREE FOR GUTENBERG</h3>
Are you also Gutenberg users and enthusiasts? 
We have the version of Webyx explicitly built for Gutenberg. 
Download and try the <a href="https://wordpress.org/plugins/webyx/" rel="ugc">Webyx Free for Gutenberg</a> version of our dedicated plugin!
<h3>🎁 WebyxUI: join our Exclusive BETA!</h3>
We are thrilled to announce the upcoming launch of our new product, <a href="https://gum.co/u/rmtlgcnq" rel="nofollow ugc">WebyxUI</a>. 
We would like to offer you an exclusive opportunity to be among the firsts to experience it: we are opening 20 spots for BETA testers for FREE! 
By joining our BETA program, you will get early and FREE access to <a href="https://gum.co/u/rmtlgcnq" rel="nofollow ugc">WebyxUI</a> and have the chance to provide feedback that will help shape the final version.
<h3>🎁 FEATURES OF THE FREE VERSION</h3>
<ul>
<li>Sections</li>
<li>Section content position</li>
<li>Panel style</li>
<li>Template design</li>
<li>Continuous horizontal</li>
<li>Animation easings and speeds</li>
<li>Navigation arrows</li>
<li>Navigation bullets</li>
<li>Navigation mouse wheel</li>
<li>Navigation keyboard</li>
<li>Fullscreen button</li>
<li>Hide scrollbar</li>
<li>Loading splash screen</li>
<li>Mobile settings</li>
<li>Lockable horizontal swipe</li>
<li>Custom CSS</li>
<li>Built-in responsive menu</li>
<li>Responsive</li>
<li>Touch support</li>
<li>Clean and minimized code</li>
<li>Compatible with all modern browsers</li>
<li>No jQuery</li>
<li>Easy to use with hundreds of configurable options</li>
<li>…and much more</li>
</ul>
<h3>🏆 FEATURES OF THE PRO VERSION ONLY</h3>
<ul>
<li>View design</li>
<li>Customizable Webyx header with menu</li>
<li>Customizable header with Elementor widgets</li>
<li>Anchors</li>
<li>Scrolling content</li>
<li>Continuous vertical</li>
<li>Horizontal animation</li>
<li>Horizontal scrolling</li>
<li>Horizontal scrolling smooth animation and duration</li>
<li>Card style</li>
<li>Parallax effect</li>
<li>Indipendent animation types on X and Y axes</li>
<li>Fade and toggle animations</li>
<li>Normal scrolling website</li>
<li>Section height autofill</li>
<li>Lockable vertical movement</li>
<li>Mobile movement threshold</li>
<li>Switchable foregrounds for each Section background</li>
<li>Different backgrounds for each device type</li>
<li>Background audio</li>
<li>Background video</li>
<li>Event hooks</li>
<li>Visible or hidden Sections on the fly</li>
<li>Automatic updates management</li>
<li>Rollback to previous versions</li>
<li>…and much more</li>
</ul>
<h3>📖 QUICK USER’S GUIDE</h3>
For a more complete documentation visit our website at <a href="https://webyx.it/wfe-guide" rel="nofollow ugc">Webyx FE</a>.
<h4>How to enable Webyx FE in Elementor</h4>
<ol>
<li>Create a new page in WordPress.</li>
<li>In pages attributes find the Template select and choose Webyx FE. 
NOTE: if you select the webyx FE template through the Elementor general settings page, you will need to refresh the editor page to display webyx template correctly.</li>
<li>Edit the page with Elementor.</li>
<li>Click on Settings button. You will see Webyx tab.</li>
<li>Go to WEBYX FE tab.</li>
<li>Toggle Enable Webyx option.</li>
<li>Click on Apply Changes.</li>
<li>Wait for the page preview to refresh. </li>
</ol>
NOTE: toggling the “Enable Webyx” option in SECTION GENERAL OPTIONS you can disable the work done with Webyx and go back to the classic mode of Elementor sections on the fly, without losing what has been previously done. 
IMPORTANT: The PRO version, if installed, disables the normal loading of the FREE version, so you can keep only one of the two versions active at a time.
<h4>WEBYX FE SECTIONS/CONTAINERS</h4>
Webyx for Elementor allows you to wrap Elementor sections/containers into Webyx sections/containers. 
Webyx sections/containers are wrappers that incorporate the original Elementor sections/containers and contain specific attributes and/or webyx settings. 
To be able to carry out this transformation, enable the “Enable Webyx Section/Containers” toggle: in this way the Elementor source section/containers will be displayed in the editor in full screen mode 
and the original light blue Elementor overlay border will be shown in purple colour.
⚠️ IMPORTANT: for Webyx to function properly, you must keep the root element active. 
In particular, pay attention if you are using Containers: those nested inside the root element MUST necessarily have this option deactivated, otherwise the system will not work correctly. 
From now on we will use the term Section for both Sections and Containers (<a href="https://wordpress.org/support/topic/working-on-compatibility-with-elementor-flexbox-containers/#post-16696168" rel="ugc">IMPORTANT NOTES FOR ELEMENTOR CONTAINERS</a>).
NOTE: Webyx FE sections/containers are containers that can have any type of content.
To create the full screen flow of contents you can use the 2 types of sections provided by Webyx:
<ol>
<li>Front Sections (or Containers)</li>
<li>Side Sections (or Containers)</li>
</ol>
Front Sections
A Front Section appears as the leader of a strip of sections. 
Remember that the height of the section will automatically extended to the height of the inserted content inside the Elementor’s visual editor preview. 
While in the actual website if the content exceeds the viewport you can view it by enabling the “scrollable content” option.
IMPORTANT: the very first section of your website MUST be a Front Section.
Side Sections
Side Sections will be placed laterally and immediately following their respective leaders on the website, while inside the visual editor they will be presented one below the other vertically following their order.
<h4>Webyx FE Settings</h4>
To customize general plugin settings just go to Settings > Webyx FE Settings.
<ul>
<li>Hide WP admin top bar: hide WP admin top bar in Webyx pages preview.</li>
<li>Enable Webyx menu: enable Webyx menu “Display location” in Appearance/Menus/Menu structure/Menu settings.</li>
</ul>
<h4>Languages</h4>
<ul>
<li>English</li>
</ul>
<h4>Documentation and Support</h4>
<ul>
<li>For documentation visit our website at <a href="https://webyx.it/wfe-guide" rel="nofollow ugc">Webyx FE</a>.</li>
</ul>

Webyx for Elementor – Fullpage Fullscreen Scrolling Websites

Webyx for Elementor is a simple way to create amazing fullpage full screen scrollable websites in WordPress with Elementor builder.

Lukas Rydygel

Jinx Fast-Cache provides a simple but highly efficient way to implement full-page caching. It generates static HTML files of your pages, which are then served directly by your web server (Apache or Nginx).
By bypassing the entire PHP process and database queries, your server load is significantly reduced and your website response time becomes near-instant. Unlike many other plugins, Jinx Fast-Cache is built with a developer-first approach, working primarily with URLs and offering deep integration via filters and actions.
<h3>Usage</h3>
<h3>Server Configuration</h3>
To serve the cached files directly, you must add rewrite rules to your server configuration.
For Apache (.htaccess): 
The plugin will attempt to modify your <code>.htaccess</code> automatically. If it fails, add this manually:
<pre><code># BEGIN Jinx Fast-Cache
RewriteEngine On
RewriteBase /
RewriteCond %{DOCUMENT_ROOT}/wp-content/jinx-fast-cache/%{HTTP_HOST}/%{REQUEST_URI}/%{QUERY_STRING}/index.html -s
RewriteCond %{REQUEST_METHOD} GET
RewriteRule .* /wp-content/jinx-fast-cache/%{HTTP_HOST}/%{REQUEST_URI}/%{QUERY_STRING}/index.html [L]
# END Jinx Fast-Cache
</code></pre>
For Nginx: 
Add the following logic to your server block:
<pre><code>set $cache_path false;
if ($request_method = GET) {
 set $cache_path /wp-content/jinx-fast-cache/$host/$uri/$args/index.html;
}
location / {
 try_files $cache_path $uri $uri/ /index.php?$query_string;
}
</code></pre>
<h3>Cache Management</h3>
<ul>
<li>Admin Bar: You can flush (clear), warm (generate), or refresh (flush & warm) single or multiple URLs directly from the admin bar.</li>
<li>Automatic Updates: Posts are automatically “warmed” after saving and “flushed” when deleted or set to draft.</li>
<li>Background Processing: The warming process uses a background queue handled via WordPress Cron to ensure server stability. Single post warming skips the queue for immediate results.</li>
<li>Plugin Updates: The cache is automatically refreshed after the plugin is updated.</li>
</ul>
<h3>Developer API</h3>
Jinx Fast-Cache is highly extensible. While a settings panel is available, developers can fine-tune every detail via filters and actions.
<h3>1. Filters</h3>
<ul>
<li>jinx_fast_cache_active: Toggle caching for specific conditions (default: false).</li>
<li>jinx_fast_cache_post_types: Define which post types should be cached (default: ‘page’ and ‘publicly_queryable’ types).</li>
<li>jinx_fast_cache_posts: Filter the specific list of post objects to be cached.</li>
<li>jinx_fast_cache_taxonomies: Define which taxonomies are cacheable.</li>
<li>jinx_fast_cache_terms: Filter the specific list of terms to be cached.</li>
<li>jinx_fast_cache_output: Modify the raw HTML content before it is saved to the cache file.</li>
<li>jinx_fast_cache_minify: Enable/disable HTML minification (default: false).</li>
<li>jinx_fast_cache_flush: Define additional related URLs that should be cleared when a specific page is flushed.</li>
<li>jinx_fast_cache_warm: Define additional related URLs that should be preloaded when a specific page is warmed.</li>
<li>jinx_fast_cache_queue_interval: Adjust the cron task frequency for the warming queue (default: 60s).</li>
<li>jinx_fast_cache_queue_size: Adjust the batch size per cron task (default: 10). Set to <code><= 0</code> to process everything at once (Caution: High server load).</li>
<li>jinx_fast_cache_gc_interval: Adjust the Garbage Collector frequency to remove invalid files (default: 60s).</li>
<li>jinx_fast_cache_ignore_logged_in_users: Toggle caching for logged-in users (default: true).</li>
<li>jinx_fast_cache_ignore_404: Toggle if 404 error pages should be cached (default: false).</li>
<li>jinx_fast_cache_query_params: Define allowed query parameters. Return <code>__return_empty_array</code> to ignore all parameters.</li>
<li>jinx_fast_cache_refresh_on_upgrade: Toggle the full cache refresh after plugin updates (default: true).</li>
<li>jinx_fast_cache_ttl: Define the cache lifetime (TTL). Supports seconds (e.g., 3600) or strings (e.g., ’12 hours’, ‘1 week’).</li>
</ul>
<h3>2. Dynamic Injections (AJAX)</h3>
Since static HTML files cannot execute PHP, Jinx allows you to “inject” dynamic content (like a user’s name or a shopping cart) via AJAX.
Injecting a Template Part:
<pre><code>do_action('jinx_fast_cache_inject_template', 'template-slug', 'Placeholder text...');
</code></pre>
Injecting via Function Call:
You can call any public function or class method:
<pre><code>do_action('jinx_fast_cache_inject', 'date', ['Y']);
do_action('jinx_fast_cache_inject', ['MyClass', 'myMethod'], [$arg1, $arg2]);
</code></pre>
Using Shortcodes:
<pre><code>[jinx_fast_cache_inject placeholder="Loading..."] Your dynamic content here [/jinx_fast_cache_inject]
</code></pre>
JS Callbacks:
Trigger custom JavaScript after the content has been injected:
<pre><code>$('.element').on('jinx-fast-cache-inject', (e) => { /* Handle injection */ });
element.addEventListener('jinx-fast-cache-inject', (e) => { /* Handle injection */ }, false);
</code></pre>
<h3>3. URL Tags & Relations</h3>
Tags are a powerful way to link multiple URLs together. If one URL is flushed, all other URLs sharing the same tag will also be purged. This is perfect for linking a “Latest Posts” widget on your homepage to your single post entries.
Via Shortcode:
<pre><code>[jinx_fast_cache tags="news,homepage"]
</code></pre>
Via Action:
<pre><code>do_action('jinx_fast_cache', ['tags' => 'tag1,tag2']);
do_action('jinx_fast_cache', ['tags' => ['tag1', 'tag2']]);
</code></pre>
<h3>4. Per-Page Cache Duration (TTL)</h3>
Override the global TTL for specific high-traffic or highly dynamic pages.
Via Shortcode:
<pre><code>[jinx_fast_cache ttl="3600"] or `[jinx_fast_cache ttl="12 hours"]`
</code></pre>
Via Action:
<pre><code>do_action('jinx_fast_cache', ['ttl' => 3600]);
</code></pre>
Combined Call (Tags + TTL):
<pre><code>do_action('jinx_fast_cache', ['ttl' => 3600, 'tags' => ['foo', 'bar']]);<h3>Roadmap</h3>
</code></pre>
– [x] Release the plugin 
– [x] Add HTML minification for output 
– [x] Allow injection of dynamic rendered templates using ajax requests 
– [x] Add taxonomies 
– [x] Provide scheduled tasks 
– [x] Add admin columns for cache status 
– [x] Provide exclude option for posts and terms in backend 
– [x] Add multisite support 
– [x] Flush and warm after update complete 
– [x] Add possibility to ignore 404 
– [x] Allow query params to be excluded or totally ignored 
– [x] Provide cache duration 
– [x] Provide admin panel to change options 
– [x] Add tags to flush related pages 
– [x] Add shortcode for injects 
– [x] Add JS events for injects 
– [x] Gutenberg inject block

Jinx Fast-Cache

Blazing fast full-page caching for WordPress. Jinx Fast-Cache serves static HTML files, bypassing PHP and database overhead entirely.

Webyx for Elementor – Fullpage Fullscreen Scrolling Websites vs Jinx Fast-Cache