popup that unfolds, accordion style
-
Hello,
How to create a popup that opens on click via a tab that is located on the left of the screen (popup that unfolds, accordion style)?Thanks
- This topic was modified 1 year, 4 months ago by renaisonp.
-
Can you kindly share an example?
I don’t have an example here, but the principle is known.
You have a tab for example on the right of the screen, you click on it and the popup unfolds (accordion).
The closing cross makes it close, it becomes a tab again.That’s an accordion popup.
Can you please check the popup in this page?
Are you talking about something like that, but instead of it being position on the bottom right corner, you are trying to position the popup on the right side of the page?
Yes that’s exactly it, how to do it?
Create a new popup and choose that Preset Popup (1st popup from the Contact Forms & Lead Capture section). Then Change the position of the Popup on right from the “Popup Layout” tab for both the steps. Then customize the steps to your need. You can also use this preset (3rd popup from Help & Faqs section): https://demo.getbrave.io/?brave_popup=9999999&popup_step=1&brave_force_preset=true&brave_preview=-MHHpxHHq94yr6rOog5u
You can make the first step link to the 2nd step by placing a text, shape/icon or button element, and then turn on the “Make Clickable” option from the “Actions” tab of that element, and set the click action to “Go to Step” and insert 2 in the field.
Once you are done, Open the first step’s “Popup Animation” tab, and then select the “FadeInLeft” option. Then click the “Close” tab, and select the “FadeOut” left option. Do the same for the second step as well.
Thanks very much
And isn’t there a similar model that I can copy?
The only one I could find is the 2nd one I shared: (3rd popup from Help & Faqs section):
After importing it you have to change the Animation as I described in my previous reply.
And can you write or put a button with vertical inscription?
I did not find (rotate text 90°)Yes you can. Right click on the button element and then click “Rotate”. A slider will appear in the bottom of the screen, slide it to rotate the element.
Yes, with right menu, rotation,
thanks again
Here I just did this tab on the right :
https://www.alcor-controles.fr/diagnostic-pollution-des-sols/
And what’s great is that it doesn’t impact the loading of the page, even if the STEP 2 image is more than 1 MB…
thank you
Great! Large images could still make your visitor’s experience unpleasant. You can use the image compressor we built a year ago. It reduces the images size significantly while keeping the image quality and resolution the same. https://compressimage.io
After compressing the image, upload the new image on your wordpress library, and use that image instead of the current one.
Best Regards
Indeed I went from 1.3 MB to 487 KB without loss
thanks again
Another question please: when you click on a link or an image in a page, I would like the STEP2 window to open, which link should I use?, because the link #brave_open_popup_78748 or url https://www.alcor-controles.fr/#brave_open_popup_78748 does not work
- This reply was modified 1 year, 4 months ago by renaisonp.
You cannot open step 2 of the campaign, only step 1. If you have linked the image correctly, it should display the step 1 of the campaign fine. Can you please share the page link where the image is visible?
- The topic ‘popup that unfolds, accordion style’ is closed to new replies.