The Page Builder in Divi lets you create a page with basically any type of layout and content. Whatever you want.
However, by default, your visitors cannot leave you comments and other loving messages on the pages build with Page Builder, even if you have the Allow comments setting turned on and the Show comments on pages enabled in the ePanel. This is a bit of a disappointment, but there IS a solution.
Divi comes with 2 page templates, a Default Template that will give you a top menu, and a Blank Page which gives you, well, a blank page.
Both these templates have a line of code that would insert the Comments part in the page IF the Page Builder is not used. Unfortunately it’s not enough to modify this line, because of several consequences in the different layouts / templates. But with a new template this can all be fixed.
Page Template for pages with Page Builder and Comments
I took the default template as a base and added a couple lines of code (almost) at the end.
You can check the end result on any of my Example pages, they are all built with Page Builder and comments are working on them as expected.
The comment section will be as wide as your content and it will be just as responsive.
If you want, you can just grab the template file from the store (it’s free).
- Unzip and copy the file into your active Theme’s folder, or it Parent Theme’s folder (
wp-content/themes/Divi/
or your child theme folder). You will immediately have a new template called Page Builder with Comments available on your pages. - Enable comments on your page and enable Show comments on pages in the ePanel under Appearance > Divi Theme Options > Layout Settings > Single Page Layout.
- Wait for your visitors to leave you some loving messages.
With all that set you will get your comments section at the end of any page built with Page Builder.
Enjoy and spread the love! 🙂
You’re a god.
Thank you.
Deeply. 🙂
I wish! 🙂
You’re welcome!
I love you! Thanks so much for this!
So I could use a little help. The template DOES work…thanks again. But I’m not finding any CSS to make it appear the width of the section the page is in. It comes the full width. I tried this CSS to no avail:
.et_pb_pagebuilder_layout #comment-wrap {
width: 75%;
}
You can see a test page with very little text on it so there’s a huge gap between the content and the message area on this sample test page: http://suscaphill.hoffmangraphics.com/thankyou/. The above CSS does make it narrower when using Inspect Elements but it does NOT bring it up to directly under the body content. And it doesn’t work when applied in the ePanel or elsewhere.
Thanks,
Sheila in Seattle
Hi Sheila,
I do apologize with the late reply. I cannot get to the sample page you sent above.
Please send it again if you need help and I’m more than happy to take a look at it for you.
Thanks for this Andras.
The word “on” shows up on the left side of the page just above the Submit a Comment line. I looked through the code for why that was happening but I don’t know php well enough yet…
Hi Randall,
Indeed… Oooops… 🙂 That’s my bad. :blush:
Thanks for pointing that out.
You need to delete the below line from the template file:
Or you can get the fixed version from the shop, I just updated it.
Thanks for pointing this out!
Pls … help. S.O.S. F1 F1 F1.. 🙂
I had to redesign wp site… old theme was twentyten… client had many comments on site.. how to restore them with this… on Divi theme…after installing Page Builder and Comments ? Sorry for my bad engl.
thx in advance..
Hi Miroslav,
The comments should be still there in the system, they are not deleted with an update.
Which version of Divi are you using?
Can you share a link to your dev site where I can check?
How can I show comment box with all comments for each blog post in blog list page. I am using Divi theme??
Hey Rahul,
Do I understand correctly, that you want to:
– list all your blogposts
– below every post list all the comments of the post?
If yes, then you will need to dig into the template that lists the posts and add a code (probably 1-2 lines) to load the comments as well.
Hope this helps!
Your link is broken. Would love to see it fixed!
Hey Matt, thanks for reporting this. I fixed it now.
Could you please give me some detail on exactly how you would “copy” the file into your active Theme’s folder. I’m a novice and would really appreciate the help. Thanks!
Robert
Andras,
I think I neglected to include my name and email on my recent comment/question regarding how to copy files into the active Theme’s folder. If this is a duplicate, please accept my apology. Anyway, I’m new to this so would appreciate the help. I downloaded your comments page template from the store but am now not sure how to copy it into the right folder. please give me the steps involved if you can.
Thanks very much,
Robert
Hey Robert,
Thanks for reaching out!
Once you downloaded and unzipped the file, then simply copy the .php file into your theme’s folder on the server. In case of Divi that should be wp-content/themes/Divi. If you use a child theme then wp-content/themes/{child-theme-name}
Hope this helps, let me know.
Cheers,
Andras
Thanks, Andras.
What I was hoping for was some guidance on how to do that. As I said, I’m new to website building (not new to computers though). Can you have mercy on me and lead me by the hand on the steps involved to copy the file into the divi folder. FYI – I have an ISP provider issue that keeps me from using FTP to access the site server. I have limited access through the WP admin panel.
Thanks very much,
Robert
I’m afraid that without FTP access that will be not possible as you need to either upload the file, or create a new empty one which you can then edit through the WP dashboard. Unless you find a plugin that will help you create new files on your server through the WP dashboard.