Creating a Landing Page with Visual Composer?

Hi there,

I was wondering if I can add a landing page for my email list using visual composer.
I want to isolate the page, with no header, sidebar, and footer, just full width content.

Something like this? http://www.acneeinstein.com/newsletter-confirm/

Thanks!

Well, the sidebar is easy to remove under “page template settings” on the editing screen.

As for the header and footer, there are a few ways you could do this. Here are two:

1. You could edit the respective template files in a child theme to check the page id and only include the relevant elements if it’s not your thank you page.

For example, once you set up and activate a child theme, you could edit the header file you’ve selected in your theme panel. Find this in your-child-theme/parts/header… .php, and add this line before the first div:

<?php if (!is_page('4994')) { ?>

and this at the very end:

<?php } ?>

Your landing page id is the number that comes up when you hover over the link to edit the page: http://www.screencast.com/t/ANsTxW7C

Then you would do the same to other files you want to remove (menu-top.php, footer.php), save, upload, and clear cache.

2. If you’re not comfortable with child themes or php, you could instead do it quickly through CSS:

.page-id-4994 .td-header-bg {
  display: none !important;
  }

And add any container classes that you want to hide, putting them where .td-header-bg is, e.g. .td-header-menu-wrap. You can find these using inspect element.

The CSS solution isn’t great because all the content will still be downloaded by the client’s browser, but it’s very easy.

3. Create a custom page template. WordPress checks for page templates in a hierarchy of importance, including the slug and the ID, so if you your page’s slug is /email-landing and you have a template named page-email-landing.php, or page-4994.php, and so on, WordPress will use that rather than the default one. Then you could edit that one to suit your needs. You could copy page.php from the parent theme’s folder as a starting point.

From what I’ve read, this is probably the most natural solution, but it would still need a child theme to survive theme updates, and to be honest I haven’t looked at enough custom template building yet to know what to advise you. For example, you can’t just remove the call to get_header() from page.php or you’ll lose a lot more than the logo div, etc.

Those are my two cents, coming from a relatively new learner of this sort of thing. If anyone has a better solution, feel free to mention it so I can learn too. 🙂

The child theme option seems promising, but it’s so complicated and I’ve never touched a thing like that before. :/

Why don’t don’t newspaper have such a template? It should be added.

I desperately need to add a clear landing page to my site in the next couple of days. :/

Can the tagdiv support team add a landing page template?

Great! I was looking for something like this myself!

Hi Marius,

This will be awesome if it works 🙂

But how do I “Unzip this file in theme root”? I didn’t get that?

P.S. Oh, good point, I forgot that if you create a page template it can survive theme updates because it won’t be overwritten 🙂

Hi guys,

I don’t have cPanel in my hosting, I’m using a plugin called WP FileManager

Here’s how it interface looks like:
http://www.screencast.com/t/N8CLjVsc
http://www.screencast.com/t/PDMBW5RTWvIw

Can I upload the page template using this? I have no other of doing this :/

No problem, I’ve added the page somehow!