How To Enable Blog Comments & Other Blog Post Footer Settings
You have the ability to insert a variety of items the bottom of all blog posts on your website, for example:
- Facebook Comments
- DISQUS Comments
- Email Optin forms (from email marketing services like MailChimp)
- Custom forms (from services such as Wufoo)
- etc.
Basically there's a field in the backend of your website called "Custom Blog Post Footer" (found in SETTINGS > Blog Settings). Anything you put in there will be displayed at the bottom of all your blog posts.
Here are detailed steps for common use cases:
Enabling Facebook comments on your blog posts
1. COPY this code:
<div class="fb-comments" data-href="<% posturl %>" data-numposts="5"></div>
2. Login to your RealtyNinja website, then go to "SETTINGS > Blog Settings"
3. PASTE the code you copied from step 1, into the "Custom Blog Post Footer" field, then click "Apply Changes"
4. In the backend of your website, click "SETTINGS > Custom Code"
5. COPY this code:
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
6. PASTE the code you just copied into the "Custom Body Code" field, then click "Apply Changes" at the bottom of the page
7. Test it out by going to any blog post on your website and scrolling down to the bottom. You'll see that people can now leave comments on your blog posts via their Facebook account.
Enabling DISQUS comments on your blog posts
1. Go to https://disqus.com/ and sign up
2. Choose "I want to install Disqus on my site"
3. Type in the name of your website, for example "Emily Smith Real Estate" and choose the "Business" category, then click "Create site"
4. Choose your account type. Go with the basic/free account if you're okay with small ads, or a paid account if you're not.
5. On the "What platform is your site on?" scroll down and choose the "install manually with universal code" option
4. COPY the entire code provided where it says "Place the following code where you'd like Disqus to load:"
5. Scroll down and click "Configure" and fill in the rest of the form's required fields then click "Complete Step"
Note: Only the website name and website URL fields are really necessary.
5. Login to your RealtyNinja website, then go to "SETTINGS > Blog Settings"
6. PASTE the code into the "Custom Blog Post Footer" field and Save.
7. Test it out by going to any blog post on your website and scrolling down to the bottom. You should see the Disqus comment section loading like this:
Inserting an email optin form at the bottom of all your blog posts
If you use a modern email marketing system (such as MailChimp) then you have the ability to embed an "opt in" form that directly adds subscribers to your mailing list, right from the bottom of all blog posts on your website.
Note: Specific instructions may vary, depending on the system you use but here are the instructions for MailChimp:
1. Follow their instructions here https://kb.mailchimp.com/lists/signup-forms/add-a-signup-form-to-your-website
2. For the step that says "Paste the embed form code into your website's HTML where you want the form to appear." you'll first need to login to your RealtyNinja website, then go to "SETTINGS > Blog Settings"
3. PASTE the code into the "Custom Blog Post Footer" field, then click "Apply Changes"
Inserting a custom form on at the bottom of all your blog posts
If you use a modern custom form builder (such as Wufoo) then you have the ability to embed your custom form right at the bottom of all blog posts on your website.
Note: Specific instructions may vary, depending on the system you use but here are the instructions for Wufoo:
1. Follow their instructions here https://help.wufoo.com/articles/en_US/kb/Embed
2. For the step that says "Paste the code in your web page" you'll first need to login to your RealtyNinja website, then go to "SETTINGS > Blog Settings"
3. PASTE the code into the "Custom Blog Post Footer" field, then click "Apply Changes"