Skip to content Skip to main navigation Skip to footer

Weebly Video Tutorials

subpages weebly

How Can I Add SubPages to a Weebly Website?

This article explains how to add subpages to your Weebly website. BTW, before you dig more into details here, you may want to have a look at the previous tutorial on how to add pages on Weebly.

add subpages weebly

Well, you can do this by dragging a page or pages underneath and to the right of another page. These subpages appear in a drop-down menu when you scroll over the page to which you connected them.

To edit the content of a page just click on its link from the navigation menu or go to the Pages tab, select the page from the list, and it will open in the Editor.



To make things even simpler here’s a video that showcases the procedure of adding subpages.

[fusion_youtube id=”8jasLrmE6co” width=”” height=”” autoplay=”false” api_params=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=””][/fusion_youtube]

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 pages to a weebly site

How Can I Add Pages to a Weebly Website?

This article explains how to add pages to a Weebly website. This easily can be done via the Pages tab, which opens a Pages list in the sidebar. Click the + to create a new page.

There is an option to Add a Standard Page, a Blog Page, a Store Page, or an External Link. Let’s focus on creating Standard Pages.

Add weebly pages

Once you select the Standard Page option, it will add a New Page and prompt you to assign it a name, as well as provide you with a few options for the look and function of the page. It will also automatically show you this page while you work on it.

add pages to weebly

By adding more pages following the same procedure of clicking Add Page and choosing Standard Page again (and again). And as you add (and assign name) each of your pages, they’ll automatically become part of your site’s navigation bar.



You can then easily re-arrange the order of the pages by clicking and dragging them up and down the Pages list. Dragging a page to the top of the list will make that page your Home.

Changing the order of pages in the list will also change the order in which they’re displayed in the navigation.

add pages to weebly website

Here’s a video tutorial that shows how to add pages on Weebly.

[fusion_youtube id=”9LUayv7FldQ” width=”” height=”” autoplay=”false” api_params=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=””][/fusion_youtube]

That’s it. You’re done adding pages to your Weebly site! You’re also able to create subpages of other pages. Check this tutorial on how to add subpages to 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.

weebly-website-development

How to Add Different Types of Elements on Weebly

In order to add different types of elements such as images, text zones, videos, and so on, we will need then to add them as elements. They are the building blocks of a website. Mostly all the content you add to your web pages will be built with elements.



Weebly elements

It is simple, you only need to find the element you want to use then Click, Drag and Drop it exactly where you want it. It’s literally: Find, Click, Drag, Drop.

Weebly elements

It’s possible to add as many elements to a page as you want, and the page will just lengthen as you add more elements on top of, or below, the last. As you drag an Element to a page, this blue guide line will tell you where the element will be placed when you drop it.

Either stack elements on top of each other, or, drag one element to the left or right of another.

Weebly elements

When you place elements side-by-side, we’ll generate two columns on the page that allot equal space to each element.

You can adjust the space between these columns by using the narrow bar that appears between them. Just click and drag to the left or right.

Weebly columns

All elements have three universal options: Copy, Delete and Move.

Hover over an element and a blue box will appear.

The “X” in the upper right allows you to delete this element. Keep in mind though, once deleted, it can never come back.

delete elements

The arrow in the upper left allows you to copy an element (to the same page or another page) to move an element (to another page).

move element

And clicking on the box between the “X” and the arrow, allows you to pick the element up and drag it around the page.

There you go. We’re done with this article. :)

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 Create an Online Store with Weebly

Weebly provides a surprisingly easy way to sell your products online. Weebly eCommerce capabilities are enabled only within the paid plans starting from the business plan.

In this tutorial, we’re going to explain how to create an online store with weebly.



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

Online Store Creation with weebly

Check the below demo explaining the step by step process of creating an online store in Weebly starting from site creation to actual view of your store in a published site.

[fusion_youtube id=”0BjOI2jwTd0″ width=”” height=”” autoplay=”false” api_params=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=””][/fusion_youtube]

Here’s another awesome video that goes in details on how to build an online store with Weebly

[fusion_youtube id=”0CCKJwb-OUM” width=”” height=”” autoplay=”false” api_params=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=””][/fusion_youtube]

Customizing Your Weebly Store

To add and/or customize your Weebly store, you’ll need to hit on “Store” tab in Weebly Site Editor. Once clicked, you’ll be able to access the available customization options.

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

Weebly store setup

Weebly Checkout Options

Weebly offers four checkout options:

  • PayPal
  • Stripe
  • Square
  • Authorize.Net

Weebly store checkout

Here are the sub-tutorials, part of our Weebly Store series:

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.

Insert images to weebly.jpg

How to Insert Images in Weebly Website

Do you want to insert images? This article describes how to insert images in Weebly. There are several ways to add images into your Weebly website: Image Elements, Slideshow Elements, Gallery Elements, and via Headers or Backgrounds. The most commonly used of these is the Image Element, so we’ll put our focus there in this tutorial.



[fusion_youtube id=”A8y_lZ-bTfM” width=”” height=”” autoplay=”false” api_params=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=””][/fusion_youtube]

Watching the video above should have given you a pretty good idea on how to insert images 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.

Add youtube video to weebly

How to Add YouTube Video to Weebly: Step-By-Step Guide

Videos transfer information and ideas really fast. Thus, this type of media can be used effectively for engaging web audience. In this tutorial, we are going to explain how to add a YouTube video to your Weebly website.



The YouTube Video element in Weebly allows you to embed YouTube videos on your web page. This element can be found in the Media section of the Elements tab.

To add a YouTube video to your page:

  1. Drag and drop the YouTube Video element anywhere on your page.

Youtube element Weebly

  1. Click anywhere in the element to bring up the toolbar.
  2. From YouTube, click the Share button beneath the YouTube video, and copy the direct link for the video. No other link will work, so be sure to use the one found here.
  3. Paste the direct link into the Video URL field of the toolbar, and your video should show up on your page in less than a minute.
  4. If your video does not show, please ensure that you are copying the correct link. Do not copy the embed code.
    Once your video appears, you can determine the size of the video player and how you want to position it on the page.

Adding Youtube Video to Weebly – Video Guide

We’ve also prepared a video tutorial on our Weebly Tutorials YouTube channel.

[fusion_youtube id=”t42y2uoux0w” width=”” height=”” autoplay=”false” api_params=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=””][/fusion_youtube]

 

 

What Can Weebly do for me

What Can Weebly Do for Me?

As it’s already known – We hope, Weebly is a simple drag and drop site builder. It gives the ability to build a professional website in less than one hour or less. Some of the good things in Weebly as a drag and drop website creator is that it has the ability to edit the HTML and CSS of their ready-made themes, which is not possible with any other website creator.

That’s one of the features that makes Weebly stands out and be the best and most popular site builder in the market nowadays. What this means is, you can do almost anything any other website builder on the market can do as far as website design and features. For a quick rundown on how Weebly works, please watch the video below.



[fusion_youtube id=”M-BdCoP7x_Q” width=”” height=”” autoplay=”false” api_params=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=””][/fusion_youtube]
As you can see, it is very easy to start a website with the Weebly website builder. The drag and drop interface is the approach that many website builders are using for website creation today. Drag and drop website builders have great benefits.

  • Visual editing. This allows you to see the web page as you are building it, so you know what you get in the end. This is a change from coding and allows people that don’t see in a code the ability to build a good looking functional website.
  • Flexibility. While some may argue the flexibility of website builders such as Weebly, We find that they have all of the ability to build a fully functional website.
  • Ease of use. There is really no question that a website builder like Weebly is easy to use. While it may take some time to learn functional website building practices, Weebly builds websites easily and quickly.
  • Support. This is a very crucial element to anyone using a website builder to build their website. Weebly offers all of the tutorials and necessary support for your website.

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