Float Any Demo

January 27, 2021
Back to the info page

Demo selector

You can select multiple Float Any demos at the same time, which is simulating the real usage as well, since the plugin do not limit the number of Float Any menus' appearing on one page. However, it's the best if you first explore demos one by one. Simply select one and deselect the others. At the end, you should try multiple selected demos.

Major demo (Grouped elements)

This demo encompasses the most of the Float Any's available elements. Change some of its options bellow.
Menu Togglers note: Menu can be toggled (the little icon at the end of the menu's box). For each menu you can set the toggler to hide/reveal all floating menus, to hide/reveal just the current one or at last to exclude the toggler from the menu. See, with this Major demo, toggler will toggle all floating menus (necessary that you enable multiple Float Any's menu demos from the Demo selector), while other demos on this page have either self closing or excluded toggler.

Product example

77$

Buy

Panels demo (from a menu) – COMING SOON

This demo is particularly dedicated to the panels initialed from the Float Any's menu. Notice the menu and its panel triggers in the left/top corner of the browser. You can change some of the options available with panel popups bellow, however note that there are the options that are out of this demonstration (like the ability to banish the box, i.e. once closed won't be shown on further page reload, then panel without the button trigger, i.e. shown just on the initial page's load, etc). Do see documentation for all the options that come with Float Any's panel popups.
3rd panel appears inline, i.e. along its menu.

Panels demo (from content) – COMING SOON

The following examples show you panels triggered from the content. Click on each link element to see panels popup.

From the image:

Link in the paragraph:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean iaculis, velit malesuada convallis. Nunc vitae nibh vitae nulla cursus tempus.

From the button:

See panel

Igniter demo

This demo shows you how the igniter option works. Notice the icon on the left side of the screen. You can change it to any Font Awesome icon or set the image if you prefer. When clicked, it reveals other elements. You can set any available element to work in Igniter, still for this demonstration we just set the empty buttons.

Simple info bar demo

This demo shows how the "Simple info bar" element can be used as the announcement. Off course, you can use panels to set more complex messages, but this element is for the quick publishing of short messages or it can be used as a menu title.

For this purpose, info bar is revealed at the bottom of the browser. Further, for this demo, we enabled the Float Any's option to appear "Beneath page's element" (assigned exampled product). So, if you scroll to the top of the page, you should notice the generated product and the announcement bar will be shown once you scroll beneath of it.

With "grouped demo" you can see the announcement's "Major" role

Pagger nav (Shortcode): With this menu we made it simple, no additional options to test. It’s the Float Any’s menu displayed as a shortcode through the Gutenberg editor that sticks on the top of the browser, i.e. as a floating menu located top and aligned center. At the same time it’s a One page navigation demo, click on its anchor links to scroll to the different section of the page.

Horizontal menu (Shortcode): With this menu we made it simple, no additional options to test. It’s the Float Any’s menu displayed as a shortcode through the Gutenberg editor with a horizontal direction and images used as anchors.

Vertical menu (Shortcode): With this menu we made it simple, no additional options to test. It’s the Float Any’s menu displayed as a shortcode through the Gutenberg editor with a vertical direction and images used as anchors.

Our team

Our team is dedicated to provide great support to our respected clients. We have worked on prominent projects this year and maybe the next could be yours.

Copy coupons

In the page content, you can easily set coupon codes to be copied on the click. You can set a multiple words/sentence or random characters as the coupon. This is a logical addition to the Float Any’s panels and it’s meant to be used in panels usually, but nothing can stop you from using it somewhere else. Copy coupon examples:

Get coupon code!

This text is a coupon code

Coupon code 2!

Af234X

By using our site you comply with our privacy policy. Our site is using Website cookies and those are only default cookies used by our content management system. You can read more from the privacy policy page.