1. Knowledge Base
  2. >
  3. Results
  4. >
  5. Content Widgets in BaseKit

Content Widgets in BaseKit

As of June 19, 2013, BaseKit is not available on new Shared accounts; however, HostGator Website Builder is offered as a replacement.
Part 10 of 14 of the BaseKit Getting Started Guide

BaseKit Content WidgetThese widgets can all be found in the Content section of the widget tab.

Columns Layout

The column widget allows you to make place holders and add separation for the different features of your web page. Simply drag the widget to the area to which you would like to add columns. By default it sets two columns, but by clicking the gear, you can add up to 6 columns and set the gutter width between columns.

For step-by-step instructions, visit our page on Setting Up & Managing Columns.

The Navigation Menu allows you to add site navigation to any page, in any location. The gear icon opens the settings bar at the bottom of the builder. The settings tab lets you customize the navigation menu by choosing horizontal or vertical orientation, alignment, which pages to display, and padding/spacing between links. The styles tab allows you to customize the style of your navigation links, including selected links and behavior when hovering your mouse over a link. Options include colors, font, background, spacing, borders, shadows, and visual FX.

Google Maps

Use this widget to add a Google Map to your website! Simply drag it and drop in an open area (use the Columns Layout widget to create one). Clicking the gear icon gives you the option to set a default address to display and you can drag and drop many icons to the map to mark points of interest.

For step-by-step instructions, please read our article on How to Add a Google Map.


To add a video to your website, drag this widget to the column where you want the video. By default it will add a YouTube video. Click on the gear to add the embed code for the video of your choice.

For step-by-step instructions, please visit How to Add Video.


This widget adds a comments section for your visitors. Edit the look by clicking on the gear icon at the top.

Click and drag this widget insert a search bar into your web page. You can alter the size of this widget by clicking and dragging one corner or side. The gear allows you to edit the message in the search box.

Click and drag this widget to insert a carousel of rotating images into your web page. Drag and drop images from the Media Center Tab to the Carousel to add them. You can resize the carousel by clicking and dragging the corner or size of the box. The gear will allow you to add and remove pages, change the rate at which the images change, and turn on/off the page indicator and page turning buttons.

For step-by-step instructions, please visit Image Carousel Widget in BaseKit.

Site Map

Drag and drop this widget where you'd like to add a site map.


Drag and drop the embed widget anywhere you'd like to embed some HTML or scripts. Click the gear and paste your code into the settings bar at the bottom of your screen.


The background widget lets you establish a separate background for an area of your website. Click the gear to set the image and its options, background, alignment, and radius, opacity and padding for your background image.

BaseKit Getting Started Guide