Search The Hostwinds Guides Knowledge Base

How to Build Your Weebly Site Structure

Share This Article [TheChamp-Sharing]

Hostwinds offers many options to help make building your website simple and easy with any of our Shared or Business Hosting services. In addition to our Softaculous Apps Installer (which can install services like WordPressMagentoDrupalJoomla, and more), we also offer Weebly. Weebly is a drag-and-drop website builder, that lets you pick a starting theme and modify it however you desire with little or no coding experience required.

It is important to note that the information provided in this guide is for informational purposes only. The premium features and changes that are made after the time writing this guide may be different and will be displayed to you in your Weebly account when editing your site through Weebly. Please open a ticket with our Support Team if you do have any questions so that we can help.

Weebly’s Settings are also very flexible and can be set up the way you desire. In this article, we’ll go over the Structure Column within your Weebly Settings, discussing what every option is, and how it affects your site.

First you will need to log into your Weebly area and select Build from the top choice of tabs

Weebly Build Tab Location Image

Now scroll down on the left hand side and find the Structure Column

Weebly Structure Column Image

Adding A Section

In Weebly you can augment your webpage by adding many new and creative elements.  Adding a section is just one of these neat things.

To add a Section, select and hold the section button on the left-side and drag to where you want on your website.

Weebly Section Icon Image

Once dragged, you should see an image similar to below.

Section Layout

From here you’ll have a wide assortment of exciting features to add to the section you are attempting to create.

Adding a Divider

Adding a divider will break your website up into different sections, thus neatly organizing your website.

Weebly Divider Icon Image

After that all you have to do is drag and drop and you’ll get a divider for your website page.


Adding a Spacer

Adding a spacer will add more room and breadth to your wepbage; if needed it will allow you to even out your webpage more.  Just click on the spacer icon and drag to where you need it.

spacer icon

After you have dragged and dropped, you should get the following spacer to appear.

Add multiple spacers for adding the right spacing in-between sections of your website you are looking for.  You can also delete these by hovering over the spacing section and clicking the “X” icon in the top right like all other Weebly sections.

Related Articles