Skip to content Skip to main navigation Skip to footer

Tutorials

Weebly website down

Weebly Website Not Working? Check this Ultimate Troubleshooting Guide

If your Weebly website is down, there’s no need to panic. This troubleshoot guide is made available to figure out what’s going on. You’ll definitely be able to get the website up and running as it should be.

Before moving forward with this post, you may want to double check to make sure if your website is working and not a cache issue from your end: How to check if your Weebly website is working worldwide.



Weebly Website is Down? Here’s What May Have Gone Wrong

First of all, make sure the actual Weebly website is created and published and it’s ready to be online. If website is unpublished, you’ll be seeing a 404 error.

Weebly Down for Unexpected Maintenance

If you ever come across that error, be reassured that it’s temporary and your website will be back shortly. We have a dedicated article that explains this in detail. Check it out: Weebly Down for Unexpected Maintenance.

Website still down? Not a problem. Let’s figure out what’s going on. The sections below are specific to the kind of address you’re using.

Weebly Website Down Using a Free Weebly Sub-Domain (like website.weebly.com)

Actually, the only real problem which will keep your Weebly subdomain from showing up online is if a typo or other mistake was made when setting up the address in Weebly. Double check your URL.

Weebly Website Not Working using a Customized Domain Purchased through Weebly

If your domain is registered through Weebly, there are very few problems that may prevent your website from being reachable.

404 error like this?

Weebly 404 error

This usually means the website is not published from the Weebly Site Dashboard. However, if you know you’ve published your Weebly website still not working, you can try a couple of different things: Hard refresh your browser and/or make sure there’s no typo in the typed URL.

Weebly Website Not Working using a Customized Domain Purchased Elsewhere

If your domain is registered through a different domain provider, there are very few problems that may prevent your website from being reachable.

Seeing something like this?

Domain expired

That means the registered domain is now expired. Make sure to renew it.

Something like this?

Domain not pointed

That error either means the domain isn’t properly pointed to Weebly or DNS propagation in progress and you’d just need to give it some time, usually a few hours. Here’s how to point your domain to 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.

add quiz in Weebly

How to Add a Quiz in Weebly

Ever wondered how to add a quiz in Weebly? A quiz us basically an online web form that collects visitor input, processes submitted values, and shows results.

Quizzes are a very useful way to increase visitor engagement. They can be used for several purposes including education and more.

Well, in this tutorial, we will show you how to easily insert a quiz in Weebly.



How to Add a Quiz in Weebly

In order to add quizzez in Weebly website, we will going to create a HTML quiz with any provider online such as Interact or GoToQuiz and then paste the generated HTML code into our Weebly website using the Embed Code Element from the Weebly Site Builder.

Let’s say you have already created the quiz and generated the HTML code, you’d just then need to follow below steps so you add that to your website.

  1. Inside the Weebly Site Editor click “Embed Code”. This will add an HTML box onto your Weebly website where the quiz will be displayed.
  2. Click “Edit Custom HTML”. This will open up a box you can add the quiz embed code into.
  3. Copy your embed code from Interact, GoToQuiz or any other provider that allows creating HTML quizzez.
  4. Paste in and you’re done

Add a quiz to Weebly

We hope this article helped you learn how to insert quizzez in Weebly websites. You may also want to see our guide on How to Add Proper Spaces in a 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.

Weebly Spacer Element

How to Add Proper Spaces in a Weebly Website

This article sheds the light on two of the most important Weebly elements. The Spacer element and divider element. The main purpose of this post is to help you understand how to have and keep consistent spacing across your Weebly website.



Weebly Spacer Element

Well, there is a Weebly element specifically designed for adding spaces in between contents, and that is called the SPACER element.

The spacer element is quite a good tool as it allows you to add spaces but it’s not that recommended. Here’s why, the element itself makes it not that easy to have a consistent spacing. The reason for this is that you have to drag the spacer element up and down to decrease or increase the height of the spaces which makes it quite difficult to even impossible to have the very exact same height each time you drag and drop the element.

Add Proper Spaces

Weebly Divider Element

Here’s the trick to get a perfect spaces and general website structure, it’s to use the spacer element for adding spaces and the divider element for adding a horizontal divider. That’s how you’ll acheive the best results.

Don’t miss: How to Add Different Types of Elements in Weebly

With the divider element, you click the plus or minus buttons from the element options box in order to add or reduce its height. This way, you can set a consistent height for all the divider element you use across your Weebly website.

Weebly Divider element

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.

Use RSS feed with Weebly

Weebly RSS feed — How to Use RSS with Weebly

Browsing online, you may have come across an orange icon labeled RSS feed. If you have ever wondered what is a RSS feed and how you can use RSS with your Weebly website, then you’re in the right place. In this tutorial, we will explain what is RSS, what are the advantages of RSS, and how to add and use it with your Weebly website.



What is RSS

RSS stands for “Really Simple Syndication“. It is a set of data formats used for web content syndication. An RSS feed is a web resource whose content is usually generated automatically, based on updates in a specific website. RSS feeds are often used by news sites and blogs to present the articles of the latest information available online.

What Are the Benefits of Using RSS

It is a simple and convenient way to be constantly alerted about a website content that interests you. The feeds update automatically and permanently, without you having to connect to your favorite information websites.

It simply makes it easy for anyone to subscribe to your content.

How Does the RSS Feed Work

RSS feeds work by publishing your latest website’s content in a XML file. This XML file can then be fetched and read by a RSS feed reader. There are several RSS feed reader software available out there for all kind of devices.

How to Add and Use RSS Feed with Weebly

You can actually add and use a RSS feed reader into your Weebly website with just a few simple steps.

  1. Login to your Weebly Site Editor
  2. From the More category of the Build sidebar, drag and drop the Feed Reader element to use it. You can click on the element to customize the feed URL.

You may also consider adding a RSS feed using a Weebly App such as News RSS Feed but that’s not advised since Weebly has a free, built-in feature for that. Why would we pay for it?

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.

Google Ads Weebly

How to Add Google AdSense to a Weebly Website

As you may know, Google Adsense helps you generate revenue from your website by automatically showing some ads targeted to your website content.



In this article, we’ll take a look at Google AdSense and how to add it to your Weebly website. Weebly does not take any cut from the revenue generated.

Google Ads display isn’t possible on free Weebly websites. You’ll need to upgrade to at least a Starter plan or above.

Add Google AdSense to Weebly

In order to use Google adsense on your website, you’ll obviously need either to apply for a new AdSense account or use your existing AdSense account credentials.

Displaying Weebly AdSense Ads

You can place Google ads in your Weebly website’s pages using AdSense element.

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 tables in Weebly

Beginner’s Guide: How to Add Tables in Weebly

Do you need to organize information on your website in a tabular format? You may need a quick way to organize and display certain data, whether it’s product information, survey results, an online calendar, or other content may be better represented in a table integrated into your Weebly website.

Well, this tutorial shows different ways on how to add tables in Weebly websites.

How to Add Tables in Weebly



Here are the methods that we’re going to discuss in this article:

  • HTML Method to Add Tables in Weebly
  • Using Microsoft Word to Add tables in Weebly
  • Using free Simple Table App from Weebly App Center
  • Add Tables to Weebly with Google Spreadsheet
  • Embedding table code from other third parties

HTML Method to Add Tables in Weebly

Creating HTML tables is one of the easiest ways to create tables and then have them added into your Weebly website using the “Weebly Embed Code” element.

Using Microsoft Word to Add Tables in Weebly

We’re explaining here the Microsoft Word method to add a table in Weebly. Follow the below instructions to create a table using Microsoft Word:

  • Launch Microsoft Word.
  • Click on “Insert” and then “Table” to select the number of rows and columns of your table.
  • Once done, click any cell to have the menu “Table Tools” showing up.
  • Hit the “Table Tools” option so you can customize your table.
  • Once you finished up working on your table, you can save the MS document as a webpage (*.htm or *.html)
  • Open the saved MS document with any text-editor like NotePadd++ or NotePadd++ (Right Click and Open with Notepad) and copy the code.
  • Use Weebly Embed code element to paste the code on your website.

Using the Simple Table App from Weebly App Center

This method uses the Simple Table App from Weebly App Center. You need to access the Weebly App Center and connect the free “Simple Table” app available under “Tools” category of your Weebly Site Editor, then drag and drop the element to add tables to your website. It’s simple and you’ll be able to customize everything with this app.

Add Tables in Weebly

Add Tables to Weebly with Google Spreadsheet

Google Spreadsheet could be a very useful solution to add a table in Weebly. You can create the table from within your Google account then embed the code on your Weebly website to share the table.

Online Table Generators

Creating table with HTML is simple, but it’s very time-consuming if we’re planning on create bigger size tables. For that, you can use any kind of online table generators. They will help to create the tables and generate the needed HTML code to copy/paste it via the “Weebly Embed Code” element.

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.

give access to your Weebly

Give Access to your Weebly Website Without Sharing Login Details

Do you want to give access to your Weebly website? If yes, you’ll probably want to do that without sharing your log-in details with them. Which is totally normal to be careful. Remember, sharing full login access means the ability to DELETE the whole website or make other irreversible changes.



How to Give Access to Weebly Without Sharing the Login Details?

Well, Weebly actually has a built-in option that allows you to give someone an editor access to your website without sharing your full login details.

An editor access provides the person you’re sharing access with to the Weebly website editor, only. That means the person in object won’t be able to access your weebly account dashboard where your account information is located.

Well, to grant editor access to your Weebly website, follow these steps:

  1. Log into your Weebly Site Editor.
  2. Click settings, on the sidebar (left), click Editors. Click Add Editor.
  3. Write down the email address of the person you want to give access to.
  4. You can select permissions you’re going to give.
  5. Save changes
Give Access to Weebly
Give Access to Weebly

Once done, Weebly will send an email with a login details and link to the email address you entered.

Add caption to images in Weebly

How to Add Caption to Images in Weebly

Do you ever want to add captions to your images in Weebly? Captions are short text descriptions. They are typically used to provide additional details.

The good thing is that Weebly has the needed built-in option to easily add a caption for each uploaded image in your website.

In this article, we will explain how to easily add a caption to images in Weebly.



Adding Caption to Images in Weebly

The first thing you need to do is to add an image to your Weebly site. On the Weebly Site Editor screen, drag the ‘Images’ element and drop it wherever you want to add the image.

To learn more, see our article on how to add and align images in Weebly.

Now you have added the image, all what you have to do is to click on the image, a box will appear, you need to scroll down and click on Caption. A text field will appear so you can enter insert your caption.

Here’s a Video Tutorial on How to Add Caption to Images in Weebly

https://www.youtube.com/watch?v=hueBIVCWYDM

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.

Mega menu in Weebly

How to Create a Mega Menu in Weebly

One of our visitors asked if it’s possible to have a mega menu in a Weebly website.

Mega Menu allows to have a larger navigation with multi-column drop down menus with extra content such as images and videos.



In this article, we will show you how to create a mega menu in Weebly.

Why and Who Should Add a Mega Menu in Weebly?

A Mega Menu is particularly helpful for a website with a lot of content. Website’s owner can showcase more content in the menu for easier navigation.

Mega menu in Weebly

Don’t miss: How to Make and/or Recreate Website Navigation in Weebly

Weebly per default navigation menu lets you create drop-down sub-menus but this article is made available if you ever want to have a mega menu in your weebly website.

Let’s take a look at how to easily create a mega menu navigation in Weebly.

Video tutorial

As you might have seen, for now, we only have to use a Weebly App called “Mega Menu” to create a mega menu in Weebly. There’s unfortunately no other way to do it for free.

Related:

landing pages in Weebly

How to Create a Landing Page in Weebly (2021)

A landing page is a is usually designed to get your visitors’ attention. For example, getting their emails via a web form. They are designed to target a specific audience depending on the product you are marketing.



In this article, we are going to explain how to create a landing page in Weebly. That would be the entry point of your website.

Creating Landing Pages With Weebly

There used to be a simple feature to add landing pages in Weebly, but this was unfortunately disconnected by Weebly.

We will discuss the option we have right now to have your Weebly landing pages built.

To start, you can add a new page to your Weebly website, or work on any existing one with a splash layout. Once done, you can add the content you’d like to on your landing page then you’ll likely want for sure to hide the navigation on that page.

In this example, we have used “Unite 2 – Business “as the theme for a restaurant website. We chose the Splash page as layout type

Splash page Weebly

So far looks great but we would like to hide the navigation so that the page will have only the content we put in the middle.

Most browsers nowadays come with an extremely useful tool called the “Inspector”. There are many interesting things you can do with this tool, though in our example we just need to get the class or ID of the element that has the navigation menu.

To do so, right-click or CTRL-click on your navigation, then choose “Inspect”.

A new window will popup, and the element you right-clicked on will be selected within the code displayed. Inspector tool makes this really handy because it will highlight the element on the page. You can see in our screenshot that the element we want to hide has an ID of “wsite-menu-item”.

Hide weebly navigation

Next, go back to the Weebly Site Editor and go to the Pages tab. Select the landing page in object, then click on “SEO Settings”. In the Header Code field, enter this code:

<style>
	#wsite-menu-item { display:none; }
</style>
Landing page Weebly

Now you just need to re-publish your Weebly website and you’ll see your landing page live.

Are you guys using landing pages in your Weebly websites? Can you share your experience and/or challenges you’ve found along the way? We’d love to hear all about it!