Online Support Centre


How to structure a web page

Sporty has an intuitive website builder that lets you insert and arrange your content.  Content is inserted into widgets.  There are many different widgets to choose from that allow you to insert various media, including:

  • Text
  • Images
  • Buttons
  • Newsfeeds
  • Facebook Feeds
  • and much much more...

Widgets, containing content, can be arranged on the page by placing them in Sections.  Sections are structures that can hold widgets.

Figure 1

Figure 1 shows a new page.  By default, new pages have one section.  We can see that this particular section has a two-column layout, as there are two spaces to insert widgets.  The +ADD CONTENT buttons allow you to insert a widget at that point.

If we do not want this layout, we can change it by selecting the cog wheel to the left of the section.

Figure 2

Clicking the cog wheel produces the screen shown by Figure 2.  This allows us to choose a new layout.  Simply select the layout you want to use by clicking on it, and then clicking Save.

You can now start populating your section with widgets.

You can add additional sections by clicking on the +ADD SECTION button at the bottom of the page.  This allows you to created highly customised layouts.


Figure 3

Figure 3 shows a page utilising two sections.  The first is a two-column, one-quarter-three-quarter layout that has an image widget on the left, and text widget on the right.  Underneath this is another section, which has a three column layout.  One button widget is placed in each column.

Notice that you can add more widgets to the sections - for example we could have another row of buttons by clicking on the +ADD CONTENT buttons where we would like to insert them.

Widgets are not confined to their sections.  They can be dragged into any section on the page!  Using this same layout, we can experiment by dragging the widgets to different areas on the page.  To drag a widget, click and drag them using the small arrows button on that widget.  When you are dragging them, green boxes will appear where the widget can be placed.

NOTE: Bronze subscribers are restricted to ONE section per page, and ONE widget deep.  This means that you must choose the section layout that best suits your needs.  Note that using a single-column layout will only allow you to have one widget, but a four-column layout will allow up to four widgets (one per column).  For Bronze sites it is common to utilise a two-column layout, with the main body text on one side, and an accompanying image on the other.

Also see:

Was this article helpful?
0 out of 0 found this helpful