Creating a pop up window

Would like to create a pop up window for a photo gallery. Thought I could do it by creating a new page in site builder (and I can), but it is a full page and I would like the pop up window to only be about 650x200. Tried to search for answers here, but not finding anything. Thanks in advance! The page I'm working on is linked here...http://www.sfabrushfiretrucks.com/lgb... - when you click on the first picture, "Rule", you can see a new window opens up with the gallery but is full page.

Shawn1254

80 Points

Posted 5 years ago

5 years ago

Reported

1,660 Points

Creating a popup window is pretty easy with a little code. Anyway, here is the code for a popup window and also a link to some cool javascript you may want to fool with when you have time.

<script type="text/javascript">


// Popup window code


function newPopup(url) {


	popupWindow = window.open(


		url,'popUpWindow','height=200,width=650,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')


}


</script>


<a href="JavaScript:newPopup('http://www.sfabrushfiretrucks.com/lgbrush.html');">Open a popup window</a>

Link to Javascript Kit:

http://www.javascriptkit.com/cgi-bin/...

Comment

1 person likes this

2013-10-10T21:33:47+00:00

Mike F., Alum

184,438 Points

Thanks for helping out!

2015-12-05T22:36:36+00:00

HookedOnFitness

170 Points

2 years after this topic was hot, but I'm currently trying to configure this now. The script above should be posted where? As HTML? In the Page Settings under Advanced?
Thanks!

2015-12-05T22:47:28+00:00

Drew N, Community Manager

260,178 Points

You would use an HTML box. Insert > More > HTML.

2017-06-21T20:47:53+00:00

ricky7685

316 Points

Do you have a code for a pop up box to appear without having to click on a button? Like an Ad box. I want a box to pop up telling my customers about other products i have, and include a link on that box they can click.

Thanks!

5 years ago

Pamela5615

164 Points

This reply was created from a merged topic originally titled
Adding a Popup box to my website.

I am trying to add a popup box like those when you first visit a site and a signup box or website special popup box in the center of the homepage shows. I tried creating the HTML code and testing it by pasted it in page settings, advance setting, tag HTML, but nothing happens. Am I placing the html code in the proper place, what am I doing wrong???

Comment

2013-10-17T21:13:22+00:00

Mike F., Alum

184,438 Points

When you create your links in SiteBuilder, this an option to open the page in a new window, but it does by default open it up full size. It sounds like you are probably wanting a smaller pop-up. You can try the method here if you wish.

Mike.

2013-10-18T04:25:03+00:00

Reported

1,660 Points

Also sounds to me what you are specifically looking for is called a "lightbox" which is gaining a lot of popularity in the last few years. I certainly don't know how to effectively make a lightbox so there will be no attempt at a tutorial here - lol, but here are a couple sites that show tuts on them. Looks like a pain in the rear but have a go...

http://www.emanueleferonato.com/2007/...

http://kyleschaeffer.com/development/...

Usually requires jquery and css so its not really for the beginner I wouldnt think. But if you are looking for a simple pop-up window, my post earlier will work for that. If you're looking for a Lightbox effect then check out those links or Google something like "How to create a lightbox for my website" and search search search! Good luck.

3 years ago

Cheryl5973

268 Points

I am also trying create a pop-up window using my mail chimp form I designed but it is not working. After I save the code and preview or publish site, no pop-up appears LOL! Maybe Homestead is not set up for this feature? I am trying to build my email list. Help!

Comment

2015-12-28T23:47:21+00:00

Todd H, Social Media Specialist

20,504 Points

You can try adding the code with an HTML box, but we would not be able to troubleshoot why the code is not working. You can add the HTML box by going to Insert, More, HTML.

2016-04-21T17:19:56+00:00

HookedOnFitness

170 Points

I can't get the pop up to pop up either...It's like it's disabled through Homestead or something??

2016-04-21T17:28:06+00:00

Drew N, Community Manager

260,764 Points

What pop up are you referring to? Pop ups are not built in, so you must be using HTML. If the code is correct, it should work. Have you made sure your browser allows pop ups?

2 months ago

Peachyogii

82 Points

Jumping on this thread trying to create popup windows on my page. Does anyone else out there know how to do this? Specifically, where do I enter the code?

Comment

1 month ago

Church by the5457

314 Points

I entered in the add html section. It will only allow me to do the pop up if I have the setting to open immediately. If I set it to open after 5 sections It just shows a white bar. I'm trying to a pop up form from MailChimp. Very frustrating. Beginning to regret rebuilding my site here instead of going with another company.

Comment

Related Categories

Sitebuilder Plus

HTML snippets