How to Remove Free Weebly Footer and Customize with Links?

Free sites created with Weebly shows the footer message “Create a free website with Weebly” or “Proudly powered by Weebly” in every page. Though Weebly says there are no forced advertisements on a free account this footer messages is their own ad and you can only remove this footer by upgrading to starter, Pro account or business plan. Upgrading to paid plan is costly for a user who needs only few online pages with a blog.  The good part is, with the access for editing source HTML even for a free users, still it is possible to hide this footer in your site and add your own content and links in footer area.

Weebly Free Footer Message

Follow the below step by step instructions to hide or remove free Weebly footer from your site. If you are looking for adding multiple column drag and drop footer to your free Weebly site then check out our separate article.

Remove Free Weebly Footer Message

Login to your Weebly account and select “Edit” button against the site you want to remove the footer. In Weebly editor select “Edit HTML/CSS” under “Theme” tab.

Editing Source HTML and CSS in Weebly

Choose one of the header type (in this example we modify “no-header.html”) and search for the footer section. Since the footer code may vary based on the theme you use for your site, find something like below code. There should be a {footer} tag in all Weebly page layouts and locate that tag.

OR

OR 

Now the first step is to hide the footer by adding the below code either in <div> id “footer” or “footer-wrap“.

It should look like below after you’ve done that:

Hiding Free Weebly Footer

If you have enabled “Auto Preview” then you can view the footer is disappeared under the preview section.

Creating Custom Weebly Footer

Now that you have hided the footer and the next step is to start building your own footer links. In order to do that replace the existing footer code with the following code:

Ensure to replace “My Site” with your site name. Now the default footer is hidden and your custom text will be shown in the footer area.

Adding Links to Custom Weebly Footer

If you want to add link to “My Site” then insert the below code instead of the above and replace “URL Link” with your own link.

Line break <br> and align=”center” attributes are used to position the links in the middle of the footer.

Adding Custom Links in Weebly Footer

You can insert multiple links to show links to pages like Contact, Privacy, Sitemap, etc. After you have finished all, the complete code should look like this:

Your preview will show something like below picture. You can link pages in your own site or external URL as per your need.

Custom Footer Preview in Weebly

Save the changes and publish your site. Your site now will look like a Pro site created with good looking footer links.

Check Footer Links in Published Weebly Site

Alternate Method:

Hiding the footer will sometimes lead to additional blank space in the footer area which is not possible to remove. To overcome the height problem of the footer, instead of hiding it you can remove it by using “display:none” style as shown below:

Watch out the step by step demo in the below video: