Ubit

Logo

Responsive WooCommerce WordPress theme

View My GitHub Profile

Home Demo Download Docs Changelog Support

Documentation

Table of Contents

  1. Getting started
    1. Useful resources
    2. System requirements
  2. How to install Ubit theme
    1. Download Ubit theme
    2. Install Ubit theme
    3. Required plugins
  3. How to import Ubit theme demo content
  4. After importing Ubit theme demo content
  5. How to change Ubit theme appearance, customize options, etc.
    1. Customizer
  6. How to (FAQs)
    1. How to get Ubit child theme
    2. How to update Ubit theme
    3. How to update bundled plugins

Getting started

Useful resources

If you are new to WordPress, WooCommerce or Elementor page builder, follow these links to learn more:

System requirements

To use Ubit theme you need to have:

How to install Ubit theme

Download Ubit theme

  1. Visit ThemeForest website, then go to Downloads
  2. Download the Installable WordPress file only (ubit.zip file) as shown in the screenshot below.

Download Ubit theme

Install Ubit theme

To install the theme on your WordPress website, follow these steps:

  1. Login to your WordPress admin dashboard.
  2. Go to Appearance > Themes > Add New > Upload Theme. Appearance - Themes Appearance - Themes - Add New Appearance - Themes - Add New - Upload Theme
  3. Upload ubit.zip file.
  4. Once the theme is uploaded click Activate button. If you do not see the button, then go to Appearance > Themes and click Activate button on Ubit theme.

Alternatively, you can extract ubit.zip file and upload the extracted folder to /wp-content/themes/ folder on your server using FTP. Then go to Appearance > Themes and click Activate button on Ubit theme.

Learn more: How to install WordPress theme.

Required plugins

Skip to How to import Ubit theme demo content section, if you prefer to use the setup wizard which will help you to install plugins automatically.

After installing the theme you must install the required plugins for a correct work of the theme. Recommended plugins are optional to install.

If you prefer not to import the demo content, then you can use any plugin (see the plugins list below) in the theme as is or almost without any additional configuration (see After importing Ubit theme demo content section).

The theme is using only free and open source plugins which are available on WordPress.org plugins repository, with the only exception for Envato Market plugin.

To install plugins manually go to Plugins > Add New and use search to find wanted plugins.

Also, do not forget to follow an official documentation of each plugin.

Required plugins:

Recommended plugins (optional):

How to import Ubit theme demo content

The theme provides a set of pre-built pages. Instead of starting a website design from scratch you can import the demo content with a few clicks and customize it in your own way.

By default, the theme uses Elementor page builder for the demo content. If you prefer you can use other page builders too, but in this case some of the demo content may not show correctly.

To import the demo content, follow these steps:

  1. Go to Appearance > Ubit Options. Appearance - Ubit Options
  2. Click Run the Setup Wizard button. Appearance - Ubit Options - Run the Setup Wizard
  3. Follow the setup wizard instructions. Ubit Setup Wizard
  4. Follow After importing Ubit theme demo content section instructions.

After importing Ubit theme demo content

A majority of a style configuration for the plugins used in the theme is already built-in, but currently the setup wizard cannot automatically setup some of functional configuration settings for them.

To fully setup the theme and finish plugins configuration, follow these steps:

  1. To make sure that WordPress permalinks work correctly:
    1. Go to Settings > Permalinks.
    2. In Common Settings section select any URL structure but Plain.
    3. Click Save Changes button.
  2. To setup WooCommerce:
    1. Find a notification suggesting to setup WooCommerce.
    2. Click Run the Setup Wizard button.
    3. Follow the setup wizard instructions.
  3. To finish a setup of color variation attributes:
    1. Go to Products > Attributes.
    2. Move your mouse over a color attribute table row and click Edit.
    3. Change Type to Color.
    4. Click Update button.
  4. To finish a setup of size variation attributes:
    1. Go to Products > Attributes.
    2. Move your mouse over a size attribute table row and click Edit.
    3. Change Type to Label.
    4. Click Update button.
  5. To make sure that Contact Form 7 works correctly:
    1. Go to Contact.
    2. Check and update a configuration of each contact form (e.g. sender and receiver email addresses, etc.).
    3. Click Save button on each contact form if any changes were made.
  6. To setup Instagram Feed:
    1. Go to Instagram Feed.
    2. Using your preferred connection method, connect to Instagram API.
    3. Click Save Changes button.
  7. To finish a setup of Mailchimp for WordPress:
    1. Go to Mailchimp for WP > Form.
    2. Click Save Changes button.
  8. To finish a setup of AddToAny Share Buttons:
    1. Go to Settings > AddToAny.
    2. Change icon style to 36 pixels.
    3. Change placement - untick checkboxes Display at the bottom of posts on the front page and Display at the bottom of pages.
    4. Click Save Changes button.
  9. To get automatic theme updates:
    1. Go to Envato Market.
    2. Using your preferred connection method, Connect to Envato API.
  10. To replace some URLs which are still pointing to Ubit theme demo website:
    1. Install and activate Better Search Replace or WP Migrate DB plugin.
    2. Using a preferred plugin, find and replace URLs which are still pointing to Ubit theme demo website. To find specific Ubit theme demo website URLs - use view source functionality in your browser while viewing a frontend of your website.

How to change Ubit theme appearance, customize options, etc.

Customizer

A general theme appearance options are in Appearance > Customize.

Appearance - Customize

There you will find many customization options of layout, top bar, 404 page, colors, buttons, typography (fonts), WooCommerce, etc.

Appearance - Customize - Controls

How to (FAQs)

How to get Ubit child theme

If you want to make advanced code changes to the theme, the best way to do it is using a child theme.

If you used the theme setup wizard, then you should already have a child theme installed and activated automatically.

Learn more: WordPress child themes.

How to update Ubit theme

As suggested in After importing Ubit theme demo content section, you should already have a correctly setup Envato Market plugin which provides an automatic theme updates.

To check for any available updates go to Dashboard > Updates.

Once an automatic theme update is available go to Appearance > Themes and click Update Now button on Ubit theme.

If you prefer not to use Envato Market plugin, then you should check for available updates manually on ThemeForest website.

To check which theme version you are using go to Appearance > Themes and click on Ubit theme block.

How to update bundled plugins

The theme is using only free and open source plugins which are available on WordPress.org plugins repository, with the only exception for Envato Market plugin.

To check for any available updates go to Dashboard > Updates.

Generally you will be informed on your WordPress admin dashboard about any available updates of bundled plugins.

For available updates of Envato Market plugin you should check them on Envato Market plugin website or Envato Market plugin GitHub repository.