Add pre built HTML landing page to WordPress???

by DaneSebastion Banned
20 replies
  • WEB DESIGN
  • |
Hey there,

I have a great landing page(Includes index.html, images and style file).

I want to use this landing page on my WordPress website for people to arrive at to get a free PDF download. I have searched Google and this forum to find out how to add these files to WordPress but haven't found any answers. There are a lot of these landing page files floating around and I'm sure people are using them but there isn't much information on how to add them to Wordpress?

Wonder if anyone here can shed some light on this for me.

Thanks

Dane
#add #built #html #landing #page #pre #wordpress
  • Profile picture of the author the goat
    Create a custom page template, here's a link Pages « WordPress Codex
    {{ DiscussionBoard.errors[6171380].message }}
    • Profile picture of the author DaneSebastion
      Banned
      Hey there,

      I saw this and tried it but I couldn't get it to work, is there no simple way to do this via plug in or some other method. I'm not a programmer, I don't do code etc?

      Cheers

      Dane

      Originally Posted by the goat View Post

      Create a custom page template, here's a link Pages « WordPress Codex
      {{ DiscussionBoard.errors[6171417].message }}
  • Profile picture of the author the goat
    Well you could upload your page file via FTP and create a menu item with the link.
    {{ DiscussionBoard.errors[6171909].message }}
    • Profile picture of the author brunojonestz
      Banned
      [DELETED]
      {{ DiscussionBoard.errors[6172577].message }}
      • Profile picture of the author DaneSebastion
        Banned
        Thanks for your replies, I appreciate it...

        I wonder if any of you can point me in the direction of a webpage with directions on how to do this?

        Thanks

        Dane
        {{ DiscussionBoard.errors[6173357].message }}
  • Profile picture of the author copilu0
    The easiest way is to create a new template.
    The steps are:
    1) Install Notepad++
    2) Open index.html with Notepad++ and copy these lines to the beginning of your file:

    <?php
    /*
    Template Name: Your Template Name
    */
    ?>

    3) Click save us and save your file as your-template-name.php
    4) Now you need to upload your-template-name.php and the style file to your server.Here it will be one more problem because normally style.css already exists on the server and you should not replace the existing file.
    You can change the landing page css file name to something like landing-page.css but then you also need to open again your-template-name.php and change the line where style.css is defined....you need to put the new name of your css file.Save again as php
    5) Use a FTP client our your cPanel to upload these 2 files to your server.You should upload everything to the installed theme folder (see what theme you are using and upload these 2 files there). If you'll be asked to replace a file then click cancel and be sure you don't replace any file.
    6) Go to your wordpress dashboard and create a new page.On the right side you can select the template for that page so now you should see Your Template Name displayed there.Select that file as your template for that page and save the page.
    7) Go to your Settings and setup the new page as your homepage.

    I don't promise it will work and also I don't know if you understand everything so feel free to send me a PM if you need some help with that.Good luck!
    {{ DiscussionBoard.errors[6175898].message }}
    • Profile picture of the author DaneSebastion
      Banned
      Hey there,

      Thanks for taking the time to go through the method.

      I've done exactly as you said but the landing page file doesn't show up in either the "APPEARANCE/EDITOR" or PAGE/TEMPLATE" areas.

      Any suggestions?

      Thanks

      Dane

      Originally Posted by copilu0 View Post

      The easiest way is to create a new template.
      The steps are:
      1) Install Notepad++
      2) Open index.html with Notepad++ and copy these lines to the beginning of your file:

      <?php
      /*
      Template Name: Your Template Name
      */
      ?>

      3) Click save us and save your file as your-template-name.php
      4) Now you need to upload your-template-name.php and the style file to your server.Here it will be one more problem because normally style.css already exists on the server and you should not replace the existing file.
      You can change the landing page css file name to something like landing-page.css but then you also need to open again your-template-name.php and change the line where style.css is defined....you need to put the new name of your css file.Save again as php
      5) Use a FTP client our your cPanel to upload these 2 files to your server.You should upload everything to the installed theme folder (see what theme you are using and upload these 2 files there). If you'll be asked to replace a file then click cancel and be sure you don't replace any file.
      6) Go to your wordpress dashboard and create a new page.On the right side you can select the template for that page so now you should see Your Template Name displayed there.Select that file as your template for that page and save the page.
      7) Go to your Settings and setup the new page as your homepage.

      I don't promise it will work and also I don't know if you understand everything so feel free to send me a PM if you need some help with that.Good luck!
      {{ DiscussionBoard.errors[6177795].message }}
  • Profile picture of the author Istvan Horvath
    You shouldn't even check it in the online theme editor - the template option for Pages (when Edit or Add new Page) should show up in the right (menu) sidebar.

    The only reason for not showing up... can be if you do NOT have a normal template file called page.php in your theme. Some theme "designers" are ignorant enopugh to leave it out. If you don't (and THIS one you can check in under Appearance > Editor) then save your index.php of the theme as page.php... and the new Page template should also show up.

    Re: your search skills... in the last several days there was a very similar thread going on: you can still see it on the main content page of this web design forum!
    http://www.warriorforum.com/website-...ress-site.html
    Signature

    {{ DiscussionBoard.errors[6181952].message }}
    • Profile picture of the author DaneSebastion
      Banned
      Thanks MR Horvath,

      I'll check out your link and press on. I was also wondering if you can recommend a plug in so I can place an email optin form with a free offering such as a PDF?. Istvan I appreciate your words of wisdom, hey with a name like Istvan you may well be of Hungarian descent....y/n

      Regards

      Dane


      Originally Posted by Istvan Horvath View Post

      You shouldn't even check it in the online theme editor - the template option for Pages (when Edit or Add new Page) should show up in the right (menu) sidebar.

      The only reason for not showing up... can be if you do NOT have a normal template file called page.php in your theme. Some theme "designers" are ignorant enopugh to leave it out. If you don't (and THIS one you can check in under Appearance > Editor) then save your index.php of the theme as page.php... and the new Page template should also show up.

      Re: your search skills... in the last several days there was a very similar thread going on: you can still see it on the main content page of this web design forum!
      http://www.warriorforum.com/website-...ress-site.html
      {{ DiscussionBoard.errors[6185411].message }}
  • Profile picture of the author Ruwan
    There is a WordPress plugin called HeadSpace2 SEO. As the name suggests it's main purpose is SEO optimization (one of the top plugins in the field), but I guess you can achieve what you want using this plugin. HeadSpace2 has an option that allows you to have different themes on different pages. So the idea is to create a wordpress page for the landing page and then apply a suitable theme for that particular page using plugin options. You can keep your current WordPress theme for all the other pages.

    Important: Before using HeadSpace2 SEO, please make sure you don't have other major SEO plugins already installed in your website.
    Signature
    FREE WordPress Services (Consultation | DIY Training)
    Limited-Time OFFER!
    {{ DiscussionBoard.errors[6184147].message }}
    • Profile picture of the author DaneSebastion
      Banned
      Hey there Ruwan,

      Thanks for your suggestion, sounds good and I'll check out the Headspace plugin to. I'm currently using Yoast SEO plugin, I guess I should drop that and use the Headspace SEO plugin instead?

      Cheers

      Dane


      Originally Posted by Ruwan View Post

      There is a WordPress plugin called HeadSpace2 SEO. As the name suggests it's main purpose is SEO optimization (one of the top plugins in the field), but I guess you can achieve what you want using this plugin. HeadSpace2 has an option that allows you to have different themes on different pages. So the idea is to create a wordpress page for the landing page and then apply a suitable theme for that particular page using plugin options. You can keep your current WordPress theme for all the other pages.

      Important: Before using HeadSpace2 SEO, please make sure you don't have other major SEO plugins already installed in your website.
      {{ DiscussionBoard.errors[6185426].message }}
      • Profile picture of the author Ruwan
        Originally Posted by DaneSebastion View Post

        Hey there Ruwan,

        Thanks for your suggestion, sounds good and I'll check out the Headspace plugin to. I'm currently using Yoast SEO plugin, I guess I should drop that and use the Headspace SEO plugin instead?

        Cheers

        Dane
        As Istvan said, Headspace method isn't the solution to use your html based landing page. But if you make a final decision to use Headspace then you have to give up Yoast SEO plugin. So first find out the best method that suits you before removing Yoast SEO.
        Signature
        FREE WordPress Services (Consultation | DIY Training)
        Limited-Time OFFER!
        {{ DiscussionBoard.errors[6190299].message }}
  • Profile picture of the author Istvan Horvath
    Headspace will work only if you already have a theme (as in special WordPress theme) for your landing/optin/sales page.

    When you have a full HTML (+images+style) page... it is useless.

    Next, I always expect people to post back ONLY AFTER they read, tried, applied what is at the link I provided.
    And tell me if it worked or not... I don't really care what you are planning to do
    But I'd like you reporting back if the method/technique offered worked or not.

    Nobody needs a plugin for placing an optin form in the sidebar (or anywhere else) in WP. Don't you have text widgets???
    Signature

    {{ DiscussionBoard.errors[6185488].message }}
    • Profile picture of the author DaneSebastion
      Banned
      Hi Mr Horvath, Istvan...

      Thanks for the direction, I'll go make a coffee, lock myself in a quiet room and work through it. Yes sir, I'll come back here and shout out your praises for sure, no worries there at all....lol

      The opt in suggestion, do mind expanding on that one a little more for this new one the world of Word Press?

      Thanks in advance Istvan...

      Dane


      Originally Posted by Istvan Horvath View Post

      Headspace will work only if you already have a theme (as in special WordPress theme) for your landing/optin/sales page.

      When you have a full HTML (+images+style) page... it is useless.

      Next, I always expect people to post back ONLY AFTER they read, tried, applied what is at the link I provided.
      And tell me if it worked or not... I don't really care what you are planning to do
      But I'd like you reporting back if the method/technique offered worked or not.

      Nobody needs a plugin for placing an optin form in the sidebar (or anywhere else) in WP. Don't you have text widgets???
      {{ DiscussionBoard.errors[6185627].message }}
  • Profile picture of the author Darren Dillman
    Originally Posted by DaneSebastion View Post

    Hey there,

    I have a great landing page(Includes index.html, images and style file).

    I want to use this landing page on my WordPress website for people to arrive at to get a free PDF download. I have searched Google and this forum to find out how to add these files to WordPress but haven't found any answers. There are a lot of these landing page files floating around and I'm sure people are using them but there isn't much information on how to add them to Wordpress?

    Wonder if anyone here can shed some light on this for me.

    Thanks

    Dane
    I just learned how to do this easily a couple weeks ago. It goes like this..

    If all your files are already in a folder including your images, index, etc. just upload that folder to your server with FileZilla or whatever ftp program you use.

    Then you can link your wordpress site and HTML page like...

    http://www.your-wordpress-domain.com...-landing-page/

    EDIT: I didn't mean for that to create a link. Doh! It would look like...

    your-wp-domain.com/your-HTML-landing-page/

    Bingo, Bango and you're done.

    I can take some screen shots or a quick video and post the how-to on my blog if you like.
    {{ DiscussionBoard.errors[6260149].message }}
  • Profile picture of the author Abbie88
    I would prefer to do as Darren Dillman had said.
    Problem with this method is duplicate content issue, since search engines will detect your page at yourdomain.com/landingpagefolder/ has the exact content as yourdomain.com/landingpagefolder/index.html page does. However, you can solve this problem by modifying .htaccess file in your wordpress folder.
    CMIIW.
    Signature

    no sigs at the moment :)

    {{ DiscussionBoard.errors[6260729].message }}
  • [DELETED]
    {{ DiscussionBoard.errors[6802278].message }}
    • Profile picture of the author ronc0011
      Im' not sure how this would work with an existing Wordpress installation but I have a site that has several html pages and a wordpress installation as an example site. The WP install was installed under its own folder So the actual parent site is in fact a straight html site here html://ronc.me you'll see a menu item "This is Wordpress" and that's what it is a separate install of Wordpress inside the parent site ronc.me So needless to say index.htm is not a PHP file but rather a plane html file.

      Now whether or not you can safely move an existing Wordpress installation to a different folder and then edit your menu links so they point to the right places. Just off hand I don't see why not.
      {{ DiscussionBoard.errors[6802544].message }}
  • Profile picture of the author jairod
    I had the same desire and ended up developing a wordpress page template derived from envato static landing pages (Marketing - Health Point - Health Industry Landing Page | ThemeForest) and ported it to wordpress (I Can Do It Conference)

    I use custom fields and I just add the info into neat little boxes in the wordpress admin section.
    The conversion rate on these pages has been extraordinary for ppc traffic, over 20%

    Let me know if this is what you're looking for, I've been considering offering this as a plugin.

    Best wishes
    {{ DiscussionBoard.errors[7158894].message }}
  • Profile picture of the author M K D Tutorials
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[8659215].message }}
  • Profile picture of the author donhesh
    1.Login to Wordpress and go to Appearance >> Editor

    2. Find the home page PHP file from the right hand side.

    3. Delete all the content on that page

    4. Add your intex.html code inside this file, as shown below
    <?php
    ?>
    Copy and paste your html code here.
    <?php
    ?>

    5.Copy all the files to Wordpress root folder (Don't copy index.html)

    Your Done!
    {{ DiscussionBoard.errors[10158634].message }}
  • Profile picture of the author bazboy247
    I do this quite often, its not that hard

    Step 1 = Download an ftp Programme
    Step 2 =Get your ftp Username and password
    Step 3 = open up your ftp for the URL needed

    Step 4 = create a sub folder within the URL

    Step 5 = upload the HTML files to the sub folder

    Step 6 = right click the sub folder and it will give you the URL of the web page you just uploaded

    Step 7 = copy and past this URL into your browser and then save the site and you now have the web page to view any time and the URL of the web page in question

    This URL will be a sub domain of your main WP site


    Hope this helps

    Barry
    {{ DiscussionBoard.errors[10249928].message }}
  • Profile picture of the author pressairing
    Another way is get DIVI theme and it has HTML code areas built into theme

    really simple to use, no coding need.
    {{ DiscussionBoard.errors[10255659].message }}

Trending Topics