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.

Don't forget to bookmark this resource at del.icio.us.

Free Launch - Under Construction Page

Demo
Download

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:

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.

  • http://forwebpreneurs.com chase

    Hey I love it! Classy and slick! No more ugly “Coming Soon” pages.

  • http://ducedo.com/ Stefan

    Thanks! Hopefully this will be useful for me in the future.

  • http://www.aldrinponce.com weblizzer

    great tool, i will try to used this for some of my developments.

  • http://launchsoon.com/ Toni

    You can also check out the commercial version:
    http://launchsoon.com/

    and the gallery of Launching Soon pages:
    http://launchsoon.com/gallery.php

  • http://rolandinsh.com `rolandinsh`

    This was what I was searching some days ago! Thanks!
    I played with CSS and HTML little to customize it more :) with changing code for my needs… So this post came as inspiration :)

  • http://www.kgupta.net Techster

    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?

  • http://www.webresourcesdepot.com Umut M.

    @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.

  • http://www.kgupta.net Techster

    @wrd

    Thanks for the reply. I forgot to change permission; works with granting world write ability to file.

  • http://www.omniweb.be eod

    Thank you, works fine.

  • askin

    not working :(

  • http://www.webresourcesdepot.com Umut M.
  • http://www.askinyildiz.com askin

    hi wrd please look

    http://www.askinyildiz.com

    ı cant sea error code :(

  • http://www.webresourcesdepot.com Umut M.

    @askin,
    The website seems to be not reachable right now.

  • [email protected]

    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 [email protected], where the dot is missed in the second part of the e-mail… just that you know! kind regards from switzerland, [email protected]!

  • http://www.webresourcesdepot.com Umut M.

    @[email protected],

    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.

  • http://www.bestajaxscripts.com/ bestajaxscripts

    it is lovely, many thx

  • http://www.dayonlinesolutions.com Andrew

    Just added this to one of my sites, thanks!

  • http://www.skinbox.net manHa

    Thanks, I’m using it for http://www.skinbox.net :)

  • http://www.webresourcesdepot.com Umut M.

    @manHa,

    Nice customization, beautiful use.

  • http://www.skinbox.net manHa

    Hey thanks wrd :)

  • Waz

    Could you please explain how a ‘website downloading program’ would skip finding this file?

  • http://www.webresourcesdepot.com Umut M.

    @Waz,

    Simple, there are no links to the file that anyone including those programs can see.

  • http://Help taylor

    How do I install this?

  • http://www.betomachado.com.br beto

    wrd, what is that permissions that the txt file must have?

  • http://www.webresourcesdepot.com Umut M.

    @taylor,

    Simply put the files on your website and give the text file write permissions.

    @beto,

    It requires write permissions

  • JC

    AWESOME. Using it now. :)

  • Matt

    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.

  • http://www.webresourcesdepot.com Umut M.

    @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.

  • http://www.jorgelinares.com Jorge Linares

    Nice script, it will be very helpful for future projects.

    Thank you

  • http://mybalqis.com bob

    hot apply in Joomla web??

  • Andrei

    Super cool. Thanks!

  • http://writeawake.com/ antonio

    Nice, thank you.

    CHMOD txt file to 777

  • http://www.vwd.co.za Francois Botha

    Pity the email validator doesn’t accept +’s. It’s part of the RFC spec and lots of gmail users use it.

  • http://www.joomla-labs.com Erwin Schro

    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

  • http://gilfx.site88.net gibet

    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.

  • http://www.nrgdownloads.com refulez

    dude! i’ve been looking for 3 hours for a free launching soon script thx!

  • Rick

    Nice script there. I just implemented it on this site http://www.2minuteprofits.co.cc 😀

    Many thanks for the free script :)

  • http://www.tweed365.com.au Scott Collingwood

    Well Done Dude!! & Thank You!!!

  • http://www.anithasatheesh.com sachin

    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

  • http://promodrone.com Lee Davis

    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.

  • http://promodrone.com Lee Davis

    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…..

  • Francisco

    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

  • http://www.webresourcesdepot.com Umut M.

    @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.

  • http://blog.karachicorner.com Muhammad faisal Jawaid Attari

    really cool…. today i implemented this one on my blog area…. :)

    Thanks for sharing.

  • http://what-what.net shoaib hussain

    that somethign really smart and give us some more time ,to do more productive work .thnx a lot

  • http://www.expertsols.net Rizwan

    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

  • http://promodrone Lee Davis

    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?

  • http://promodrone.com Lee Davis

    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 “[email protected]”, 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…….

  • http://www.777icons.com Icon collections

    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.

  • George

    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 ?

  • john

    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.

  • http://www.webresourcesdepot.com Umut M.

    @john,

    Although I’m not 100% sure as I can’t call myself a PHP guy, I think you’re right with that.

  • daniel

    finaly something simple that actualy works, have been looking for days for somthing like this..
    although it need some styling make up :)

  • http://www.luxetranslation.com Translation Los Angeles

    thank you, worked for me

  • http://www.gaybook.net Ronan

    Excellent Post! As always, a great read!

  • richa

    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

  • richa

    86 that last message…
    filezilla cannot set permissions. i went onto the hosting site and changed it there…now they add thanks anyway!

  • http://www.xs-preise.de PetschnigW

    Yeah, I aggre to this. Very good post. Go on…

  • http://netporm.info/ hncv

    Oh, very useful information, thanks.

  • Randy

    Where is the CSS file? I didn’t see one downloaded.

  • Randy

    I found out it. Everything is in the default.htm file

  • Mark

    This is a great little resource, and free too. Thanks for sharing

  • Pradyumna Sarkar

    How to add some extra text in this page & My logo,,, Im a beginner.

  • http://www.webresourcesdepot.com Umut M.

    @Pradyumna Sarkar,

    You’ll need to edit the files with an editor (Notepad, Dreamweaver, etc.).

  • http://www.designawebnoosa.com.au Craig

    This is a great example of a useful holding page whilst developing a new site……

  • http://WeTrust.us Dennis

    works great! I hope enough people see this – I hate when people use under construction pages – I never could get myself to do that – I always made a simple HTML page and said coming soon or something with some content…

    BUT This Now this is great! – I’d like to see one addition someday – The ability for the script to notify me when the file text has been updated… ( I’m searching for a script I can add to the newsletter.php file – Any one have a suggestion… I’m not a programmer… Yet!

  • xyz

    Hello,

    Can we use this script on a theme which will be on sale on a website?

  • http://www.webresourcesdepot.com Umut M.

    @xyz,

    Yes, just mention in the .PHP file that “that part of the code is created by webresourcesdepot.com” and feel free to use it anywhere.

  • http://powerthink.com.au Jerry

    Hi Umut,
    Thanks for sharing. This is awesome.

    When I put this on my website, I have this error:
    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; .NET4.0C; .NET4.0E; Tablet PC 2.0)
    Timestamp: Fri, 4 Mar 2011 01:52:53 UTC

    Message: Object doesn’t support this property or method
    Line: 108
    Char: 2
    Code: 0
    URI: http://www.abc.com.au/

    Could you help me with this, please?
    IE 8, Win 7.

  • http://www.webresourcesdepot.com Umut M.

    @Jerry,

    Seems like the jquery.pngFix.pack.js file (included in the download package) doesn’t exist in your setup.

    Jut pick it up from the download package and upload it. That’ll solve the issue.

  • Jerry

    Thank you very much (Sorry for that mistake)
    Please check my website.

  • Terry

    I so could not get this to work properly at all the balloons only showed up red no lettering and email would not write to file.

    I verified the write permission to that file but it still did not work

    Any suggestions of what I seriously am doing wrong? I even copied the jquery.pngFix.pack.js to the same folder but it still did not work. :-(

  • Mickey

    Can we add additional box to let visitors add a comment along with their emails too? Hard to configure?

    So many thanks!

  • http://www.webresourcesdepot.com Umut M.

    @Mickey,

    Pretty easy. Just add a new form field, handle it on the PHP part and update the balloon size accordingly.

  • Derek

    In the newsletter file it says “/** IMPORTANT: EDIT BELOW UNLESS YOU KNOW WHAT YOU ARE DOING*/”

    shouldn’t it be DON’T EDIT BELOW

    extremely minor error. Thanks for the pre-launch design and code though!

  • http://www.eddieoneverything.com eddie

    Cool, thanks for making it free. A suggestion: for better security of the email signup file, why not call it filename.php then stick a <? exit; ?> at the top?

  • http://www.webresourcesdepot.com Umut M.

    @Derek,

    You are right, fixed it.

    @eddie,

    PHP is not my first dev language and I can’t say I’m really good at it (trying to get better).

    Can you explain more the security suggestion of yours?

  • dichar

    Hello;

    I does not work by me.
    I get all the time an empty red ballon. Will you please help?
    Greeting

  • http://www.rota.sk daniel

    There is a an live example on Joomla! CMS, check out – rota dot sk

  • ztank

    Hello,
    I loved this launch page it is amazing!
    May I ask a little improvement? I would like to add another optional field where the visitor may (or may not) write the Name. Is it easily doable?
    Cheers! and Thanks!

  • http://www.webresourcesdepot.com Umut M.

    @ztank,

    Yes, it is with a little HTML-JS and PHP.

    The code is pretty straightforward, just improve it.

  • michael

    Thanks for this page. Well thought out and simple to implement.

    Regarding the issue with the email validating when there is a missing dot: Hasn’t anyone figured this out yet? It’s been over three years since this was posted.

    Can you provide the address for the opensource validation script? Then we could monitor when this has been updated and update our files.

  • http://secrethomeremedies.com Steve SUP

    Just stumbled onto this after googling for this exact problem. Thanks for the page and hopefully will be able to put it to good use soon.

  • damian

    It doesn’t work:/ I get red baloon all the time and no text inside. Any ideas how to fix it?

  • http://www.webresourcesdepot.com Umut M.

    @damian,

    I suggest checking with Firebug which should display any possible errors behind.

  • kathie

    @damian, on file.txt ‘s file permission , try 777

  • http://www.premiumgids.nl/ Relatiegeschenken

    Looks like a nice free solution for an “under construction” page.

  • http://headlicenomore.com/ lice treatment

    well thanks for this page. thought out and simple to implement. great work

  • http://russische-tastatur.info Russische Tastatur

    Thank you for this Free Launch Page Template. Maybe i can use this in the future!

Search