Cool And Free Launch Page With Ajax Newsletter
Almost every web project needs a "launch page (under construction page)" or a page to show when the website is under maintenance.
Rather than creating a new one from scratch for every project, here is a free launch page with an Ajax newsletter.
Before reading further, here is the demo for it.
Don’t forget to bookmark this resource at del.icio.us.
E-mails are saved in a .txt file with ";" delimiters. So they can be used anytime with a simple copy-paste.
Important: Before using this free launch page, change the name of the text file to anything hard to guess and also update the name of this text file in newsletter.php file’s 1st line.
You can use this template as is or update it easily to fit your needs.
Features of this free launch page:
- Ajaxed interface
- Server-side e-mail validation (secure)
- E-mails are saved in a text file with ";" delimiter. So, when your website is launched, you can simply copy and paste them to your favorite e-mail application and announce the launch.
- Configurable error & success messages
- Cross-browser (tested in all major browsers)
Requirements:
- Uses jQuery and jQuery PNGFix plugin (both included with the download).
- PHP support.
PSD files of bubbles are included in the download package.
This launch page is free to use (no links required) but can not be distributed from any other website or sold.
If you share it as a resource in your website, please link to this post. Thanks.
Compatibility: All Major Browsers
Demo: http://webresourcesdepot.com/wp-content/uploads/file...
Download: http://www.webresourcesdepot.com/wp-content/uploads/...
- Tags:
Ajax jQuery
- Filed under: Goodies, Other License, Templates
- 66 Comments
Related Posts



















66 Responses for "Cool And Free Launch Page With Ajax Newsletter"
Hey I love it! Classy and slick! No more ugly “Coming Soon” pages.
Thanks! Hopefully this will be useful for me in the future.
great tool, i will try to used this for some of my developments.
You can also check out the commercial version:
http://launchsoon.com/
and the gallery of Launching Soon pages:
http://launchsoon.com/gallery.php
This was what I was searching some days ago! Thanks!
with changing code for my needs… So this post came as inspiration
I played with CSS and HTML little to customize it more
I tried using this page but whenever I add email it says Email is Invalid and sometimes no message. In all the cases the success balloon does not show.
Any heads up?
@Techster,
Can you make sure the text file has write permissions.
And alos that you2ve updated th ename of th text file in newsletter.php at 3rd line saying:
$newsletterFileName = “file.txt”;
When I check from Firebug, I see the error that seems like a permission problem.
@wrd
Thanks for the reply. I forgot to change permission; works with granting world write ability to file.
Thank you, works fine.
[...] documentación y la página de descarga se encuentra también, Aquí. Este articulo fue escrito [...]
not working
@askin,
It can be a “write permission” problem to the text file.
Try this to see the error:
http://www.changetoyourdomain.com/newsletter.php?email=test@test.com
hi wrd please look
http://www.askinyildiz.com
ı cant sea error code
@askin,
The website seems to be not reachable right now.
hi there! thanks a lot for your great website and the cool launch page! unfortunately it is possible to insert a wrong e-mail adress like benjamin@webresourcesdepotcom, where the dot is missed in the second part of the e-mail… just that you know! kind regards from switzerland, bensch@amin!
@bensch@amin,
Thanks for following WRD & nice to see that you liked the launch page.
I’m normally not a PHP guy & found the open-source e-mail verification class from a script website by trusting the comments that it was perfect. Seems like not.
I’ll check to findout another class for that & would be nice if you know one & share.
Thanks.
it is lovely, many thx
[...] Cool And Free Launch Page With Ajax Newsletter Ressource pour faire une page de “lancement” avec newsletter et effet javascript ! [...]
[...] http://www.webresourcesdepot.comFormat: PSD, PHP, AjaxDownload Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue [...]
Just added this to one of my sites, thanks!
[...] Cool And Free Launch Page With Ajax Newsletter (tags: webdesign scripts) [...]
Thanks, I’m using it for http://www.skinbox.net
@manHa,
Nice customization, beautiful use.
Hey thanks wrd
Could you please explain how a ‘website downloading program’ would skip finding this file?
@Waz,
Simple, there are no links to the file that anyone including those programs can see.
How do I install this?
wrd, what is that permissions that the txt file must have?
@taylor,
Simply put the files on your website and give the text file write permissions.
@beto,
It requires write permissions
AWESOME. Using it now.
Any site that requires an “under construction” page should not be online. Thus, an “under construction” page/script is not needed. Putting a site online before it’s ready is like inviting people to your house before it’s built. Makes no sense.
@Matt,
I have to disagree with this.
It is generally the users who want to find information about a service/company whether they are invited or not.
So, even though you don’t provide the full content, you may still want to display your phone, address etc. until your site is built as it will still be helpful to anyone who searches you on the net.
But it may be a wise decision “not to inviting them” before the site is ready.
Nice script, it will be very helpful for future projects.
Thank you
hot apply in Joomla web??
Super cool. Thanks!
Nice, thank you.
CHMOD txt file to 777
Pity the email validator doesn’t accept +’s. It’s part of the RFC spec and lots of gmail users use it.
Thanks a lot for this…I’m thinking to implement this on Joomla but there’s a conflict issue with built in mootools lib so I have to looking around about this 1st.
Thanks again
This is really good script and not to mention its free! I tested it on my localhost environment and run it without any errors or whatsoever but I have a problem running it live on my host. The confirmation success and error balloons doesn’t show up. I checked every line of codes and applied appropriate permissions on my host but still it doesn’t show up. I checked the online “file.txt” and its adding email addresses on the file. Any ideas? Thank you very much.
[...] La documentación y la página de descarga se encuentra también, Aquí. [...]
dude! i’ve been looking for 3 hours for a free launching soon script thx!
Nice script there. I just implemented it on this site http://www.2minuteprofits.co.cc
Many thanks for the free script
Well Done Dude!! & Thank You!!!
I uploaded everything… but it loads all th images… and its not displaying success or error balloons . but its writing email ids in file.txt
Why is the [if($pass)] designating that numbers against an all-white background are to be echoed with the entry of a valid email address, when what I need to do is to have either the red balloon (for failure?) or the green balloon (for success?) appear with their unique message when the input is submitted? And where can I edit the success/failure messages – didn’t find them yet. This is made all the harder for me as I’m injecting this into the framework of a CMS (LotusCMS) and have almost gotten everything inserted where it’s supposed to be. Oh, thanks, BTW, for this great resource and making it available to the general public – I’m 5 yrs away from getting up to speed on Ajax (I’m slow, lol!), and there’s no way I’m breakin’ my head on that now.
OK, scratch that last post, the ONLY thing I’m having problems with is getting the success/error messages to show when the colored balloons do. I realize that the numbers I was refferring to before (1, 2, & 3) are referenced in greater detail within the default.html file within the first JS after the inline CSS (within the
section) – if (theResponse == 1). The example given is for the .successMessage that’s supposed to display within the green balloon. I get the correct balloons for each input scenario (right, wrong, none), but the text is nowhere to be seen. I don’t find anything on this I can change in the inline CSS (or maybe I missed something),
but I can’t tell what. As soon as I get that problem licked, I’m going on a custom binge and trick the page out a little more (CSS alter, etc). Almost got it…..
I like this very mucho, but I would like to add a name and email, its that possible?
That way I could know the name of the email entered.
Thanks
@Francisco,
Yes and it is pretty easy. Just check the JS code and you can improve it by duplicating how it handles the e-mail input.
really cool…. today i implemented this one on my blog area….
Thanks for sharing.
that somethign really smart and give us some more time ,to do more productive work .thnx a lot
I need to use this, but where it will send email notification of subcriber and where I can find, if need to be changed ….. thanks
OK,
Have managed to twist the page into the splash page I need it to be. Haven’t had luck with resolving how to stop newsletter.php from allowing fake address from being taken, but that’s more work down the road. The more I work with the page, the easier it becomes and I’m only limited by my own imagination. ILI!!!!!!!!!!!!!!
Can I get a guesstimation as to why I might be having problems as addressed by the first statement?
Still having the problem that if I add a fake address like “forn.morn”, I get the red error balloon “Email not valid”. But when I add it as “forn@morn”, it gives me the green balloon “Your email has been added to the list”. I know that the .js files are supposed to regulate the behavior of the mail address format and are coded to automatically scan the email addy for a prefix of @ so
it can judge whether the format is suitable for further
assessment (or I think this is it from what I’ve studied on). What can this buggy be now? Just a LITTLE help?
Dyin’ over here…….
very very meaningful post.I played with CSS and HTML little to customize it more with changing code for my needs… So this post came as inspiration.
Thanks for sharing this meaningful knowledge.
nice
how can I import one more field on the form and for example under the email field to import an name field and when he user click add my email to send both of the fields to the txt file ?
Ok, love the code.
But one question:
When you do this:
$input=strip_tags($input);
what is the point of doing the following????
$input=str_replace(“<","”,”>”,$input);
Is it to ensure they don’t enter something with double brackets? I just don’t get it.
I am fairly new, so please be gentle! Thanks.
@john,
Although I’m not 100% sure as I can’t call myself a PHP guy, I think you’re right with that.
finaly something simple that actualy works, have been looking for days for somthing like this..
although it need some styling make up
thank you, worked for me
Excellent Post! As always, a great read!
i cannot give the txt file permission. im using the filezilla client and it says
“Command: SITE CHMOD 777 file.txt
Response: 500 ‘SITE CHMOD 777 file.txt’: command not understood”
please….PLEASE advise
86 that last message…
filezilla cannot set permissions. i went onto the hosting site and changed it there…now they add thanks anyway!
Yeah, I aggre to this. Very good post. Go on…
Oh, very useful information, thanks.
Where is the CSS file? I didn’t see one downloaded.
I found out it. Everything is in the default.htm file