10 Weebly Tweaks for Free Users

Weebly claims over 30 millions of users using their drag and drop platform for building websites. One of the important factors for Weebly’s success is to allow free users modify the source code. During recent days Weebly incorporated restrictions at the backend for free users. Still you can tweak your free site to take it to professional level. Here are 10 Weebly tweaks for free users to make your site professional and SEO friendly.

10 Weebly Tweaks for Free Users

  1. Remove Free Weebly Footer
  2. Add Scroll To Top Button
  3. Add Favicon
  4. Modify Source Code
  5. Adding Custom CSS / Scripts
  6. Verify Site with Google Search Console and Webmaster Tools
  7. Integrate Google Analytics
  8. Add Recent Posts with Blog Feed
  9. Enable Disqus Commenting System
  10. Add Font Icons

1. Remove Free Weebly Footer

The first identification of a free Weebly site is the free footer at the bottom of your site. All free users can’t afford monthly subscription just to remove the footer. You can use simple CSS or script to disable the footer and add custom footer for your free Weebly site.

Remove Weebly Footer
Remove Weebly Footer

Check out the article on how to remove free Weebly footer and add custom links.

2. Add Scroll To Top Button

Scroll to top or back to top button is an easy way for users to reach out top of the page. This is an useful function especially when you have lengthy content. You can simply use HTML text link with href attribute as “#top” to reach the top of the page.

If you want smooth scrolling effect then check out the article on how to add scroll to top button on Weebly site.

3. Add Favicon in Free Weebly Site

The favicon is the small icon shown on the browser tab. This is generally used for branding purpose, so that users will remember your site when multiple tabs are opened in the browser.

You can use custom favicon for your free site by following the guidelines on this article. Try using PNG or JPG image for your icon instead of ICO extension as Weebly overwrites the ICO icon.

4. Modify Source Code

The “Edit HTML / CSS” option allows you to access the source code editor. You can easily upload files and modify the layouts of your theme. It is also possible to completely upload a custom third party theme to use for your site. Learn more on how to edit source code of your Weebly site.

5. Adding Custom CSS / Script

CSS makes your site beautiful. There are many reasons you might be interested in adding custom CSS to your free Weebly site. You can do that in the following three ways:

  • Add CSS inline using Embed Code element
  • Add internally at page level
  • Add externally at site level

Check out the article to get complete details of how to add CSS in Weebly site. Similar to CSS, custom JavaScript can be added to your free Weebly site.

6. Verify Site with Google Search Console and Webmaster Tools

The first step in SEO is to submit your site to Google search engine. The only way to do this is to add your site in Google Search Console account and insert the tracking code on your Weebly site to verify the ownership. Weebly makes the verification process simple by offering a dedicated header code section to insert the verification code. Navigate to “Settings > SEO > Header Code” on your Weebly site, paste the verification code and publish your site.

Similarly add Bing and any other search engine verification codes to verify the ownership of your Weebly site.

7. Integrate Google Analytics

Google Analytics will help you to track different dimensions of the traffic to your site. Nowadays it is difficult to see a website without Google Analytics integration. Weebly offers an easy way to paste the analytics code at site level. Just copy and paste the analytics code under “Settings > SEO > Header Code” section to verify the ownership. Learn more about adding Google Analytics code on your Weebly site.

Remember to paste the analytics code under header section and not under footer code section as Weebly recommends. If you paste under footer code section then Google will show you an error message to paste the code under header part of your pages.

8. Add Recent Posts with Blog Feed

Most of the users do not use the feed reader element offered by Weebly. This element can be placed anywhere on your page of blog sidebar to showcase the latest posts from your blog feed. You can also easily customize the feed reader element with simple CSS.

CSS Classes for Weebly Feed Reader Element
CSS Classes for Weebly Feed Reader Element

9. Enable Disqus Commenting System

The default Weebly comment system does not have many features like email moderation and commenting with social login. Fortunately Weebly offers alternate options like Facebook and Disqus commenting. We recommend to use Disqus which helps you to manage all the comments externally and easily.

Choose Disqus Commenting System for Weebly Blog
Choose Disqus Commenting System for Weebly Blog

10. Add Font Icons

There are two easy ways to use font icons on your free Weebly site. One is to down the font and CSS files and host on your site. Second is to add CDN link of the CSS to connect to external libraries. Learn how to use font awesome icons on Weebly site and you can use any other icons in similar manner. You can create beautiful full width sections with the combination of font icons, embed code and section elements.

Editorial Staff at WebNots are team members who love to build websites and share the learning with webmasters community. Follow us on Facebook and Twitter.

Leave a Comment