background photo courtesy of Haute Chocolate Feminine Stock Photos
There’s been a lot of buzz going around lately about content upgrades and how to grow your email list by offering opt-in freebies that are specific to a certain blog post on your blog.
For example, I recently offered a free CSS cheat sheet to go with my What Is CSS? A Beginner’s Guide for Bloggers tutorial.
Because MailChimp doesn’t give you the ability to offer different content upgrades with one list, you are either forced to create multiple lists (which means one person could end up on multiple lists and count multiple times against your subscriber count) or you have to purchase LeadPages (currently priced at $25/mo minimum).
When you’re bootstrapping your fledgling business and already pay for services like email service providers, social media scheduling, web hosting, e-courses, etc…. it adds up to a lot of monthly expenses!
So being a web designer, I thought I’d figure out a way to hack the system for free (sort of).
First of All, What is LeadPages?
LeadPages is a software service that allows you to grow your list by creating fancy sales pages, opt-in pages, webinar pages, thank you pages, and more using easy drag and drop functionality. It also gives you the ability to add pop up forms, called LeadBoxes, to your landing pages.
Let it be known that I have absolutely nothing against LeadPages, I think it’s highly useful, saves you time and has wonderful features like A/B Testing among other things. I think it’s a service that most serious bloggers should definitely consider at some point.
But if the cost is currently out of reach for you, I have a solution to hack it by creating a fake LeadPages landing page using a self-hosted WordPress blog with ConvertKit.*
This post contains affiliate links (denoted by a *) which means at no cost to you, I may receive a small commission should you choose to make purchase with these links. Read my full disclosure here.
What We’ll Be Creating
In this tutorial, we’ll be creating an opt-in landing page and pop up to let our readers download a freebie that’s relevant to our newest post. The two most recent landing pages I created for my free HTML cheat sheet and CSS cheat sheet are modeled after a LeadPages landing page…
Click the image above to see the actual page and see how it works!
…and a LeadBoxes modal pop-up
…that’s fairly similar to this one:
Actual LeadBox from Melyssa Griffin’s The Blog to Biz Hive landing page
Then of course we need a Thank You page that also encourages subscribers to share your freebie with their friends!
For this tutorial you will need a self-hosted WordPress blog and ConvertKit* to do this, BUT if you’re looking to fake LeadPages with Squarespace and MailChimp, Angelica Dezel’s got ya covered!
And if you’re wanting to fake LeadPages with WordPress and MailChimp, then Caitlin Cheevers has your back there!
Ok, back to WordPress but first, you can test out the whole sequence right now! Just click the image below to see:
What You Need to Create a Free LeadPages Landing Page with ConvertKit and WordPress
The first thing you’ll need is a content upgrade (or opt-in freebie) for your post. It should be something that basically “upgrades” your post and is therefore related to your post’s topic. Some examples of content upgrades:
- worksheet/workbook
- cheat sheet
- checklist
- PDF guide
- video
- template
- graphics, etc.
Next, you’ll need a great background photo, preferably one of you looking and/or pointing to the side. This image should be at minimum 1500×1000 pixels. Don’t forget to optimize it!!
You also need a super friendly looking profile photo of yourself that is 230px x 230px.
Optional* You may also want an image of your signature, which you can create out of your own handwriting or by using a handwritten font. The ideal size for the signature is about 275px x 175px, give or take.
Then you gotta get yourself the Parallax Gravity Lite plugin. Good news, it’s free! In your WordPress dashboard, go to Plugins > Add New. Search for Parallax Gravity – Landing Page Builder then install and activate it.
We’ll need to add some custom CSS so you’ll need to make sure that you have a custom style sheet you can use. Here’s how to create a custom style sheet if you don’t already have one.
One last thing: Get yourself onto ConvertKit* if you haven’t already. It’s the best way to be able to offer instant content upgrades to your readers while building up your list!
Got what you need? Ok good, let’s continue!
How to Create a Free LeadPages Landing Page
Step 1: Create the Thank You Page First
We’ll start with the Thank You page first. You’ll see why in Step 2. Watch this video and I’ll walk you through creating a beautiful LeadPages-like Thank You page.
(It’s a little unpolished but I wanted to quickly put it together for you guys as I know many of you have been patiently waiting for it!)
Here are the HTML templates I mention in the video.
First is for the Top section of the page:
See the Pen fake leadpages thank you page by Marianne (@marianney) on CodePen.
Second is for the Bottom section of the page:
See the Pen Fake LeadPages thank you page (bottom) by Marianne (@marianney) on CodePen.
Awesome! You’ve now created the Thank You page for your free LeadPages-like landing page!
Step 2: Create the Popup Form in ConvertKit
Now I’ll be showing you how to create the Pop Up Form (powered by ConvertKit) that will open up from your landing page.
Well let’s get right to it!
First, don’t forget to grab your free checklist so you can recreate this process every time without skipping any steps!
- Sign into your ConvertKit dashboard
- Click on Forms at the top left
- Click +Create Forms
- Select A Form
- Select the middle option
You’ll find yourself on the Content tab:
- Click the magic wand to select your text color, accent color (the top and bottom colored bars) and button color
- Click on the Subscribe button to edit the button text. Not doing this will actually leave the button text blank.
- Click on the ‘Join the Newsletter’ title and change it to something like ‘Get Your Free [FREEBIE]!’
- (optional) Click on the image to upload a preview of your freebie
- Change the text below the image to something that describes the freebie and encourages people to sign up for it
- Click the Save button at the top right
Click on the Settings tab up top. Under Main Settings (on the left)…
- Give your form a name (only you will see this)
- Have ‘Just a form to embed on my site.’ selected
- Select ‘Redirect to another page’ and add the URL for the Thank You page you just created here
- If you have a sequence of emails (like an onboarding sequence) you’d like to send to your new subscribers, you can select that here
- Be sure to click the ‘Save Form’ button
Under Incentive Email (on the left)…
- Add an email subject line.
- Edit the email message if you’d like. Perhaps include something about the content upgrade.
- You can edit the button text if you’d like.
- Click ‘Upload a file’ and select the content upgrade file you’d like them to download.
- Because clicking the button will automatically start the file download, I like to add a message below the button that says something like “Clicking the button above will automatically download your PDF freebie”
- Click ‘Save Form’
Under Style (on the left)
- Select ‘Full’ for Form Style and
- Show this form as ‘Modal’
- Under Display Options, select Scroll Percentage and change it to 100%. This will allow the modal to only show up on button click.
- Under What should we show to return visitors who have already subscribed? select ‘Continue to show the form’
- Click ‘Save Form’
We are now done creating our popup form. Let’s take a break and I’ll show you how to add it to the full image landing page in the next post!
Don’t forget to download your free checklist!
Alright friends, got questions for me? Post them below!
And use the handy links below to share this post if you found it useful!
Continue to Part 2 where we create our landing page and hook everything all up!
Thank you, Thank you, Thank you Marianne. When the student is ready the teacher will truly appear. Really appreciate this! I am currently updating my website DIY and have several wonderful really good free offerings to get exposed to the world and wasn’t sure how to do it without lead pages. Had been seriously considering ConvertKit. Do you have an Affiliate link for when I purchase? I’d like to give you credit. Lana
Hey there Lana, I love love love this comment, thank you! Yes! This is why I wanted to share my discovery because I know a lot of us can’t afford both ConvertKit and LeadPages. I do have an affiliate link, thanks for asking! Any post for ConvertKit above is an affiliate link 🙂 http://designyourownblog.com/convertkit Thanks again!
THANK YOU SO MUCH! I was literally working on figuring out how to do something like this today and you’ve saved me a ton of time. I’ve really wanted to buy leadpages but it is just too expensive for me right now.
I feel your pain girl! I wanted to buy it too, but it was just out of my range right now. Just a little further down the line, but til then I had to come up with something!
Marianne, I’m so excited to try this out! Yes, I have been lurking and stalking your blog for the release of this tutorial. Happy it’s here and great that you decided to break this into portions…else for tech klutzes like me…it’ll probably be really overwhelming. Off to share this and tinker around!
Oh good Meera, so glad! I was worried about breaking it up, but it was getting really long and like you said, I didn’t want to overwhelm everyone. Glad you enjoyed it!
Marianne,
Loving the tutorial, but I’m getting an error upon Preview of the new landing page.
At the top it’s saying: Warning: call_user_func_array() expects parameter 1 to be a valid callback, function ‘hook_custom_javascript’ not found or invalid function name in /home/brandm18/public_html/wp-includes/plugin.php on line 525
Do you have any suggestions?
Oh no I’m sorry you’re getting an error Lucy! I haven’t seen that one and am not sure what would be causing it. What about trying to publish the landing page and viewing it live? No one would know about it until you link to it from somewhere.
Sorry I know that’s not much help! Do you have a link?
Hi Marianne,
I think it’s a conflict with my theme. It looks like the plugin hasn’t been updated in a little while, so it may not be fully compatible with my brand new code.
Bookmarking for future reference though – hopefully they push an update soon!
Thanks!
Oh that is so interesting Lucy! I haven’t heard of anyone having issues with their themes, that’s too bad 🙁 What theme are you using by the way?
Hi Marianne,
No worries at all! I’m using the Girlie Pro theme by SKT Themes.
Lucy
Such a bummer Lucy! I hope they update the plugin so that it works for you.
The idea sounds brilliant, but it makes no difference, if you pay $25/month for Leadpage or $29 for ConvertKit – so I see no benefit concerning this idea.
It would be great to REALLY have an alternative “with no costs” for Leadpages 🙂
But the “solution” with ConvertKit, sorry, is really none, because you have nearly the same costs.
I’m sorry you feel that way Chris, but I know a lot of people have been using ConvertKit WITH LeadPages or at least considering it. This is a solution that worked for ME and so I was just sharing it. I know it won’t solve everyone’s problems but it will for some 😉
LeadPages requires you pay “in full” up front, whereas Convertkit allows you make monthly installments from the beginning. It might be $29 vs $25 but that $29 is less than a full 3 month or year investment which makes this post extremely valuable.
Thanks for that insight Lana. I just think you get more bang for your buck with ConvertKit. Yes you are paying for the email service (which you would have to do at some point anyway), but you don’t have to pay the additional for the LeadPages service. At least not until you can justify the cost on time savings. Some just don’t have that luxury when they’re starting out.
ConvertKit is an awesome alternative to Aweber, MailChimp, etc. that also has landing page functionality. LeadPages isn’t an email list servicer like ConvertKit, et al. That’s why this tutorial is insanely helpful for folks who use ConvertKit (like me!). Thanks so much for providing this tutorial, Marianne! I’m using it for my upcoming site, as I don’t yet have LeadPages budgeted 🙂
Thanks Kristi, that was exactly my intention. I already had ConvertKit and didn’t want to also pay for LeadPages right now so I found a work around and wanted to share what I figured out. Glad it helps you too!
Chris, hi! You can check Mailerlite provider ( https://www.mailerlite.com/convertkit-alternative ) for getting REAL difference, because they are offering this option for free 🙂 Hope, this will be handy!
By the way, I’m thinking of a solution, which has only a ONE TIME fee, i.e. buying the plugin Layered Popups (http://codecanyon.net/item/layered-popups-for-wordpress/5978263) for $19, no monthly abo!! … and then making a landing page with it using WordPress’ multisite feature (http://www.wpbeginner.com/wp-tutorials/how-to-install-and-setup-wordpress-multisite-network/).
This has costs of only $19 for buying the plugin, no monthly fees – that’s all 🙂
Thanks for sharing Chris. It might solve some problems for some that read this! That doesn’t work for MY needs, but we all have different needs 🙂
Marianne- I am new to blogging and I would like one thing clarified.
The only way I can offer opt-ins is if I have LeadPages or ConvertKit?
I am wanting to offer my subscribers something free on a monthly basis.
When I first started setting up my blog, MailChimp was the rage. Now, everything is ConvertKit. My, how things quickly change.
I would appreciate any advice. Thanks much, rose
Hi Rose,
If you’d like to offer just one opt-in incentive, then you are just fine with MailChimp. You can also create a library of resources with a password if you prefer (see http://designyourownblog.com/library/) I wanted to be able to offer different incentives that were relevant to my posts so I could see what people were specifically interested in.
This is also a method that many people use to get sign ups for webinars and workshops. If you are new, I would just stick to MailChimp until you find you have a need to switch.
OMG! Thank you so much Marianne!!! I haven’t even finished reading the post but I already know I’m going to love you forever for it! I have WP website and CK. I’ve always envied the gorgeous LeadPages landing pages and thank you pages but just couldn’t afford to pay for LeadPages right now. I had planned to get LeadPages down the line when I can afford it, but I don’t need to now! This is so awesome. Thank you, thank you, thank you!!!
Woohoo, you’re in the same boat I was Tega! I really wanted to get LeadPages, but just couldn’t justify the cost at this time. I knew others would have the same issue and wanted to share my workaround. 🙂 Thanks for reading and for your lovely compliments! <3
This is absolutely fantastic! I so needed this about 3 months ago! Thanks for pulling this together!
Sure thing Alissia, so glad you found it useful!
Hi there – thank you for this! Is there some sort of workaround for WP and Mailchimp that’s either free or very low-cost?
Hi Sarah, I haven’t tried to do this with MailChimp as I’m not using them anymore. I do know that you can create popups with MailChimp though, so you might try triggering an MC popup from the Parallax Gravity Lite landing page you create. You just won’t be able to direct those that sign up to a specific thank you page, you’d have to use a generic one that works for all your sign ups.
Wow, that is incredibly smart and yet very easy to follow! Thanks a lot, will definitely try in a couple of weeks when my blog redesigned is bedded in!
Oh yay I’m so glad Stephanie! Can’t wait to see the new blog live!! You’re already on CK aren’t you?
Marianne,
Thank you so much for this information! I’ve been trying to figure out how to do something like this, I’m so glad I already had ConvertKit.
This is so awesome, thank you!
Awesome Cathy! So glad you found it useful!
Hey Marianne! Thanks for publishing such a well thought out and detailed article. We’ll be sure to link back to your site when customers ask about this functionality in the future!
Thanks so much Val! I really appreciate that! I love ConvertKit so much and would love more people to make the switch!
This was SUPER helpful. Thank you!
When will the follow up post be ready? I’m keen to implement the next stages 🙂
Hi Rachael! I’m hoping to have it done today, or at the very latest sometime this week! Thanks for following along!
Thanks this was Awesome. I need the next video ; ) I’ve got my thank you landing page and my form. Help!
Woohoo Kathleen that’s awesome! The next one is coming up very soon! Hoping it’s today!
Thank You so much Marianne for posting such a nice post it was so descriptive it was so helpful to me now I understand how to make such landing pages your tutorial was so easy to understand. Now I understand how to get leads from our landing pages your post really inspired me. Thank You so much Post regularly we will be waiting for your new post.
OH yay that makes me so happy Akshay! Thanks for following along and for your sweet comment!
That was great! I just signed up this week with Convertkit and this is perfect timing..I’m ready for the second tutorial. Bring it on!
Hey Zara! Part 2 was published this week! Hopefully you saw it already. You just reminded me that I didn’t add the link to part 1 here. But here it is for you: http://designyourownblog.com/fakeleadpages-2/
Did I miss something? What about the landing page? Please please tell me that post has been published! This is going to save my email list!
Hi Hannah, I just published Part 2 this week: http://designyourownblog.com/fakeleadpages-2/
Thanks for such an awesome post! My only issue is that my share buttons aren’t buttons – they are just links. I’m creating a new site (not the one linked to my name) and have a Genesis child theme (I’ve never used Genesis before, so I don’t know if it has anything to do with that). Thoughts? Thanks so much again 🙂 This post is insanely helpful!
Okay – my bad! It sure helps when you copy ALL of the code over, lol. I have buttons 😉 I can’t for the life of me figure out why my right-aligned image is actually aligning left, though! I’ve scrutinized the code and it looks exactly like yours…Any ideas? Thanks again!
Hey Kristi, can you share the link to the page you’re having issues with?
Hey Marianne. I just now saw this. Yes, absolutely – thanks! My site’s not (really) live yet, hence the placeholder text. http://darlinglittlespreadsheets.com/gravity-landing/opt-in-thank-you/
Oh! So strange! Your WP style sheet doesn’t have a definition for the “alignright” class! That is very strange.
Just add this to your CSS and it should work:
.alignright {
float: right;
}
OMG you are awesome! Thank you 🙂
Hooray it worked! 🙂
Marianne can this landing page be used for Facebook Ads? Also I’m using DIVI Theme by Elegant Themes, are you familiar with the Landing Page that comes with that theme?
Thanks again.
Lana
Hi Lana, I haven’t used Facebook ads so I don’t know. I know that you can create whatever landing page you want with the plugin, I have created ones for my sales pages using Parallax too. As for DIVI, i am somewhat familiar with it, but have not actually used it. I’m sure though that you can use their landing page feature in place of Parallax, I just wanted to provide a free solution that anyone on WP could use, regardless of theme. 🙂
Thanks so much for this, Marianne! I spent several days last week researching less expensive alternatives to LeadPages. I had finally decided to just use the standard ConvertKit landing pages for awhile. Now, I’m going to try out your method. Thanks again!
Of course Tonia, I’m so glad my own solution/hack worked for so many others as well! That’s the best thing about blogging, isn’t it?
This is amazing and extremely helpful thank you!
You’re welcome Annalisa, thanks for the encouragement!
This is really wonderful! Thank you so very much! I have been using Convertkit for a couple of months but know I haven’t got the full use of it yet. This is a great guide. And yes, like you I didn’t want the cost of LeadPages,MailChimp, etc. Convertkit seemed to give me best option.
I do have a couple questions for you Marianne – 1) what section do you delete if you have a custom css in your theme, and 2) where do I find the videos for hooking up the share me buttons seen in your Thank You video?
Thanks again!
Hi Kimberly,
That’s awesome! Glad you also found use out of this like I did! In answer to your questions:
1) I’m not sure I understand. Which part of the tutorial are you referring to?
2) Part 2 is here: http://designyourownblog.com/fakeleadpages-2/
Let me know about #1 and hope that helps for 2!
Thanks for the shout out! This is super detailed and great– I’ve switched to Convertkit since I did my Mailchimp/ Squarespace hacks, and it’s the bees knees!
You’re so welcome Anjelica! I came across your tutorial when I was trying to figure out how to do this myself and thought it was super useful and decided to do my own. Thanks for the inspiration. And I can’t blame you for converting, CK is pretty awesome!
Hey Marianne, thank you very much for this great tutorial! I am using part of this to create a mailing list for my website (www.iamthedrmom.com) while using MailChimp.
I have a question about the Thank You page. I did all the steps as per your video, and the background color of my buttons (Share on Facebook and Share on Twitter) disappeared. I am not sure what happened 🙁 What could have happened? I can send you my code if you want.
Hi Silvia, so glad you like the tutorial! Sorry to hear about your buttons. I’m happy to take a look if you want to share the URL of your thank you page. You can leave it here in the comments or send it to me via my contact page. Being able to look at the page itself will be easier to tell what’s going on as opposed to just the code.
Hey Marianne!
This is so super helpful. I’m having so much trouble with my landing page though. I’m using your CSS code above and for some reason, everytime I insert my profile photo, I goes all the way to the far left of my screen, even though I’ve right aligned it. Any suggestions. I have no idea how to fix it! Thanks!
Hey Alexandra, I’m happy to help, it’s probably a tiny syntax error causing the issue. Can you share the URL to your page so I can have a look?
Hey Alexandra, I’m guessing you may have the same issue as Sareeta below. See my reply to her and let me know if that does/doesn’t work for you.
Hey Marianne, I’m also having the issue where my photo isn’t aligning right. Here’s the link: http://www.flightandscarlet.com/gravity-landing/thank-you/
I checked my style sheet and it does have the code you suggested adding. Any suggestions?
Also, I’m finding that my Share on FB and Share on Twitter buttons are aligned left. I had to go in and align the text center, but I don’t know how to do that with the buttons… when I go into visual mode, the buttons turn into text links and I can’t change it back unless I copy the original HTML again.
That was a weird one, but try setting your buttons to 100% width and it should fix it.
.btn-fb, .btn-tw {
width: 100%;
}
I tried this, it didn’t work! Unless I put it somewhere that didn’t work?
I put it under Forms… there, though, it says .button instead of .btn, not sure if that makes a difference. (I’m clearly not knowledgable on this topic haha.)
Hi Sareeta, it looks like your theme does not have the ‘alignright’ class defined in your style sheets for some reason. Add this to your CSS:
.alignright {
float: right;
}
and it should work.
Thanks Marianne… I opened my style sheet and actually found this under the WordPress section:
.alignright {
float: right;
text-align: right;
}
Is this not what you’re talking about? Should I add the code you’re suggesting somewhere else in the sheet?
I figured it out, thank you! My only confusion now is for some reason it is not using my default fonts… how can I fix that? I don’t know where it’s pulling the font it is showing from.
Ah glad you figured it out, what was causing the issue?
As for the fonts, I should have mentioned, the plugin pretty much ignores your custom styles so if you are using custom fonts in your custom style sheet, you’ll have to copy the code into your parallax pages too.
In the top section of your parallax page, in the very first line, add this:
< style >
@ import “https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i”;
< /style >
Or replace with whichever fonts you wish to call in.
(Note: remove the spaces within the ‘style’ tags and also the space between the @ symbol and ‘import’)
This was absolutely incredible. Thanks so much for this!
I have layered popups and mailerlite so everything worked seemlessly. love and blessings your way ♥
I’m so glad Ashley, thanks for letting me know!
wow so glad Ive just found your blog – will be spending some time here. do you know if there is a way of doing this with mad mimi? or of another tute which may show how to?
Hi Helen, unfortunately I don’t know as I have never used Mad Mimi. You might want to look through the documentation at Mad Mimi to see if they allow you to do pop up sign up forms, then you could just use that.
Hey there! I’m brand new to WordPress and just noticed the Parallax plugin hasn’t been updated for a year and has “not been tested” with my version of WordPress. How do I know if it will work for my site or screw it up? I’m excited about trying this! Thanks!
Hi Kelsey, ah I installed it a while ago that I didn’t realize that.
I use it however and it hasn’t done anything to my site. Once you install it, you’ll see that it separates itself from your website, in that you create completely new pages that are independent of your theme or style sheets, so it shouldn’t mess anything up.
But to play it safe, you should always perform a backup of your blog before you install anything just in case you need to revert it back. Hope that helps!
Hi Marianne,
I have tried this several times and it never looks the way yours does. The writing on the page is not centered and when I change the text color to white, the buttons for Facebook and Twitter change to just links. Any guesses as to why?
Hey Jen, can you send me a link to the page you’re working on? It’s hard to say without taking a look.
Thank you for this post Marianna! I am looking forward to trying this next week as I having playing buying landing pages software thinking about beaver building and lead pages. I’m wondering what do you use to create the optin form that redirects to the landing page. I really like the design of it but unsure how to make that form.
Hi Shauna, it’s a ConvertKit form. You’ll learn all about it when you go through the tutorial. 🙂
Thank you so much for this information, Marianne. Truly an amazing resource site you have, and for all of us DIYers, you are a hero 🙂
Aw shucks! I’m so glad you’re finding it all helpful, totally makes my day!
Hi marianne, thats awesome, do you have any ideas how i csn do that with kajabi landing pages? Thanks
Hi Ahu, I personally hadn’t heard of Kajabi, but it looks pretty expensive! The plugin I discuss here is free (and offered as an alternative to paid landing page solutions) so I would definitely recommend checking out Parallax Gravity Lite if you’re not in a position to afford a paid landing page solution.
Great article Marianne!
Really informative and helpful, i’m sure this will improve my blog a lot 😀
Thanks, Dan
I’ve been trying to figure out for a couple days now but I’d like the box to float left instead of right. How do I change that? Help!
Hi Karly, in the 2nd div of the HTML I had you copy, remove this class from it: col-sm-offset-6
That should set the box back to the left. Let me know how it works out!
Hi Marianne, I really enjoy your blog – lots of great info. Do you offer services? As I need a new landing/lead page, etc. Thank you, Nina
Hi Nina, sorry for the delayed response, great timing tho! I am working on some service offerings right now. Be sure to subscribe to be notified of when they launch. 🙂
Hi Marianne, this is incredibly helpful, thank you. I’m having the same problems as Sareeta above: my buttons to Facebook and Twitter don’t look like buttons; just links. And I can’t get my photo to align right. It’s all the way over on the left.
I tried putting the CSS that you suggested into what I *think* is my style sheet. (I don’t actually have a style sheet of my own.) But it didn’t work. Any advice? Thanks, Catherine
By the way, here’s the preview: I hope this works: http://www.thinkorblue.com/?post_type=grp_pages&p=1903&preview=true
Hi Catherine, unfortunately your link doesn’t work as I’m not logged into your blog. Could you perhaps publish it on a test page so i can take a look?
Thanks for your response, Marianne. I hope this worked: http://www.thinkorblue.com/gravity-landing/resource-library-thank-you-page/
Really appreciate any feedback! I was so happy to get this far, if I could just get the photo to align. (And the buttons would be a nice added bonus.)
Hi Marianne, I ended up publishing it because I wasn’t sure how to do a test page. I would very much welcome any tips you have:
http://www.thinkorblue.com/gravity-landing/resource-library-thank-you-page/
Thank you!!
Hi Catherine, sorry for the late reply, I was fighting a stomach illness the last few days and fell behind. So from looking at your code, there is no definition for the following CSS classes in your CSS: .btn-fb and .btn-tw
It also looks as if there are some strange things happening in your CSS somewhere. There are html break tags < br > appearing in your CSS definitions. (see screenshot of code here: https://imgur.com/a/Qb8Kf2s) This could be caused by writing your CSS in a Word document or other document program and copying and pasting it into a stylesheet. Document editors will add all kinds of background code (which is what formats text within the documents themselves) and hence are poor options to use for code. That’s my only guess as to why this could be happening.
Where are you inserting your custom CSS?
Marianne, so sorry about your stomach bug! I hope you’re feeling better now. Thanks for getting back to me. I noticed what you said about the “breaks.” I copied everything again straight from your tutorial to my Text area of the Top page, without pasting it into a Word document or anything. And all of the breaks came back. Even after I deleted all of them. My CSS doesn’t seem to like all those directions on separate lines. It wants them to all be in one paragraph.
I tried to put the definitions for .btn-fb and .btn-tw in, but nothing seems to work. I’m getting pretty frustrated because I’ve been working on this for two weeks 🙁
Your instructions are great; it just doesn’t seem to be working for me. I just really don’t know anything about coding.
Hey Catherine, I totally get your frustration! Where are you entering your CSS code exactly? Also, what theme are you using?
Hi Marianne,
I don’t believe the Parallex Gravity Plugin exists anymore or else maybe it has been renamed? Do you have an updated post on making a tank you page?
Hi Erin, I think you’re right about the plugin. It doesn’t seem to be updated anymore – BUMMER! At the moment, I don’t have another tutorial, but I’ll add it to the list to update! Thanks for letting me know =)