/, Tutorials/How to Remove Free Weebly Footer and Customize it (Updated 2019)

How to Remove Free Weebly Footer and Customize it (Updated 2019)

Ever wondered how to remove free Weebly footer message and customize it? Well, as you might know, free websites created with Weebly display the following footer message “Create a free website with Weebly” or “Powered by Weebly” in every page. All free accounts under Weebly have this footer messages. It’s Weebly’s own ad. It can only be removed by upgrading to a higher Weebly plan. Upgrading to paid plan isn’t that interesting for someone who simply needs a small website with only a few pages.

remove free weebly footer

Well, the good part is, with the access for editing source HTML anyone, including those who have free accounts, still it is possible to remove or customize the message shown in the footer area in your Weebly website.

How to Remove Free Weebly Footer and Customize it



You can follow these steps to remove free Weebly footer message from your website.

Login to your Weebly account and select “Edit” button for the website you’d like to remove the footer. In Weebly editor select “Edit HTML/CSS” under “Theme” tab.

weebly free footer

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

<! footerwrap >
<div id=“footer-wrap” class=“content-wrap”>{footer}</div>
<! end footerwrap >

Or

<div id=“footer-wrap”>
<div id=“footer”>
{footer}
<div></div>

Or

<div id=“footer”>{footer}</div>

Once you found the code, now the first step is to hide the footer by adding the below code either in <div> id “footer” or “footer-wrap“.

style=“visibility:hidden”

It should look like this:

<div id=“footer” style=“visibility:hidden”>{footer}</div>

weebly free footer 2

For Recent Weebly Update in September 2017

For newer Weebly websites, the ones created in or after September 2017, hiding the footer is no more working as Weebly updated the back-end to get the footer styles dynamically to make it visible again. Here’s how to hide it:

  • Right click on the “Powered by Weebly” footer and click on the “Inspect Element” or “Inspect” option.

  • This will show the CSS code of the footer element of your Weebly website like below.

  • The footer advertisement is coming from the id “weebly-footer-signup-container”. That name may vary based on your theme, but basically it should be a footer signup container. As you can see the “visibility” is made as “visible !important;” in each element under the footer signup container block. This is the reason the footer will not hide even you hide the footer or footer wrapper in source HTML.
  • Now that there are many ways to copy the complete code block of the Weebly footer signup container. Right click on the element and click “Edit as HTML” then copy the code block. Or right click and go to “Copy > Copy OuterHTML” to copy the code.

Paste the copied code into a text editor like Notepad++ . Once done, replace all occurrences of “visibility:visible !important;” to “visibility:hidden !important;”. Basically you can find the word “visible” and replace it with “hidden”. Finally the modified code should look like below:

<div id=“weebly-footer-signup-container” class=“light” style=“display:block !important; visibility:hidden !important;height: 62px !important;”>
<div class=“signup-container-header trigger-signup” style=“display:block !important; visibility:hidden !important;”>
<button class=“start-free” style=“display:block !important; visibility:hidden !important;”>Create a free website</button>
<div class=“powered-by” style=“display:block !important; visibility:hidden !important;”>
Powered by <span class=“link weebly-icon” style=“display:block !important; visibility:hidden !important;display:inline-block !important; visibility:hidden !important;”></span>
</div>
</div>
</div>

  • Paste this code under “Settings > SEO > Header Code” section of your site inside Weebly editor.

  • Save your changes and publish the site and check the footer should have been removed.

Basically the modified code will overwrite the default Weebly footer code to hide the footer banner.

For Recent Weebly Update in March 2019

Weebly has pushed a new update as of late February 2019 to get the footer styles dynamically to make it visible again. Here’s how to hide it:

Login to your Weebly Site Editor and paste the following code in Settings > SEO > Footer Code.

document.addEventListener(‘DOMContentLoaded’, function() {
var element = document.getElementById(“weebly-footer-signup-container-v3”);
element.parentNode.removeChild(element);
}, false);

We hope this article helped you learn how to remove the free Weebly footer message from your website.

If you liked this tutorial, then you may consider subscribing to our WeeblyTutorials YouTube Channel for Weebly video tutorials. You can also find us on Twitter and Facebook.

By | 2019-03-13T20:17:07+01:00 September 19th, 2018|Beginners Guide, Tutorials|34 Comments

About the Author:

Editorial Staff at WeeblyTutorials is a team of Weebly experts.

34 Comments

  1. Max February 18, 2019 at 9:14 pm - Reply

    Nice it works… But saddly I can see the Powered by Weebly on the Mobile version… How do i get rid of that also?

    • Editorial Staff March 6, 2019 at 10:46 pm - Reply

      We’re trying to find a new workaround for this. Will update this article ASAP.

  2. Clockwork Art March 1, 2019 at 5:02 am - Reply

    Followed all of these steps about 6 months ago. It worked perfectly until I logged in today & found the footer banner back. Updated & edited the revised source code, did exactly as above, and it doesn’t work. 🙁 Help?

    • Editorial Staff March 6, 2019 at 10:46 pm - Reply

      Hi, We’re trying to find a new workaround for this. Will update this article ASAP.

  3. homer March 1, 2019 at 6:01 am - Reply

    removed the pop up sign up footer however the “powered by weebly” remains. couldnt find out why. help huhu

  4. homer March 1, 2019 at 8:31 am - Reply

    it works but if you have the same problem as me where the “powered by weebly” remains or the footer is still visible in mobile view, you can try this one. but please make sure to always have a backup code for the original that way you wont mess it up.
    so after an hour of research about attributes and trial and error you literally almost have to rewrite the code. idk how i did it but somehow i made it work. was able to remove the clickable link too. this is the code edits i came up with. kudos to this website btw for keeping it updated.

    • Editorial Staff March 6, 2019 at 10:51 pm - Reply

      Is it working for you? If yes, could you share the code here? Ty.

  5. Nate March 1, 2019 at 9:56 pm - Reply

    As of today, it doesn’t appear to be working anymore.

    • Editorial Staff March 6, 2019 at 10:48 pm - Reply

      Hi Nate, we’re trying to find a new workaround for this. Will update this article ASAP.

  6. nova March 2, 2019 at 6:37 pm - Reply

    idk how 🙂 helpfull

  7. Danielle March 4, 2019 at 5:25 am - Reply

    This is no longer effective. Please update. Thank you.

    • Editorial Staff March 6, 2019 at 10:49 pm - Reply

      Hi Danielle, we’re working to update this article. Thank you.

  8. Jeffrey March 4, 2019 at 9:27 am - Reply

    For me the pop up goes away but the powered by weebly remains :/

    • Editorial Staff March 6, 2019 at 10:50 pm - Reply

      Hi Jeffrey, we’re working on updating this article ASAP.

  9. jackie March 4, 2019 at 7:07 pm - Reply

    It’s not working for me either

    • Editorial Staff March 6, 2019 at 10:50 pm - Reply

      Hi Jackie, sorry to hear that. We’re working on updating this tutorial ASAP! Thank you.

  10. camille March 5, 2019 at 10:43 am - Reply

    Powered by weebly pop up came back and this updated method didn’t work unfortunately… any idea?

    • Editorial Staff March 6, 2019 at 10:43 pm - Reply

      Hi Camille, we will update this article as soon as possible.

  11. gene March 6, 2019 at 9:01 pm - Reply

    they changed it so it wont work. Any updates?

    • Editorial Staff March 6, 2019 at 10:43 pm - Reply

      Hi Gene, we will update this article as soon as possible. Thank you!

  12. Mark March 6, 2019 at 9:21 pm - Reply

    Me too. Unfortunately a new update override this fantastic method. We waiting for some news.

    • Editorial Staff March 6, 2019 at 10:42 pm - Reply

      We will update this article as soon as possible. Thank you!

  13. Editorial Staff March 6, 2019 at 10:41 pm - Reply

    Hi, we’re working to find a new workaround to get rid of Weebly footer. We will try to update this tutorial as soon as possible and then notify all of you via email. Thank you

  14. Mrunal Dhoble March 8, 2019 at 7:35 am - Reply

    I was using this code


    document.addEventListener(‘DOMContentLoaded’, function() {
    var element = document.getElementById(“weebly-footer-signup-container”);
    element.parentNode.removeChild(element);
    }, false);
    

    I juat pasted this code in the Settings/ SEO / Footer Code.

    It worked perfectly untill 6th March the footer #POWERED BY WEEBLY.. was back

    I am facing a lot of problem, as i serve my customers on the site, i request the team to please come up with a solution ASAP, cause many users are facing the footer tag issue..

    • P March 13, 2019 at 3:35 pm - Reply

      change it to weebly-footer-signup-container-v3

  15. KARTHIK S March 10, 2019 at 2:41 pm - Reply

    HELP ME OUT TO REMOVE WEEBLY POPUP FROM WEBSITE
    REPLY FASTER WITH FOOTER CODE

  16. Andrew March 11, 2019 at 4:31 am - Reply

    im having same problem weebly footer is back is there a new code to hide it??

  17. Andrew R March 11, 2019 at 10:05 pm - Reply

    weebly footer code is not working is there going be a new update ?????

  18. Adam March 14, 2019 at 6:36 am - Reply

    I’ve followed the March 2019 update steps, but the footer is still showing up. Any suggestions?

  19. Gene Hew March 15, 2019 at 4:10 am - Reply

    Same with me, followed the steps, and still not working. Perhaps Weebly’s caught on to this site?

  20. Michel March 15, 2019 at 12:31 pm - Reply

    Update from remove “powered by weebly”??

  21. Nate March 17, 2019 at 1:54 am - Reply

    Bummer. I tried the updated code for “March 2019” and it doesn’t appear to work. Hoping for an update soon. Thanks for your hard work.

  22. Shahrooz khan March 18, 2019 at 3:57 pm - Reply

    Not working as on 18th march 2019

  23. David March 20, 2019 at 3:08 pm - Reply

    I believe that this update will have no solution, weebly certainly created a new system that can not be circumvented to remove the advertisement.

Leave A Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.