Need to add a pop-up window

[skanaba]

What is the simplest way to add a pop-up window to the home page of a website so that upon load, the pop-up window fades in?
Are there any extensions that can do this...or what do you recommend? Thank you.

[BaconFries]

You can use a dialog or modal layer for this.
https://wysiwygwebbuilder.com/dialog.html
https://wysiwygwebbuilder.com/morelayers.html
Examples:
https://www.wysiwygwebbuilder.com/suppo ... ydark.html
https://www.wysiwygwebbuilder.com/suppo ... outme.html
https://www.wysiwygwebbuilder.com/suppo ... orate.html

[skanaba]

Hi, thanks for the quick response. Are there any tutorials on how to work with either to create a pop up? Supplying a couple of links helped but I need to know how to execute! Thanks again, Steve

[Pablo]

Adding content to a dialog works just like any other container (layer, layout grid). Simply drag & drop the objects to the dialog.

In version 20, you can access examples via Templates -> Examples, then search for 'Dialog'

https://wysiwygwebbuilder.com/examples.html

[skanaba]

Hi Pablo and Bacon Fries, since we were kind of "stuck", we tried using ChatGPT and got a complete set of detailed instructions and the sample page that we were working on works. Yeah! In case you are interested, here is the question posed to our AI friend: I use wysiwyg web builder version 19 and am trying to create a pop-up for the home page of the website: www.XXX.com (deleted actual url). I can see how to create a dialog box but have no idea of what to do next. Can you please help? Thanks again for your input....and yes, we do plan on going to version 20 as soon as we can.

[BaconFries]

What is missing from the following? Dialog What are you wishing to do/add with the "Dialog"
The "Dialog" is like all other objects you simply "Drag'n'Drop to the workspace, open its Properties set as you require Example in General Header set title, icon offset. Miscellaneous Layout Mode either Bootstrap or jQuery UI Set the Alignment for H/V the checkboxes should be self explanatory, show or not show the close button, have the Dialog show automatically this is when the user visits, note if you have if you have unchecked display the close button then the user will need to click outside of the Dialog or set an Event to close on a set time.

Style again self explanatory set the colour or color etc
Form here you can use the Dialog as a Form as you would in a Layout Grid.
Buttons here you can simply add Buttons
RWD again self explanatory set to be responsive
Events here you can add event such as already mentioned a timer to close the "Dialog"

To add objects Images, Text its just a matter of selecting these to the workspace add content to text and "Drag'n'Drop onto/into the "Dialog" depending the size you will need to resize the "Dialog" by using the bottom left handle.
I really don't know what more I can say... but did you download the "Demo" as this will give you a understanding of its use.

[skanaba]

Hi Bacon Fries, thanks for the info. As mentioned AI spelled out instructions on how to set up the pop up. We were then able to add text, images, buttons, etc. Steve