From content panels (linked)

By default Float Any panels appear on page load. Still, another option is to show the panels triggered from the content. The following examples show how it can be set. Click on each link element to see panels popup, while their positions are set from the panels' settings.

From the image:

[floatany id="25107" name="fany-linked-1"]

Link in the paragraph:

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

[floatany id="25109" name="fany-linked-2"] [floatany id="25109" name="fany-linked-2"]

From the button:

[floatany id="25227" name="fany-linked-3"]

From content panels (on hover)

By default Float Any panels appear on page load. Still, another option is to show the panels triggered from the content. The following examples show how it can be set. Hover on over each link element to see panels popup, while their positions are set from the panels' settings.

From the image:

[floatany id="25218" name="fany-onhover-1"]

This on is closed with hover out from the panel.

Link in the paragraph:

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

[floatany id="25109" name="fany-onhover-2"]

This one is closed with a click.

From the button:

This one is closed with a click.

[floatany id="25234" name="fany-onhover-3"]

From content panels (inline position + linked)

Position Float Any panels inline, i.e. next to the trigger element. Click on each link element to see panels popup.

From the image:

[floatany id="24957" name="fany-inline-1"]

This one is set with position on the right.

Link in the paragraph:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean iaculis, velit malesuada convallis.

[floatany id="25096" name="fany-inline-2"]

This one is set with a full row. Still, you can set the panel to take, for example, 90% of the row.

From the button:

[floatany id="25218" name="fany-inline-3"]

This one is set with position on the left.

Conditional panel

You can make any Float Any panel conditional. Various conditions are available (like particular pages condition, User logged-in/logged-out status, events on time or scrolling, date campaign, etc.). You can see all available options in the documentations.

Example:

This is an example of the Float Any panel's appearance based on the condition to show it "Beneath element's viewpoint". You see, we have a dummy content just beneath this paragraph. While you're scrolling down, Float Any panel is set to appear once the image element goes out of view.

START DUMMY CONTENT

This image is the conditional trigger

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien ligula, porttitor in aliquam nec, condimentum vitae nisi. Morbi viverra dolor et sodales mattis. Proin at placerat eros, et interdum dolor. Donec id libero non metus elementum pellentesque. Ut non elit sapien. Proin lobortis rhoncus ipsum, eu lacinia ligula tincidunt in. Sed dui mi, ullamcorper vitae mi et, mollis sodales turpis. Donec at fermentum massa. Donec sollicitudin tempus sollicitudin. In congue dolor et tortor vehicula, facilisis pellentesque lorem sollicitudin. Vestibulum quis sollicitudin orci. Proin lobortis purus id augue mattis viverra. Praesent ante tellus, venenatis quis scelerisque non, mattis ac ante. Pellentesque dignissim lectus sit amet auctor commodo. Nulla quis commodo felis. Curabitur nec metus blandit, ornare erat elementum, pharetra mauris.

Pellentesque ac vehicula augue. Quisque finibus velit felis, in pharetra dolor egestas ac. Praesent eu mi odio. Phasellus non vulputate massa. Sed a diam sed odio condimentum dapibus at sed metus. Proin gravida massa quis odio porttitor gravida. Aenean nec varius lectus, vitae iaculis felis. Nunc in erat vel ligula varius sollicitudin eu a enim. Maecenas vitae pharetra sem. Sed porta, dui vel porta fringilla, enim ipsum tempus purus, a congue elit lacus quis urna. Donec sed massa volutpat, condimentum tortor vitae, tempor tellus. Phasellus iaculis tortor dui, non tincidunt sapien vulputate sit amet.

Donec bibendum ipsum sapien, vel gravida enim tristique in. Aliquam bibendum sed risus sed semper. Aenean posuere leo quis dui sollicitudin, et mollis diam tempor. Nullam vestibulum magna in malesuada auctor. Ut sit amet volutpat risus, vitae semper lectus. Phasellus lacinia efficitur nibh, sit amet volutpat leo pellentesque non. Praesent interdum purus quis nulla congue, et maximus arcu pharetra. Vestibulum libero sem, posuere at malesuada et, viverra a nisi. Sed ullamcorper, sapien at maximus semper, nisi elit vestibulum dui, ut consequat purus velit feugiat elit. Vestibulum non quam at nisl aliquet tristique sed non lectus. Nullam viverra ornare nisl, quis gravida urna gravida at.

Nunc eget est ligula. Suspendisse at mi posuere, maximus erat quis, mattis erat. Fusce porta orci eu tellus vehicula viverra. Curabitur porta vestibulum erat ut tempus. Curabitur aliquam maximus nisi, ac dignissim magna bibendum eu. Maecenas lacinia ornare ante, eu vestibulum nisi dignissim ut. Nullam ante ligula, pulvinar et leo id, aliquam euismod urna. Vivamus sit amet ultricies tortor. Phasellus quis ante aliquam, luctus neque sit amet, vestibulum odio. Etiam commodo ante ut felis laoreet pellentesque. Nullam lobortis arcu ut ligula lobortis, vel imperdiet lorem fermentum.

Pellentesque ac vehicula augue. Quisque finibus velit felis, in pharetra dolor egestas ac. Praesent eu mi odio. Phasellus non vulputate massa. Sed a diam sed odio condimentum dapibus at sed metus. Proin gravida massa quis odio porttitor gravida. Aenean nec varius lectus, vitae iaculis felis. Nunc in erat vel ligula varius sollicitudin eu a enim. Maecenas vitae pharetra sem. Sed porta, dui vel porta fringilla, enim ipsum tempus purus, a congue elit lacus quis urna. Donec sed massa volutpat, condimentum tortor vitae, tempor tellus. Phasellus iaculis tortor dui, non tincidunt sapien vulputate sit amet.

Donec bibendum ipsum sapien, vel gravida enim tristique in. Aliquam bibendum sed risus sed semper. Aenean posuere leo quis dui sollicitudin, et mollis diam tempor. Nullam vestibulum magna in malesuada auctor. Ut sit amet volutpat risus, vitae semper lectus. Phasellus lacinia efficitur nibh, sit amet volutpat leo pellentesque non. Praesent interdum purus quis nulla congue, et maximus arcu pharetra. Vestibulum libero sem, posuere at malesuada et, viverra a nisi. Sed ullamcorper, sapien at maximus semper, nisi elit vestibulum dui, ut consequat purus velit feugiat elit. Vestibulum non quam at nisl aliquet tristique sed non lectus. Nullam viverra ornare nisl, quis gravida urna gravida at.

Nunc eget est ligula. Suspendisse at mi posuere, maximus erat quis, mattis erat. Fusce porta orci eu tellus vehicula viverra. Curabitur porta vestibulum erat ut tempus. Curabitur aliquam maximus nisi, ac dignissim magna bibendum eu. Maecenas lacinia ornare ante, eu vestibulum nisi dignissim ut. Nullam ante ligula, pulvinar et leo id, aliquam euismod urna. Vivamus sit amet ultricies tortor. Phasellus quis ante aliquam, luctus neque sit amet, vestibulum odio. Etiam commodo ante ut felis laoreet pellentesque. Nullam lobortis arcu ut ligula lobortis, vel imperdiet lorem fermentum.

END DUMMY CONTENT

[floatany id="25119"]