Skip to content Skip to main navigation Skip to footer

Tutorials

Export theme

How to 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.

How to Add Custom HTML to your Weebly Website

This tutorial walks you through the process of adding HTML code to Weebly. To do that, we’re going to use the The Embed Code element. That element allows you to add a variety of external content to your Weebly website. One can add HTML, Javascript, CSS or any other type of code supported by Weebly environment.



Add Custom HTML to your Weebly Website

This Embed Code element can be found under Basic section of the Build tab. Drag the element to a page to get started.

add html to weebly

Once element placed, and that you have copied the embed HTML code to add, click inside the Embed Code element and select Edit Custom HTML. Then simply paste the code in place.

When you click outside of the element, the content should show up on the page.

We hope this article helped you learn how to add HTML code to Weebly. You may also want to see our guide on how to access and use the Weebly Site Editor.

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.

Build Weebly Website

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

Do you wish to build a website the right way? We know that starting a website can be a scary thought. You can feel it this way when you are not a techie. Guess what – you are not alone.

Having helped thousands of people start their adventures online, we have decided to create the most comprehensive, easy to follow guide on how to start a Weebly website without any technical skills.



Weebly is, without a doubt, one of the easiest, if not the easiest to use website builder. They’ve made it so easy for you to use, you can build a really good, powerful and professional website even if you are deathly afraid of technology!

How to Start a Weebly website

The process is easy to follow whether you are 18 years old or 70 years old. However, our experts are always here to help setup your website for free, if needed.

→ Click Here to Get Your Free Weebly Setup! ←

What do you need to build a website with Weebly?

Between what you “think you need” vs what you “actually need” to build a website, can sometimes be such a big difference.

That’s why I am mentioning this here. Anyway, if you’ve already done some research and have a rough idea as per what it takes to build a website with Weebly, this actual post can help you find out if you missed anything (just in case).

We’ve also linked to some awesome guides to make sure you get off to a good start!

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

Usually, and it’s also one of the biggest mistakes people make when building their first website is trying to do too much.

What you end up with is an endless list of things you need to do and things you need to pay for. Soon you are overwhelmed and end up doing nothing – does this sound familiar?

Here’s our response to this simple question:

With Weebly, the good thing is all that you’d need to build a website are:

  1. A domain name (Not even required as you can get a free sub-domain with Weebly).
  2. A Weebly plan (This where your website lives on the Internet – It’s free for basic use).
  3. Your undivided attention for 20-30 minutes.

Yes, you read it right – that’s it! Anyone can start a website from scratch in less than 20-30 minutes, and we will walk you through the whole process, step by step.

In this tutorial, we will cover:

  • How to Register a Domain Name for Free
  • How to Sign up to Weebly for FREE
  • How to Choose the Best Weebly Plan that Suits your Need
  • How to Setup Weebly
  • How to Change Your Weebly Website Theme
  • How to Create Your First Page
  • How to Fully Customize Weebly
  • FREE Resources to Learn Weebly

Ready? Let’s get started.

[fusion_youtube id=”2ikdvD-2jb0″ alignment=”” width=”” height=”” autoplay=”false” api_params=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=””][/fusion_youtube]

If you don’t like the video or need more instructions, then continue reading.

Step 1. Setup Weebly Website

Now you have probably heard that Weebly is free. You might be wondering why is it free? What’s the catch behind it? Actually, there’s no catch. It’s free because you have to do the setup yourself.

In other words, you need a domain name (typically costs $14.99/year) and Weebly self-hosting plan, normally costs $8.00 / month. (even tough the plan is optional. It only gives some extra features. However, all of the essential elements to build your website are included for free).

A domain name is often the first thing you need when starting a website. It is your digital address that people will use to get connected to your website. It’s simply your website’s name. For example, the domain name for this website is WeeblyTutorials.com. Think also google.com or microsoft.com.

You may get started totally for free with Weebly. This means that you will be using the FREE Weebly basic plan and a free subdomain with this format something.weebly.com. However, getting a regular domain name such as something.com directly is a very recommended thing. That makes your website look professional, gives it a higher rank on search engines and maximizes the trust in your business, online store, blog or any whatever other online adventure you’re getting into.

Is there a possibility I can get a domain name for free? Fortunately, YES. Thankfully, Weebly has agreed to offer our users a free domain name and over 68% off when bundled with the right plan.

[fusion_button link=”https://weeblytutorials.com/weebly-deals/” title=”Exclusive Weebly offer” target=”_self” alignment=”center” modal=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” color=”default” button_gradient_top_color=”” button_gradient_bottom_color=”” button_gradient_top_color_hover=”” button_gradient_bottom_color_hover=”” accent_color=”” accent_hover_color=”” type=”” bevel_color=”” border_width=”” size=”” stretch=”default” shape=”” icon=”” icon_position=”left” icon_divider=”no” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””]→ Click here to Claim this Exclusive Weebly offer ←[/fusion_button]

As a quick brief, Weebly is one of the largest, world’s most popular drag-and-drop website builders on the market today. The company was founded in 2006, since then, it had an ascending expansion, rapidly hitting the one million users in early 2008. Its success and growth have remained and continued further to this day. Weebly now hosts over 45 million sites across the globe.

NOTE: At WeeblyTutorials we believe in transparency. If you sign up with Weebly
using our referral link, we will earn a small commission at no extra cost to you 
(in fact, you will save money and get a free domain).

Well, let’s go ahead and purchase your preferred domain + Weebly self-hosting plan.

Open up Weebly in a new window and follow along.

The first thing you need to do is click on the green Get Started Now button to get started. You’ll need then to enter your account information.

Weebly free signup

On the next screen, select the plan that you need (Pro is the most popular plan but you may go with the Starter, either way, you will get a FREE domain name). Once done, choose your payment method, finalize the package info then click ‘Buy Now’ to complete the process.

Free Weebly plan
Once completed, you will receive a confirmation email that contains details on how to login to your Weebly account and Site Editor. This is where you are going to manage your account. But most importantly, this is where you build your website.

Step 2. Selecting your Weebly Theme and Start Building your Website

The visual appearance of your any website is controlled by themes. Customizing the look and feel of your website is by far one of the most exciting thing in the journey of creating your Weebly website.

There are thousands of ready-to-use Weebly themes that you can use. Some of them are free, while others are paid. You can change your Weebly theme by going to your Weebly Site Editor and clicking on Theme » Change Themes. Here’s how Weebly theme gallery looks like:

Weebly theme gallery

When you have found your preferred theme, simply select it, hit Choose Theme button. The theme in question should be fully activated on your website. This, however, will still visible only on your Site Editor. Do not forget to hit Publish button after then so you see it live.

Choose a weebly theme

Step 3. Creating Your First Website Page

To create your first page, click on the Pages then hit the Plus (+) icon on the upper left of your Weebly Site Editor.

Add weebly page

Step 4. Weebly Plugins & Customizations

Once you have selected your preferred theme and added some new pages, you probably want to get started with adding other usual elements on your website such as a contact form, images, videos, about page, and more.

To further personalize Weebly and add other features such as videos, forms, galleries, etc, you may need to use Weebly app/plugins.

Step 5. Mastering Weebly

Learn Weebly

WeeblyTutorials is the largest free Weebly resource website for beginners. At WeeblyTutorials, we aim to provide extremely helpful Weebly tutorials that are easy to understand for everyone, especially the non-techies who want to delve and/or start an online adventure (read more about us).

To expand your Weebly knowledge, you may be interested in checking out these resources:

You can use the search option to look for anything on our website. In case you don’t find an answer to your question, simply get in touch with us. We love helping people get started with Weebly. We hope that you found the actual tutorial on how to start a Weebly website helpful.

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

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.

create email addresses with Weebly

Setup a Professional Email Address for your Weebly website

Every business owner needs a professional email address. After you setup your website, the next most important to do is create a professional branded email address.

Well, in this article, you will find out how to setup professional email addresses with you Weebly website.

What’s a Professional Email Address?

A professional email address is the one that has your business name in it. For example, mark@myrestaurant.com is a professional email address. Email accounts on free email services like mark.food@hotmail.com are not good because they do not simply look professional.

For a professional email address, you will need a domain name and a website. We have step by step guide on how to choose a domain name and how to quickly setup a website using Weebly. If you already have a domain name and a website, then you are all set to have your own professional email address.



Setup Professional Email Addresses

Weebly uses G Suite to provide a complete email solution for its users. Getting started is easy – just click on the G Suite tab in the dashboard of your account.

Weebly emails

To continue, you’ll need to enter the username you want for your email address and use the drop-down menu to select the domain you’d like to use. Note that your domain must be pointed to Weebly in order to sign up for G Suite through your Weebly account. Choose a password and click on the purchase button to pay.

Emails with Weebly

Next, and once you’ve gone through that procedure, you’ll be in your brand new inbox.

Emails with Weebly website

Going forward, you can log-in to this inbox by going to gmail.com or by going to mail.google.com/a/yourdomainhere.com (don’t forget to change the domain name to your own!). You can also log into your inbox right from the G Suite tab in your Weebly account using the convenient Go to Inbox option.

What Comes with the Email Service Weebly provides?

  • No setup needed – Weebly takes care of everything for you making it super quick and easy to get your email up and running.
  • 30 aliases per user – Create up to 30 aliases/user. An alias is an alternative address (i.e. contact@company.com) that delivers email your primary address (you@company.com).
  • Manage your website & email all in one place – Simplify your life by managing everything directly from Weebly.
  • Get your email anywhere – Enjoy the convenience of reading and replying to your email from any computer or your mobile.
  • Create instant credibility – A branded email address gives you a little something extra and builds trust with potential customers.
  • Promote and build your brand – A simple, high-impact way to create a consistent and professional online presence.
  • Enjoy the full Google Apps suite – Along with email, you get a centralized calendar, storage, and chat.

We hope this article helped you learn how to setup professional email addresses with your Weebly website. You may also want to see our guide on how to choose your best domain name.

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.

Top 5 Easy SEO Tips to Boost Your Weebly Website in Under an Hour

You have launched an awesome Weebly website – congrats! What you need to do now is bring visitors to it. For any website to come up high on the different search engines, we need to optimize it and do some SEO work.

Many ignore this kind of optimization and then end up getting no or a few visitors. Well, it’s actually not the scary monster many make it out to be. Actually, Weebly has one of the the best SEO and anyone can very easily use it.



#1 Choose the Right Domain Name

Before you start a website, you’d need to choose a URL for it. Also known as a domain name. That would be the address that visitors will type in to find your Weebly website. It’s actually one of the first things visitors see when they visit your website.

The ideal domain will include your business name and perhaps a keyword or two that are relevant to your business. That would indicate to everyone what your website is about. For example, if you are a commercial, you might want to purchase a domain name like yourstorename.com. Want to know more? Check this article if you need more advice on choosing the right domain name!

#2 Create titles and descriptions for each page

We would suggest that you write a unique title and description for each page on your Weebly website. These would be some brief texts that accurately and clearly describe what your business does, ideally with a few keywords and phrases mixed in. Here’s an article that explains how to add pages to Weebly and from where you can modify their titles and descriptions.

#3 Utilize anchor text in Weebly

As you create your website, consider any structure that will allow you to use anchor text within your website. Anchor link is simply text that visitors can click on to be taken directly to another web page, either on your site or anywhere else on the Internet.

Anchor text is a great way to boost your SEO, here’s an article that explains how to create anchor links in Weebly.

#4 Add alt text to all your uploaded images

Search engines can only read text and anylse structures. To understand what’s displayed in a photo or graphic, search engines look for “alt text,” a concise written description about each image on a website.

Well, to do so, in the element options for image, gallery and slideshow there is the caption option. That is our name for the ALT tags that you can use for your images. For more tips on how to optimize your images, visit our favorite Weebly tutorials!

#5 Have the Right Website Structure

Every page on your Weebly website should have a title, a subtitle and so on. Search engines scan websites to mainly look at your content. Your content and website structure in general would be better if you explain them the text hierarchy. The most relevant part is the title of your page and you should define it as H1. The H1 should be descriptive the page’s content and you shouldn’t have more than one H1 per page.

Bonus

If you’re really serious about your Weebly website SEO, which you probably are since you got to the end of this article, we’ve got just the thing for you. Find out Weebly SEO complete guide, an intuitive, comprehensive and free solution that will guide you through all the steps of optimization.

Ready to rank higher on Google? Get started with the Weebly website builder today! 

Logo in Weebly

How to Upload and/or Change Logo in Weebly

This tutorial explains how to upload or change a logo in Weebly and add an alt text to it.

Upload Logo in Weebly

  1. Log into your Weebly Site Editor.
  2. Hover your mouse over the site title on the header section of your website. You will figure that Weebly allows three options to use logo on your website.
  3. Click on “Logo” option to option image uploader in Weebly.

Change Logo in Weebly

After uploading your customized logo, you can remove or edit within Weebly Site Editor. Hover over the logo image and click on the trash button.

Logo in Weebly

And then confirm deleting the logo by clicking on “Yes, remove” button. Once done, you will be able to change the logo.


We hope this article helped you learn how to upload or change logo in Weebly websites.

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

Weebly lightbox

Weebly Lightbox — How to Add it in your Weebly Website

A lightbox popup is a web form that appears on top of the page window that you are browsing. When an image for example is displayed in the overlaying window, visitor will still be able to navigate on the web page with the keyboard without closing the popup. The outside area in the page is dimmed out.  If we click outside the lightbox, the popup will be closed.

Weebly lightbox

Weebly Lightbox — How to Add it in Weebly



Here we listing the different ways on how to add popup in Weebly.

Enable and/or Disable Lightbox in Weebly

Weebly actually allows to add lightbox effect to the images using two elements:

  • Image Element – you can add Weebly lightbox effect to a single image.
  • Gallery Element – you can add Weebly lightbox effect to an image gallery.

Adding Weebly Lightbox on Single Image

Drag and drop an image element on the desired content area and add the image to your Weebly website. Once added, click on the image to see the advanced popup settings box as shown in the screenshot below.

Weebly Lightbox Option

From there, you can enable or disable the Weebly lightbox using the “Lightbox” option.

Using Lightbox on Gallery

In order to use Lightbox on gallery, add a gallery element in Weebly and insert all the needed images. Browse to the advanced settings by clicking on one of the added images. You will be able to enable lightbox under “Thumbnail” option. The gallery element has 3 options for lightbox:

  • Lightbox and Full Thumbnails
  • Lightbox Only
  • Lightbox & Partial Thumbnails

We hope this article helped you learn how Weebly lightbox works and how to add them into your website.

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

Titles in Weebly - How to add H1 tag in Weebly

Titles in Weebly: How to Add H1 to H6 Heading Tags in Weebly

In this article, we explain how titles work in Weebly. Following the provided steps will teach you on how to add H1 to H6 heading tags in your Weebly website.

Weebly H1 Tag Issue

Weebly website owners have a major SEO issue of missing H1 title tags in their Weebly website.

By default there’s no way to add a H1 tag in any pages from the Weebly Site Editor. This actually causes SEO-related issues as the different search engines such as Google they do consider H1 tag as a primary title of your content and further headings as a sub-header entities how it may appear in a typical blog article.

Preferably, an H1 title should be the first thing in a page content to infirm search engines what the page is about. Hence missing H1 tags will be considered as high priority issue from SEO perspective.

How to Add the H1 Tag in Weebly

Even if the H1 title option isn’t available per default in Weebly, you actually need to add it to your pages and articles. This helps both search engines as well as improves user’s readability.

As there’s no default way to do so, here we’re providing the magic solution on how to add H1 tag to your Weebly pages. For this, you need to use the embed code element to add a H1 code.

Here’s the code that you need to copy and paste in order to have the H1 title:

<h1 style=”text-align:left;font-size:28px;”> H1 Title for Your WebPage</h1>

You can also use H2-H6 tags in the same manner as H1 tag to provide more structured information to your reader. Here’s an example of H4 title code:

<h4 style=”text-align:left;font-size:28px;”> H4 Title for Your WebPage</h4>

If you liked this tutorial on how to titles work in Weebly and how to actually add them into your Weebly website, then you may consider subscribing to our WeeblyTutorials YouTube Channel for Weebly video tutorials. You can also find us on Twitter and Facebook.

add a favicon to Weebly

How to Add a Favicon to Weebly in 5 Minutes

Favicon is a small image (like a logo in this case) shown in the address bar of the web browser besides the URL or just on the corner of the browser’s tab. If you still not getting what it means, they are actually the most commonly known as the small icon that displays next to a website’s name in a browser tab.

It’s a feature that comes with Paid Weebly plans. You may want to follow the steps listed below to easily add a favicon to Weebly even a free Weebly website without the need to have your account upgraded to any Paid account.

Why you should Add a Favicon to Your Weebly Website?

Actually adding a favicon establishes your website’s identity. ,It also improves your website’s usability and user experience. This image will help you understand it better:

Weebly favicon

Add Favicon in Weebly Website with a Paid Subscription

If your Weebly website is upgraded to one of the paid subscriptions, you can do this very easily. To learn how to so and add a favicon to your Weebly website, watch the short video. If you haven’t upgraded to any paid subscriptions, then read the article that follows it.

Add Favicon to a Free Weebly Website

Step 1. Convert the logo image you have to a .ico file

If you don’t know how, here’s a favicon generator that can help you with that: “freefavicon.com”. Browse the website and select your desired image to convert it into a .ico file. Download then the “favicon.ico” file.

Step 2. Upload your Favicon to Weebly

Well, once you have your .ico file ready as explained above, head out to your Weebly account so you add the favicon where you want it to be.

To do so:

  1. Login to your Weebly Site Editor
  2. Head out to the “Theme” section in the top of the Weebly Site Editor and hit “Edit HTML/CSS”
  3. Hit the “+” small icon just next to “Assets”
  4. Once done, hit the “Upload File(s)” button and upload your favicon.ico file.

Also, make sure to upload a png the same name as your .ico such as favicon.png and favicon.ico – upload them to the same folder or root.

When you upload the .PNG right click it and copy image address. Copy it then into notepad and change .png to .ico then copy it with the .ico at the end. Afterward, use that as your link in the header section like explaining below in step 3.

Step 3. Link the favicon to your Weebly website

Follow these steps to link the favicon to your Weebly website:

Follow the following path from your Weebly Site Editor:”Settings > Search engine optimization > Header code” and paste the following HTML code:

<link rel=”shortcut icon” href=”Your Favicon Link”/>

Favicon in Weebly

Now of course, where it says Your Favicon Link, it should have the actual URL of your favicon file. Done? There you go — you should be all set! Save your settings and publish your Weebly website.

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