Skip to content Skip to main navigation Skip to footer

All Tutorials

protect Weebly website

Weebly Security Guide: 12 Vital Tips to Protect your Website

Category: Beginners Guide, Tutorials

Weebly security is a topic of huge importance for every website owner. Google blacklists around 20,000+ websites every day for malware and around 60,000 for phishing every week.

If you are serious about your website, then you need to pay attention to the Weebly security best practices. In this guide, we will share all the top Weebly security tips to help you protect your website against hackers and malware. Below is the security checklist for your Weebly website.

Prevention is better than cure, so nothing wrong in following simple security steps to protect your account and keep the danger away.

weebly website protection



  • Keep Your Computer Virus Free

Ensure to have clean devices before accessing your Weebly account. The virus infection on your machine can easily spread to your Weebly website. Make sure to perform regular anti-virus and anti-malware scans.

  • Use Strong Password

Password is the first thing hackers try to guess using to login to your account. Hence it is very important to have a strong password for your Weebly account.

  • Change Password Frequently

Remember to change your password every few months regularly. Navigate to your account setting and change the password using “Edit Profile” link.

  • Keep Your Email Safe

Weebly allows anyone to reset the password just by entering your account’s email address. If the hacker has access to your emails, then he can reset the password and access your account.

  • Remove Payment Methods Associated with Your Account

The details of the payment method associated with your Weebly account are stored in your Weebly account. Any security incident will impact the clients like you. Just make sure to remove the stored payment method to avoid any incidents.

  • Don’t Install Unnecessary Apps Based on Reviews

It’s highly recommended not to install or test any unnecessary Weebly apps.

  • Use Embed Code from Reliable Sources

You can end up adding malicious code yourself to your website. Ensure to embed code from reliable sources, only.

  • Modify HTML / CSS Only if Required

Similar to embed code, modifying source HTML and CSS codes can also lead to security problems for your website. Be careful when doing so.

  • Use a CDN with Weebly

A CDN is a network of servers linked together with the goal of delivering content as quickly, cheaply, reliably, and securely as possible. In order to improve speed and connectivity, a CDN will place servers at the exchange points between different networks. Here is how to setup Weebly with Cloudflare CDN.

  • Don’t Upload Executable Files

By all means, avoid uploading executable and JavaScript files on your Weebly website.

  • Buy Custom Theme from Reliable Vendor

Buy custom theme from reliable vendors.

  • Keep a Backup copy

Download the Weebly website archive regularly to keep a backup for emergency purpose. Here’s how to backup a Weebly website.

Weebly vs WordPress

Weebly vs WordPress — 5 Important Differences You Should Know (2025)

Category: Opinion Tags: Weebly vs WordPress

Is Weebly or WordPress better? Can I transfer Weebly to WordPress? What are the main differences between Weebly and WordPress?

Well, we have made available this Weebly vs WordPress in-depth comparison to shed the light on the top 5 important differences between these two web creation solutions.

Weebly vs WordPress

Weebly is actually one of the most popular website builders available in market. It has over 50 million customers worldwide. The web builder provides a very easy to use approach to create fully functional websites.



As per recent stats (2021), WordPress powers over 34% of all the websites on the Internet. The numbers actually speak for themselves. It’s by far the most popular CMS used nowadays.

Weebly vs WordPress

Weebly WordPress
Summary
Weebly is very easy to use. No coding knowledge is needed. Its drag and drop editor makes it super practical, the available resources online, and its support team is on hand if you need some help. However, you won’t be able to customize your website to the same extent as you can with WordPress. You can create a website on Weebly for free, but you’d need to upgrade to one of its paid plans to unlock other extra features. WordPress is an open source platform, means one has full control over the design of the website. Very flexible. WordPress has a much steeper learning curve than Weebly, and you will need to have a minimum coding knowledge to use it. If you need some support, it has a huge community who can give you a helping hand. While WordPress itself is free, you’ll have to pay for things such as themes, plugins and web hosting.
Flexibility
Although you can edit the HTML & CSS codes of your Weebly website, which allows you some freedom to customize the website to a certain extent, Weebly is not an open source platform so you can’t control how some of the tools work. WordPress is an open source platform so you’ll have a lot of freedom to modify your website and how the built-in tools work.
Ease of Use
Weebly is absolutely the easiest website builder available in the market as of today, and it is a much easier web solution to use than WordPress. Weebly provides you with drag & drop website builder, so you can just drag in your content, move them around, all without having to know how to code at all. Compared it to Weebly, WordPress is a lot more challenging to learn how to use. WordPress does not offer a drag and drop interface from where you can build a website, and so how you are able to place your content is largely dependent on how the design template you choose is set up.
User Support
Weebly has a good base of Weebly tutorials if you have any questions on how to use the tools. One of the advantages is that the web builder is so easy to use, you really don’t need a whole lot of guidance to build your first Weebly website. WordPress has a massive community forum where you can ask anything WordPress-related questions. People will get all your questions answered.
Ongoing Maintenance
With Weebly, you don’t have to worry about the technical aspects of building websites. All updates, including performance and security updates are managed by their technical tam. As an open-source platform, WordPress is continually updating and improving its platform to fix bugs and improve its security. Updates can be installed within a simple mouse click in the WordPress admin dashboard.
Pricing
Weebly does offer 4 premium plans, ranging from $5 to $45 per month (pricing based on two-year billing cycle). The higher then plan, the more features you will be able to use. Note that you can still use Weebly for free, but it will display a Weebly advertisement on your web pages. This can only be removed when you upgrade to one of their paid plans or by following our step y step tutorial on how to remove free Weebly footer and customize it. To create your website using WordPress, you will have to pay for your own hosting service which costs around $8 per month. Price range varies depending on the quality of the hosting service provider. Bluehost is a popular WordPress hosting service. A premium design theme can cost from $40– $70, depending on its features. You will also have to register your own custom domain name ($10 – $15 per year).

 

If you’d like to know more about Weebly, you may want to check out our full Weebly review here.

Suggested Read: Weebly vs Wix — 10 Differences You Should Know About.

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

Using CloudFlare DNS with Weebly

Category: Tutorials Tags: use CloudFlare with Weebly 5 Comments

CloudFlare provides fast and secure content delivery network for web applications. Connecting your Weebly website with CloudFlare brings in lots of advantages. For example, using Cloudflare allows your website to be accessible via HTTPS for free.

SSL security is already available within Weebly, but if you are subscribed to Weebly with a different host provider such as BlueHost, one should upgrade to have it installed. This guide allows you to have SSL security with any Weebly plan.



How to Use CloudFlare DNS with Weebly

#1 Sign up with CloudFlare

Go to CloudFlare and create an account (don’t worry, we’re going to use a free account).

#2 Add domain

Login to CloudFlare and click + Add Site (top right). Enter your domain, click Begin Scan and wait about a minute, during which time it should look like this:

use CloudFlare with Weebly

Once the progress bar is replaced by a green Continue Setup button, click it.

Cloudflare will compile your website’s DNS records. Once completed, you will need to verify that the records in Cloudflare match the records with your registrar.

Once all of the records are correct (clouds are orange), click the green Continue button and choose the free plan (and perhaps marvel at the starting price of the Enterprise plan).

CloudFlare with Weebly

#3 Change name servers

Next you will be instructed to change your domain’s name servers. You’ll need to go back to your domain’s registrar and update the DNS with the ones provided by CloudFlare.

​Give it around 24-48 hours for your domain to be linked to CloudFlare. Your website will continue working fine during the waiting period and seamlessly transition to HTTPS once available.

We hope this article helped you learn how to use CloudFlare DNS with Weebly. You may also want to see our guide on how to embed Javascript code in Weebly.

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.

Weebly essential tutorials

10 Essential Tutorials That Every Weebly Newbie Should Know

Category: Beginners Guide, Opinion, Showcase, Tutorials, Weebly Video Tutorials Tags: Weebly essential tutorials, Weebly newbie tutorials

Dear Newbie,

Weebly offers an easy way to help you make a website, but for sure, none of us was born with built-in knowledge on how to do so. This article is simply written to help new Weebly users to get things done in a proper way.



We’re listing here 10 of the most helpful Weebly tutorials that will let you get the most of Weebly features and eventually help you in your first steps as a webmaster. These articles will not only help you in creating a professional website, they will also show you how to improve your website’s overall SEO and how to professionalize everything.

How to Use the Weebly Editor – Learn to Navigate Through it as a Pro

This article showcases the tools and elements that make the Weebly Editor so marvelous. Reading that tutorial helps to understand the functions of the different elements of the Weebly site editor. Therefore, makes the process of creating your own Weebly website pretty easy and interesting.

How to Display Your Images on Weebly with Galleries

Weebly makes it super easy to upload images. However, if anyone is adding several images, then all those images will appear one after another. It obviously doesn’t look great. That’s when we need to use galleries.

A gallery lets us display images in a grid layout with columns and rows. It lets us show thumbnails for images as well. Visitors can then click on them to visualize the full image.

This tutorial shows exactly how to add an image gallery to a Weebly website, as well as how to customize the gallery outline to match the overall site design.

How to Get a Weebly Website Found on Search Results

Search engines are definitely an essential source of natural incoming traffic. This guide demonstrates the basic steps to make sure that your Weebly website is well-setup and ready to be indexed and ranked by the different search engines such as Google, Bing, Yahoo and so on.

Actually the provided steps create an optimized version or your Weebly website. One that search engines can analyze conveniently. The better they can analyze it, the higher the website ranks on search results.

How to Get a Customized Domain Name

A personalized domain name boosts website’s reliability and makes it obvious that it’s professional. Having a customized domain name also greatly enhances the website’s SEO and helps it rank higher in search engine results.

There are absolutely several methods to get a personolized domain name for your Weebly website. One can purchase a domain name directly from Weebly or with a different registrar.

If you already have a registered domain name from another registrar company, you can easily connect it to your Weebly website as well.

How to Optimize a Weebly Website for Mobile Devices

We’re getting very close to the mobile era. Everyone should be ready for it! That clearly means that no website should come without a mobile version. Mobile web use has been rapidly increasing non-stop. In some cases, it even surpasses usage from desktops and laptops.

Anyone should definitely be on top of things to not lose the incoming traffic from mobile web. The following guide helps you to set up the mobile version of your Weebly site.

How to Use Anchor Links for Better Navigation

Using anchor links properly can enhance the user experience on your website. They actually let visitors take the action you want them to do. For instance, linking a page in another web page with suitable and appropriate anchor link gives an idea to the visitors about what they are going to read.

Well, the following tutorial shows how to create anchor links In Weebly.

How to Embed Any Document to your Weebly website

At a certain point, you may want to embed files such as PDF, Word, PowerPoint and so on. Well, that’s absolutely possible and easy to do. This article shows the process of uploading any type of documents to Weebly.

How to Add External Tools with HTML Codes

If you ever find something interesting that you’d like to integrate into your own website, you can do so using Weebly HTML tool.

This gives you the ability to add any HTML code into a frame on your site. Once you publish the site, you see the embedded code line on your page. All you need to do is get the HTML code, and follow these steps on how to embed HTML code into your Weebly website.

How to Make Your Weebly Website Social Friendly

Social media is one of the most effective methods to promote your website. Making your Weebly website social friendly is essential as it allows visitors to engage with your business.

Check out this guide and learn how you can set up/add social media icons to Weebly.

How to Secure your Weebly Website

As a website owner, there is nothing more terrifying than seeing your content and work in general wiped out by a hacker or some sort of malware.

This is why we simply insist on security. Here’s an article that goes through some of the easy steps to secure the transmitted data by enabling SSL in Weebly.

Ready for more? Check the different categories in WeeblyTutorials.com for useful how-to guides on all things Weebly.



Want to set your online presence into motion? Create a website with Weebly!

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

Add Phone Text, Social Icons & Search Box in Weebly Header

Add Phone Text, Social Icons & Search Box in Weebly Header

Category: Tutorials, Weebly Themes 1 Comment

Weebly does not offer the feature to display phone number, social icons and search box in the website’s header area. Most of the Weebly themes do not support this option either.

Displaying social icons is definitely a good idea for better user experience. The thing is it’s only can be added within Weebly interface when you have a paid subscription. Here, we’re going to explain how to add it anyway even for free users.

Add Phone Text, Social Icons & Search Box in Weebly Header

Though search box is only applicable for pro users. When you choose any of the new themes and navigate to “Theme” section in the top of your Weebly Site Editor you will not see an option to enable or disable these elements in the header.

Though there are some other alternatives such as adding custom elements like Google custom search box etc, it’s actually quite easy and fast to display default Weebly header elements by modifying source HTML/CSS.

Add Phone Text, Social Icons & Search Box in Weebly Header

Enabling the Options under Theme Tab

1 – Under “Theme” section, hit the “Edit HTML/CSS” option and choose the preferred page layout you want to add header elements to. For instance, we are modifying the “no-header.html” page.

2 –  Identify the code for displaying logo, it will look something like this:

[fusion_syntax_highlighter theme=”” language=”x-sh” line_numbers=”” line_wrapping=”” copy_to_clipboard=”” copy_to_clipboard_text=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” font_size=”” border_size=”” border_color=”” border_style=”” background_color=”” line_number_background_color=”” line_number_text_color=”” margin_top=”” margin_right=”” margin_bottom=”” margin_left=””]PGRpdiBpZD0ibG9nbyI+e2xvZ299PC9kaXY+[/fusion_syntax_highlighter]

 

3 – Add the following code above the logo code:

[fusion_syntax_highlighter theme=”” language=”x-sh” line_numbers=”” line_wrapping=”” copy_to_clipboard=”” copy_to_clipboard_text=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” font_size=”” border_size=”” border_color=”” border_style=”” background_color=”” line_number_background_color=”” line_number_text_color=”” margin_top=”” margin_right=”” margin_bottom=”” margin_left=””]PHRhYmxlIGlkPSJoZWFkZXIiPgo8dHI+Cjx0ZCBpZD0iaGVhZGVyLXJpZ2h0Ij4KPHRhYmxlPgo8dHI+Cjx0ZCBjbGFzcz0icGhvbmUtbnVtYmVyIj57cGhvbmU6dGV4dH08L3RkPgo8dGQgY2xhc3M9InNvY2lhbCI+e3NvY2lhbH08L3RkPgo8L3RyPgo8dHI+Cjx0ZCBjb2xzcGFuPSIyIiBjbGFzcz0ic2VhcmNoIj57c2VhcmNofTwvdGQ+CjwvdHI+CjwvdGFibGU+CjwvdGQ+CjwvdHI+CjwvdGFibGU+[/fusion_syntax_highlighter] – –

4- Save the changes and check under “Theme” section where you can see the search box, social icons and phone number fields are enabled. Make sure to disable search box option if you are not a Weebly pro user.

Modifying CSS

By adding the above code in source HTML, it’s sufficient to enable default header elements in Weebly. To customize what you just enabled, you then should add the following code for phone number field and search box in your “main-style.css”.

Header Elements Style

[fusion_syntax_highlighter theme=”” language=”x-sh” line_numbers=”” line_wrapping=”” copy_to_clipboard=”” copy_to_clipboard_text=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” font_size=”” border_size=”” border_color=”” border_style=”” background_color=”” line_number_background_color=”” line_number_text_color=”” margin_top=”” margin_right=”” margin_bottom=”” margin_left=””]LyogSGVhZGVyOiBFbGVtZW50cyBTdHlsZQotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0qLwojaGVhZGVyIHsKYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTsKYm9yZGVyLXNwYWNpbmc6IDA7CndpZHRoOjEwMCU7Cn0KI2hlYWRlciB0ZCB7CnZlcnRpY2FsLWFsaWduOiBtaWRkbGU7CnRleHQtYWxpZ246IGxlZnQ7Cn0KI2hlYWRlci1yaWdodCB0YWJsZSB7CmZsb2F0OiByaWdodDsKd2lkdGg6IDFweDsKYm9yZGVyLWNvbGxhcHNlOmNvbGxhcHNlOwp9CiNoZWFkZXItcmlnaHQgdGQgewpwYWRkaW5nOiAwOwp9[/fusion_syntax_highlighter]

Header Phone Number Style

[fusion_syntax_highlighter theme=”” language=”x-sh” line_numbers=”” line_wrapping=”” copy_to_clipboard=”” copy_to_clipboard_text=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” font_size=”” border_size=”” border_color=”” border_style=”” background_color=”” line_number_background_color=”” line_number_text_color=”” margin_top=”” margin_right=”” margin_bottom=”” margin_left=””]LyogSGVhZGVyOiBQaG9uZSBOdW1iZXIKLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi8KI2hlYWRlci1yaWdodCAucGhvbmUtbnVtYmVyIHsKdGV4dC1hbGlnbjpyaWdodDsKfQojaGVhZGVyLXJpZ2h0IC5waG9uZS1udW1iZXIgLndzaXRlLXRleHQgewpkaXNwbGF5OiBibG9jazsKd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ==[/fusion_syntax_highlighter]

Header Search Box Style

[fusion_syntax_highlighter theme=”” language=”x-sh” line_numbers=”” line_wrapping=”” copy_to_clipboard=”” copy_to_clipboard_text=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” font_size=”” border_size=”” border_color=”” border_style=”” background_color=”” line_number_background_color=”” line_number_text_color=”” margin_top=”” margin_right=”” margin_bottom=”” margin_left=””]LyogSGVhZGVyOiBTZWFyY2ggQm94Ci0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSovCiNoZWFkZXItcmlnaHQgLndzaXRlLXNlYXJjaCB7CmZsb2F0OnJpZ2h0Owp9CiNoZWFkZXItcmlnaHQgLndzaXRlLXNlYXJjaCB7Cm1hcmdpbjogMTZweCAwcHggMHB4Owp2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOwpwb3NpdGlvbjogcmVsYXRpdmU7CnJpZ2h0OiAtMnB4Owp9CiNoZWFkZXItcmlnaHQgLndzaXRlLXNlYXJjaC1pbnB1dCB7CndpZHRoOiAxNjZweDsKaGVpZ2h0OiAyNXB4Owpib3JkZXI6IG5vbmU7CmZvbnQtZmFtaWx5OiAnUm9zYXJpbycsIHNhbnMtc2VyaWY7CmNvbG9yOiAjNDE0MTQxOwpmb250LXNpemU6MTNweCA7CmJhY2tncm91bmQ6IHVybChzZWFyY2gtdGV4dC5wbmcpIG5vLXJlcGVhdCB0b3AgbGVmdDsKZmxvYXQ6bGVmdDsKfQojaGVhZGVyLXJpZ2h0IC53c2l0ZS1zZWFyY2gtYnV0dG9uIHsKcG9zaXRpb246IHJlbGF0aXZlOwp3aWR0aDogMzNweDsKaGVpZ2h0OiAzM3B4OwpiYWNrZ3JvdW5kOiB1cmwoc2VhcmNoLWJ1dHRvbi5wbmcpIG5vLXJlcGVhdDsKfQ==[/fusion_syntax_highlighter]

Adding Social Links and Phone Text

  • Hover over the mouse on social icons to see the drop-down and enter your social URLs in the text boxes.
  • Phone number field is available left side of the social icons. Click there and add a phone number or text like “Like Us”.

Publish your website and you’re all set. :)

Suggested Reads:

If you liked this tutorial on adding phone text, social icons & search box in Weebly header, then you may consider subscribing to our WeeblyTutorials YouTube Channel for Weebly video tutorials. You can also find us on Twitter and Facebook.

How to Create a Weebly Blog

How to Create a Free Blog with Weebly: 3 Simple Steps

Category: Beginners Guide, Tutorials 3 Comments

This post explains in details how to create a Weebly blog the right way. Starting a blog is the easiest way to share your ideas, hobbies, and anything else with the world. You may also use it to promote your business online — and even make money from it.



Weebly makes it easy and simple for us to create a blog with its blogging platform.

Related: Ultimate Guide: How to Start a Weebly Website (Step by Step)

#1. Adding a Weebly Blog Page to Your Website

  1. Login to your Weebly account and edit the website in object
  2. Via Pages tab click on “Add Page +”.
  3. Select “Blog Page” as a type of page so you insert a blog to your Weebly website.
Weebly blog

#2. Creating a Weebly Blog

The above method allows you to create a Weebly blog section to the main website. If you’re willing to keep only a blog website then ensure to have the blog page as your home page. This can be done by moving the blog page to the first page under “Pages” menu.

#3. Play with the Weebly General Blog Settings

Weebly Blog Editor

Once you added a blog page, a new blog editor will appear when editing a blog post.

Weebly Blog Editor

Creating a Blog Post in Weebly

To create a new Blog Post in Weebly, you need to click on the “New Post” button. This way you’ll see a new set of elements appear in the Weebly Blog editor which you can drag and drop to your post’s content area.

The following set elements are grouped under “Blog Sidebar” which can only be added in the sidebar.

Weebly sidebar elements

Click on the “New Post” button and drag and drop elements to start building your blog content.

New Blog Post Weebly

Weebly General Blog Settings

You may want to check the “Blog Settings” option to setup various features like posts per page, social media sharing buttons and more.

Weebly Blog Settings

Weebly Comments Settings

“Blog settings” offers also other options for your comment settings like choosing default Weebly’s commenting system and filtering SPAM etc.

weebly comment blog settings

Further Reading

Check out these articles to help you optimize your blog and make it awesome!

Add a free forum in Weebly

Free Weebly Forum — How to Add a Forum to your Weebly Website

Category: Tutorials, Weebly Video Tutorials Tags: add a free Weebly Forum, Weebly Forum 8 Comments

In this article, we’re going to show you how to add a free Weebly Forum to your website. With a lot of cases when it comes to forums it’s a very complicated process but fortunately with Weebly, it’s quite easy to add.



Weebly Forum Feature

Weebly had once a per default third party embed-able feature that automatically allows its users to add forums. It was powered by Tal.ki forums and could be embedded from within a Weebly element. The feature has been unfortunately disconnected. Since then, the two only options for Weebly users are either to find an embed-able forum or to look for a Weebly App that allows them to add forums.

How to Add a Free Forum to your Weebly Website

Add a free Forum in Weebly

Option #1 — Embed a Third Party Forum in your Weebly Website

For this, we’re going to use Nabble Forums. Nabble is a forum that can be enabled in any Weebly website. Here is a step by step tutorial on how to embed Nabble forum in Weebly site.

To get started, the first thing you’re going to do is to add a new standard page with no header as a layout to host your forums. Here’s how to add pages in Weebly. Once done, Go to Nabble.com and click on the link “Create a Free Forum” button  in order to create a free Nabble forum.

Weebly Nabble Forum

You’ll need then to fill two sections – one is for your account details at Nabble and the other is for the details about your forum. Once you filled everything, go ahead and click on the “Create Forum” button.

Weebly forum

You’ll be redirected to your Nabble forum page. In order to perform any kind of changes to your forum, you’d first need to confirm the email sent to you. The permanent Nabble link for your forum will also be sent with the activation email.

Free Weebly Forum

You can also login to your forum using the link received in your welcome email. Well, now to add your forum to your Weebly website, log in to your forum and then select the “Embedding options” under options menu.

Embed Forums to Weebly

Copy the Javascript code displayed. We’re going to insert this into your Weebly website ti embed the forum you just created.

In  order to have the forum displayed in your Weebly website, you’ll need to login to your Weebly website editor, and embed the javascript code into a standard page. Here’s how to embed Javascript code in Weebly.

Publish your Weebly website and now you are all set! :)

Option #2 — Embed a Forum in your Website using a Weebly App

We did not yet write a step by step guide on that but if you check out Weebly App Center, you should see a few options for forums: https://www.weebly.com/app-center/search/forum

We hope this article helped you learn how to add a free forum in your Weebly 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.

Import Weebly theme

How to Import a Theme in Weebly

Category: Beginners Guide, Tutorials, Weebly Themes Tags: Import a Theme in Weebly

This tutorial explains how to import a theme in Weebly. Import themes to bring them into the Weebly editor where you can edit and test them. You import themes using the Weebly Site Editor. Export themes to create a zip file used to distribute the theme.

Suggested Reads:

How to Import a Theme in Weebly

Weebly themes must be provided as a .ZIP file. Styles must live in main_style.css or main.less (if using LESS). Make sure you’ve included all images and other assets. Well, importing a Weebly theme is mostly needed when you buy a theme from third parties. The import option is available under “Design > Change Themes > Import Theme”. More detailed instructions below:

​To import a Weebly theme:

  1. Open your test site. In the Weebly editor, click the Design tab.
  2. Click Change Theme, and at the bottom, click Import Theme.
To apply your theme to your site, go to Design > Change Theme, click Custom Themes, and click Choose to apply it, or Edit to edit the theme.



We hope this article helped you learn how to import a theme in Weebly. You may also want to see our guide on how to export a theme in Weebly.

Additional Reading

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.

How to Remove Free Weebly Footer and Customize it (With Video | Updated 2025)

Category: Beginners Guide, Tutorials Tags: Remove Free Weebly Footer 74 Comments

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.

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 

We have deleted the old method and updated this article as per recent Weebly updates.

Remove Weebly Footer as per Recent Weebly Update — April 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.

[fusion_syntax_highlighter theme=”” language=”x-sh” line_numbers=”” line_wrapping=”” copy_to_clipboard=”” copy_to_clipboard_text=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” font_size=”” border_size=”” border_color=”” border_style=”” background_color=”” line_number_background_color=”” line_number_text_color=”” margin_top=”” margin_right=”” margin_bottom=”” margin_left=””]LmJvZHkgeyBiYWNrZ3JvdW5kLWNvbG9yOndoaXRlOyBmb250LWZhbWlseTpBcmlhbDsgZm9udC1zaXplOjIwcHg7IGNvbG9yOiMwMDAwMDA7IH0gJChkb2N1bWVudCkucmVhZHkoZnVuY3Rpb24oKSB7IGRvY3VtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUo4oCcZm9vdGVyLXB1Ymxpc2hlZC1hYi1wb3dlcmVkLWJ54oCdKVswXS5yZW1vdmUoKTsgfSk7[/fusion_syntax_highlighter]

Here’s also a video that shows how to remove “Powered by Weebly” on a FREE Weebly website (Updated 2019).

If the above code didn’t work for your website, try this one:

[fusion_syntax_highlighter theme=”” language=”x-sh” line_numbers=”” line_wrapping=”” copy_to_clipboard=”” copy_to_clipboard_text=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” font_size=”” border_size=”” border_color=”” border_style=”” background_color=”” line_number_background_color=”” line_number_text_color=”” margin_top=”” margin_right=”” margin_bottom=”” margin_left=””]ZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcijigJhET01Db250ZW50TG9hZGVk4oCZLCBmdW5jdGlvbigpIHsgdmFyIGVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCjigJx3ZWVibHktZm9vdGVyLXNpZ251cC1jb250YWluZXItdjPigJ0pOyBlbGVtZW50LnBhcmVudE5vZGUucmVtb3ZlQ2hpbGQoZWxlbWVudCk7IH0sIGZhbHNlKTs=[/fusion_syntax_highlighter]

 

Remove Weebly Footer as per Recent Weebly Update — May 2019

[fusion_syntax_highlighter theme=”” language=”x-sh” line_numbers=”” line_wrapping=”” copy_to_clipboard=”” copy_to_clipboard_text=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” font_size=”” border_size=”” border_color=”” border_style=”” background_color=”” line_number_background_color=”” line_number_text_color=”” margin_top=”” margin_right=”” margin_bottom=”” margin_left=””]LmJvZHkgewpiYWNrZ3JvdW5kLWNvbG9yOndoaXRlOwpmb250LWZhbWlseTpBcmlhbDsKZm9udC1zaXplOjIwcHg7CmNvbG9yOiMwMDAwMDA7Cn0KCiQoZG9jdW1lbnQpLnJlYWR5KGZ1bmN0aW9uKCkgewpkb2N1bWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKOKAnGZvb3Rlci1wdWJsaXNoZWQtYWItcG93ZXJlZC1ieeKAnSlbMF0ucmVtb3ZlKCk7Cn0pOw==[/fusion_syntax_highlighter]

 

Remove Weebly Footer as per Recent Weebly Update — July 2019

[fusion_syntax_highlighter theme=”” language=”x-sh” line_numbers=”” line_wrapping=”” copy_to_clipboard=”” copy_to_clipboard_text=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” font_size=”” border_size=”” border_color=”” border_style=”” background_color=”” line_number_background_color=”” line_number_text_color=”” margin_top=”” margin_right=”” margin_bottom=”” margin_left=””]ZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcijigJhET01Db250ZW50TG9hZGVk4oCZLCBmdW5jdGlvbigpIHsKJCjigJxkaXbigJ0pLnJlbW92ZSjigJxkaXYjd2VlYmx5LWZvb3Rlci1zaWdudXAtY29udGFpbmVyLXYz4oCdKQp9LCBmYWxzZSk7[/fusion_syntax_highlighter]

 

Remove Weebly Footer as per Recent Weebly Update — January 2024

This is the most recent working solution tested as of March 2020. Shout-out to Raul Cabestany who has worked to provide us this code.

[fusion_syntax_highlighter theme=”” language=”x-sh” line_numbers=”” line_wrapping=”” copy_to_clipboard=”” copy_to_clipboard_text=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” font_size=”” border_size=”” border_color=”” border_style=”” background_color=”” line_number_background_color=”” line_number_text_color=”” margin_top=”” margin_right=”” margin_bottom=”” margin_left=””]aWYgKGRvY3VtZW50LnJlYWR5c3RhdGUgPT09IOKAmGNvbXBsZXRl4oCZKSB7IHdoaWxlIChkb2N1bWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKOKAmHBvd2VyZWQtYnnigJkpWzBdKSB7ZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSjigJhwb3dlcmVkLWJ54oCZKVswXS5yZW1vdmUoKTsgfSB9IGVsc2UgeyBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKOKAmERPTUNvbnRlbnRMb2FkZWTigJksIGZ1bmN0aW9uICgpIHt3aGlsZSAoZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSjigJhwb3dlcmVkLWJ54oCZKVswXSkgeyBkb2N1bWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKOKAmHBvd2VyZWQtYnnigJkpWzBdLnJlbW92ZSgpOyB9IH0pOyB9[/fusion_syntax_highlighter]

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.

Export theme

How to Export a Theme in Weebly

Category: Beginners Guide, Tutorials, Weebly Themes Tags: Export a Theme in Weebly

This tutorial explains how to export a theme in Weebly. You may export a theme if you’ve completed working on it and wanna keep a version locally on your computer. Or, for example, wanna import it in a different account. You import themes using the Weebly Site Editor. Export themes to create a zip file used to distribute the theme.

Suggested Reads:

How to Export a Theme in Weebly

Once you’ve completed your theme, use the Weebly editor to zip it up for you.

  1. Open your test site. In the Weebly editor, click the Theme tab.
  2. At the bottom, click Edit HTML/CSS.
  3. Click Export Theme.

export weebly theme

Your theme will be then downloaded and is ready for distribution.



We hope this article helped you learn how to export a theme in Weebly. You may also want to see our guide on how to import a theme in Weebly.

Additional Reading

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.