Interactions in WebWave - website builder with no coding - allow you to show and hide elements or change their visibility without reloading a website. With interactions you car create your own popup, a slider with a video/lightbox/newsfeed, complex menu, the tooltip on images and more.

 

Change element visibility

Show element

Hide element

Additional settings

 

Change element visibility

Changing element vsibility allows you to show and hide element with only one button. 

 

  1. Add to your website elements and a button.
     
  2. Select button and go to "Click action".
     
  3. Perform interaction and toggle elements visibility. 
     
  4. "Select elements" and mark on list elements, which visibility you'd like to change.
     
  5. From now on, the button will show and hide the chosen elements. 

 

 

Keep in mind that in order to see interactions, you need to go to webpage preview or publish your website.

 

 

Show element

Show element allows you to show on website elements, which were hidden in layers with only one button. 

 

  1. Add to your website elements and a button.
     
  2. Select button and go to "Click action" in the Settings panel.
     
  3. Perform interaction and show elements.
     
  4. "Select elements" and mark on list elements, which you'd like to show. 
     
  5. Hide in layers panel all elements from the previous list.
     
  6. From now on, the button will show the chosen elements.

 

 

Keep in mind that in order to see interactions, you need to go to webpage preview or publish your website.

 

 

Hide element

Hide element allows you to hide on website elements which are active in layers with only one button. 

 

  1. Add to your website elements and a button.
     
  2. Select button and go to "Click action" in Settings panel.
     
  3. Perform interaction and hide elements.
     
  4. "Select elements" and mark on a list elements which you'd like to hide. 
     
  5. From now on, the button will hide chosen elements.

 

 

 

Keep in mind that in order to see see interactions, you need to go to webpage preview or publish your website.

 

 

Additional settings

On show animation

Every element with interaction can also have an active on show animation. When user clicks on the element, it can fly in, fade in, be revealed and more. 

 

On hide animation

Every element with interaction can also have an active on hide animation. When user clicks on the element, it can fly out, fade out, hide and more. 

 

A few interactions at the same time

One button can have many interactions at the same time. When user clicks on it, some elements can hide and some others can appear at the same time.

 

Add interactions to your website

Show and hide elements without reloading a website

15 January 2019

Back

This website has been entirely created using our web design software WebWave. We use cookies to give you the best possible experience. Read more.

FIND US ONLINE

HELP DOCS

WEBWAVE

FOR CUSTOMERS

OFFER

WEBSITE BUILDER

Click here to chat with us.

CONTACT

contact@webwave.me

PANEL WEBMASTERA

GET STARTED

Free website builder WebWave makes creating websites effortless. You can start building your website either from scratch with a blank page or, if you are looking for some inspiration, with a free template.  Web design software for free? It is easy!

Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.

 

Missing any feature? Share your ideas with us.

 

PANEL WEBMASTERA

LOG IN

GET STARTED