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.

PanelLets see panel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean iaculis, velit a bibendum sodales, sapien odio elementum ipsum, eget pharetra purus nulla a nibh. Etiam eget erat vitae enim ullamcorper pellentesque. Ut semper ullamcorper nisi ac fringilla. Morbi nunc quam, vehicula id libero et, euismod sagittis libero.

Another panelsee panel 2

Maecenas id eleifend lacus. Pellentesque at ex sit amet sapien dapibus euismod in sit amet mauris. Nullam dignissim orci nibh, vel faucibus tortor dapibus vitae. Integer vestibulum quam nec malesuada convallis. Sed dictum tortor at velit dictum convallis imperdiet in ante. Vivamus euismod dignissim risus eget tincidunt. Vestibulum imperdiet orci sed mollis rhoncus.

Section 1Jump to a sectionSection 2jump to a section 2 Toggle elements

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.

John DoeJohn DoeFounder

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean iaculis, velit a bibendum sodales, sapien odio elementum ipsum, eget pharetra purus nulla a nibh. Etiam eget erat vitae enim ullamcorper pellentesque. Ut semper ullamcorper nisi ac fringilla. Morbi nunc quam, vehicula id libero et, euismod sagittis libero.

Janne BoeJanne BoeCEO

Maecenas id eleifend lacus. Pellentesque at ex sit amet sapien dapibus euismod in sit amet mauris. Nullam dignissim orci nibh, vel faucibus tortor dapibus vitae. Integer vestibulum quam nec malesuada convallis. Sed dictum tortor at velit dictum convallis imperdiet in ante. Vivamus euismod dignissim risus eget tincidunt. Vestibulum imperdiet orci sed mollis rhoncus.

Jannis GoeJannis GoeSupport manager

Nunc vitae nibh vitae nulla cursus tempus. Mauris condimentum vitae libero sed placerat. Nam porttitor sed arcu nec porta. Aenean iaculis cursus mauris, ut blandit nulla condimentum non.

Jimmy VoeJimmy VoeCreative organizer

Nullam dignissim orci nibh, vel faucibus tortor dapibus vitae. Integer vestibulum quam nec malesuada convallis. Sed dictum tortor at velit dictum convallis imperdiet in ante. Vivamus euismod dignissim risus eget tincidunt. Vestibulum imperdiet orci sed mollis rhoncus. Nunc vitae nibh vitae nulla cursus tempus.

Toggle elements

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

Get social Toggle elements
HomeExample linkgo to the example linkSocialGo to face Call us+555555555PanelSee panel

This is initially open panel, i.e. it pops-up on page load. It's the part of the Major demo from this page. You can explore several demos here, where each is showing different things Float Any can make. Use the Demo Selector bellow to explore each demonstration.

Some short message
Optional additional text on hover
Searchsearch hereTo topBack to top Toggle elements
Toggle elements
We have a special promotion for our best selling product today
BUY NOW! Toggle elements