Disqus is the simple and easy way to add a powerful comment control system into your site. Especially with the combination of Weebly’s easy to build site builder and Disqus’s comment controlling, your site will become a wonderful platform for discussion. This will also help to build a community among the commenting users and popularize your site’s brand easily. This article explains step by step process of generating code from Disqus and embedding it in Weebly site.
Weebly announced default integration of Facebook and Disqus commenting on blog posts. You can choose this option from your blog settings without adding any codes. The below instructions hold good if you want to add Disqus on Weebly pages.
Step1 – DISQUS Registration
Open Disqus.com website and click on “Add Disqus to Your Site” link or button. You will see a “Sign up” window as shown in the below picture. Fill up the username, email address, password and click on “Next step” button. (You need to verify your email by clicking on the confirmation link received).
Fill up the “Site Profile” details with site name, Disqus URL and site’s category. Click on “Finish Registration” button once done.
You will be prompted to select the platform on which you want to install Disqus. Choose “Universal Code” option.
Step2 – Copy the Code
Setup instruction screen will open along with various options of installing and customizing your comment box. Ensure “Universal Option” is selected in the drop down and copy the script code in the text box.
Step3 – Embedding in Weebly
Login to your Weebly account and select the site you want to add Disqus. Drag and drop “Embed Code” element in site’s content area and paste the code copied in Step2. After a few seconds you should see a comment control system from Disqus appears, you need not to publish your site to see the comment box.
Step4 – Verifying Installation
The final step is to verify your installation in Disqus. Go to Disqus account setup instruction page and scroll down to the bottom. Click on the “Verify” button to confirm the installation of Disqus comment box in your site.
Width and position of the comment box can be adjusted by placing the Disqus code inside the “Spacer” element.