How to Use Widgets

Last Updated on

This article provides you with detailed information on how to use Widgets in Jupiter and The Ken themes. WordPress Widgets are small blocks that perform a specific function. You can add these widgets in Custom Sidebars or the Footer areas also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. Artbees themes give different functionalities by default as widgets which you can use on your website.

Widgets Demo

In this article

How to Add Widgets

To add a widget you need to decide where you want to show the information in the front end of the website. Jupiter and The Ken have different widget areas available by default. To see which areas are available to use go to WordPress admin Menu > Appearance > Widgets. Click here for more detailed and technical information about widgets.

Widgets Appearance

The following is the list of the most common widget areas available in Jupiter and The Ken themes:

1
Page Widget Area.  

Use this area to add your widget to all pages in the Sidebar section.

2
Single Posts Widget Area.  

Use this area to add your widget to all single blog post pages in the Sidebar section.

3
Single Portfolio Widget Area.  

Use this area to add your widget to all single portfolio pages in the Sidebar section.

4
Single News Widget Area.  

Use this area to add your widget to all single news pages in the Sidebar section.

5
Search Widget Area.  

Use this area to add your widget to the search result page in the Sidebar section.

6
Archive Widget Area.  

Use this area to add your widgets to auto generated archive pages by WordPress for different post types. The preferred approach of Jupiter and The Ken suggests that you add pages and use the post type related shortcodes such as Blog or Portfolio to create the archive pages and avoid the auto generated ones. For more information click here.

7
404 Widget Area.  

Use this area to add your widget to the “404 not found” page in the Sidebar section.

8
WooCommerce Shop Widget Area.  

Use this area to add your widgets to all WooCommerce pages that have product listing in the Sidebar section. You also need to go to the main shop page that you set in the WooCommerce settings and enable the sidebar from the Layout Option of that page.

9
WooCommerce Single Widget Area.  

Use this area to add your widget to all single product WooCommerce pages in the Sidebar section.

10
First Footer Widget Area.  

Use this area to add your widget to the footer section of all pages. The information will be added to the first column of the footer section. The footer section may have different a column count which is decided in Theme Options in Jupiter and Theme Settings in The Ken.

11
Second Footer Widget Area.  

Use this area to add your widget to the footer section of all pages. The information will be added to the second column of the footer section.

12
Third Footer Widget Area.  

Use this area to add your widget to the footer section of all pages. The information will be added to the third column of the footer section.

13
Fourth Footer Widget Area.  

Use this area to add your widget to the footer section of all pages. The information will be added to the fourth column of the footer section.

14
Fifth Footer Widget Area.  

Use this area to add your widget to the footer section of all pages. The information will be added to the fifth column of the footer section.

15
Sixth Footer Widget Area.  

Use this area to add your widget to the footer section of all pages. The information will be added to the sixth column of the footer section.

16
Side Dashboard - Above Navigation.  

This is an area which you can use to add content and menus to the side dashboard area if you set the header style to Style 3 in Jupiter. Click here for more information.

17
Side Dashboard - Below Navigation.  

This is an area which you can use to add content and menus to the side dashboard area if you set the header style to Style 3 in Jupiter.

18
Custom Sidebars.  

Both Jupiter and The Ken have the option to make it possible for the user to add his/her custom sidebar area which he/she can use to add to specific pages or posts. Click here for more information.

How to Assign Widgets to Widgets Areas

Widgets Assign

To assign WordPress default or Jupiter and The Ken specific or third party widgets to one of the widget areas we discussed above, go to the widgets page by following the WordPress Admin Menu > Appearance > Widgets path, then select the widget you want at the left section of the screen and drag it to one of the widget areas available. After you release the widget in the correct position, the specific widget options will be available for you to fine tune the information which will be shown in the front end of the website.

Jupiter Specific Widgets

Jupiter Widgets List

Jupiter provides specific widgets which you can assign to areas explained above to have more flexibility on the content. The following is the list of Jupiter specific widgets:

1
JP - Contact Form.  

Widgets Contact Form

Adds a Contact Form to the widget area you assign. This contact form is a simple version of the Contact Form shortcode. You have an option to show/hide Captcha and Phone Number fields.

2
JP - Contact Info.  

Widgets Contact Info

Adds a Contact Info to the widget area you assign. This contact form is a simple version of the Contact Info shortcode.

3
JP - Flickr.  

Widgets Flickr

Adds a Flickr thumbnail images list with links to the respective page of the images in Flickr. Follow the links given in the widget options to find out how to add the API Key and User ID for the correct functionality of this widget.

4
JP - Google Maps.  

Widgets Google Maps

Adds a Google Maps section to the widget area you assign. This is a simple version of the Advanced Google Maps shortcode.

5
JP - Instagram.  

Widgets Instagram

Adds the short posts list of the chosen Instagram account. Follow the links given in the widget options to find out how to add the UserId and Access Token for the correct functionality of this widget.

6
JP - Mini Slideshow.  

Widgets Mini Slideshow

This widget adds a mini slideshow with a maximum of three images to the widget area you assign.

7
JP - News Slider.  

Widgets News Slider

This widget adds a news slider to the widget area you assign. The news items are retrieved from News Post Type. Click here for more information.

8
JP - Popular Posts.  

Widgets Popular Posts

This widget adds the most viewed posts list to the widget area you assign. You can set how many posts and from which categories to retrieve the information using the options provided in the widget.

9
JP - Recent Portfolios.  

Widgets Recent Portfolios

This widget adds the latest portfolio posts list to the widget area you assign. You can set how many portfolio posts to show using the options provided in the widget. Click here for more information about portfolios.

10
JP - Recent Posts.  

Widgets Recent Posts

This widget adds the latest blog posts list to the widget area you assign. You can set how many blog posts and from which categories to retrieve the information using the options provided in the widget.

11
JP - Related Posts.  

Widgets Related Posts

This widget adds a posts list from a specific category you choose from the widget options to the widget area you assign.

12
JP - Social Networks.  

Widgets Social Networks

This widget adds a list of icons of social network websites with the links to the respective pages you set in the widget options to the widget area you assign

13
JP - Sub Navigation.  

Widgets Sub Navigation

This widget adds a sub navigation to the widget area you assign. You need to add individual page IDs in a comma separated list in the widget options.

14
JP - Testimonials.  

Widgets Testimonials

This widget adds up to three testimonials to the widget area you assign. You can add the title, quote, company, author image url, author website url and position information using the widget options.

15
JP - Twitter Feeds.  

Widgets Twitter Feeds

This widget adds Twitter Feeds to the widget area you assign. Go to Theme Options > Advanced > Twitter API and complete the process of Twitter integration to be able to use this widget. Click here for more detailed information.

16
JP - Video.  

Widgets Video

This widget adds a video player to the widget area you assign. Use the options of this widget to decide which external sources you want to use to show a video. Available options are:

  1. Youtube
  2. Vimeo
  3. Dailymotion
  4. Bliptv
  5. Viddler
x
Note: You need to add the Clip ID portion of the video URL in the widget and not the whole URL.

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket