Step by Step Tutorial – 8DegreeThemes https://8degreethemes.com WordPress Tutorials and Reviews Wed, 12 Jun 2024 06:27:51 +0000 en-US hourly 1 https://wordpress.org/?v=6.5.4 https://8degreethemes.com/wp-content/uploads/2024/06/cropped-cropped-8degree-themes-logo-32x32.png Step by Step Tutorial – 8DegreeThemes https://8degreethemes.com 32 32 How to Add a Custom Login Page on your WordPress Website? (Step by Step Guide) https://8degreethemes.com/add-a-custom-login-page-on-your-wordpress-website/ Fri, 31 May 2024 17:50:03 +0000 https://8deg.sites.expresstech.io/add-a-custom-login-page-on-your-wordpress-website/ If you are wondering to add a custom login page to your WordPress website then, you are at the right place. Here, we will discuss a short tutorial to create a beautiful login page for WordPress websites. But before we begin, a few things about why you should consider adding a custom login page on your WordPress website.

Adding a custom login page on your WordPress website is one of the great ways to uplift the identity of your brand. You might want to add an attractive background to your login page or want to add the logo of your brand instead of the default WordPress logo on the login form to give your login page a professional look. Also, you might want to add a social OAuth login to enable your audience to enter your website using their favorite social media or add a Google reCaptcha to make your admin area safe and secure from spammers or abusers. All these things can be added to your WordPress login page by using WordPress custom login page plugins available.

Here, in this article, we will be using WP Custom Admin Login to show you how to add a custom login page for your WordPress website.

So, let’s get started and set up a beautiful login page for your WordPress website:

Step 1:

WP Custom Admin Login

Purchase WP Custom Admin Login from the CodeCanyon marketplace at the price of $19. Then, install it on your WordPress website. If you face any difficulties while installing the plugin then, you can check out its documentation.

Step 2:

After you have installed the plugin on your site, you will see “WP Custom Admin Login” on the left menu of your WordPress dashboard. Click on it.

You will land on the general settings page. Click on the “Start Customizing!” button to start customizing your login page.

General Settings

Step 3:

You will be directed to the customization page of your WordPress website. Click on “WP Custom Admin Login” to continue.

You will land on a different settings section for customizing your login page. They are:

Enable Plugin

Here, you enable/disable the custom login page created by using the plugin.

Select Template

Here, you can select the template for your login page.

Select Template

Also, you can configure the design of your login page template.

Select Template Design

Header Section

Here, you can edit the header text and header description.

Header Section Text

Also, you can set the custom logo for your login page along with the custom URL link.

Header Section Logo

Display Options

Here, you can show/hide the lost password, remember it, and back to the option text on your login page.

Display Options

Login Form

Here, you can add lost password text, remember me a text, registration text, registration link text, registration URL, back to the text, and back to the URL.

Login Form General

Also, you can configure the background, typography, form field, and text color.

Login Form Design

Google ReCaptcha

Here, you can enable/disable Google reCaptcha on your login page. To add Google reCaptcha, you need to add your Google site key, Google secret key, and Captcha error message.

Google reCaptcha

Social Login

Here, you can enable the Social Media OAuth login feature on your login page.

Social Login General

Additional Contents

Here, you can add the additional content block on your login page.

Additional Content

Footer Section

Here, you can add your custom footer text.

Footer Section Text

Also, you can add social icons to your footer.

Footer Section Social Icons

Custom CSS Section

Here, you can add custom CSS to your login page.

Custom CSS Section

After you are done, click on publish button to save your custom login page.

Wrapping Up

In this way, you can add custom login page on your WordPress website. So, if you are planning to add a customize your login page and give it a professional look then, you can purchase the mentioned plugin and follow this step by step tutorial.

You can also checkout our collection of:

5+ Best WordPress Custom Login Page Plugins (Premium Listing)

]]>
How to add Forms on WordPress Website using Ultimate Form Builder? (Step by Step Guide) https://8degreethemes.com/add-forms-on-wordpress-website/ Fri, 31 May 2024 17:49:57 +0000 https://8deg.sites.expresstech.io/add-forms-on-wordpress-website/ If you are wondering how to build and add some stunning forms to your WordPress website then, you are at the right place. Here, in this article, we will discuss a step-by-step guide to adding forms to your WordPress website. But before we start a few things about why adding forms is mandatory for a WordPress website.

The form builder is one of the must-have elements for any website. It lets you build different forms for multiple uses such as subscription letters, contact us, post/directory submissions, inquiry forms, survey forms, and many more. Embedding all these forms will provide your website with a professional look. Moreover, these forms will allow your customers to connect with you more easily.

Here, in this article, we will be using Ultimate Form Builder to show you how to add a beautiful form to your WordPress website.

So, let’s get started and add forms to your WordPress website in a step by step process:

Step 1:

Best WordPress Form Builder Plugin: Ultimate Form Builder
Best WordPress Form Builder Plugin: Ultimate Form Builder

Get Ultimate Form Builder from the CodeCanyon marketplace at the price of $32. Then, install it on your WordPress website. After that activate it. If you have any difficulty regarding the installation process then, you can check out its documentation.

Step 2:

After you have successfully activated the plugin, you will see “Forms” on your WordPress dashboard.

You will land on the “All Form” page. It consists of the list of all the forms you have created on your WordPress website. Click on “Add New Form” to add a new form for your WordPress website.

Ultimate Form Builder: All Forms
Ultimate Form Builder: All Forms

Then, a popup will be displayed where you need to add the title for your new form and choose its type. After that, click on “Add Form”.

Ultimate Form Builder: New Form
Ultimate Form Builder: New Form

Step 3:

Then, you will land on the settings page of the plugin. It contains 4 tabs for configuring your form. They are:

Form Builder

Ultimate Form Builder: Form Builder
Ultimate Form Builder: Form Builder

Here, you can set the field from 4 different elements. They are:

  • HTML Elements: Here, you can add a Single Line Textfield, Multiple Line Textfield, an Email Address, a Dropdown Menu, a Radio Button, a Checkbox, a Password, a Hidden Field, a Number Field, a Submit Button, and a Captcha.
  • UI Elements: Here, you can add Datepicker, Datepicker Date Range, Dropdown Date, Dropdown Date Range, and UI Slider.
  • Custom Field: Here, you can add File Uploader, Custom Texts, Agreement Block, URL Field, and WYSIWYG.
  • Survey Elements: Here, you can add Star Ratings, Like Dislike Thumb, and Choice Matrix.

Display Settings

It consists of different display options for your created forms. You can set the width of your custom form, form submission message, and form error message. Also, choose the template for your form.

Ultimate Form Builder: Display Settings
Ultimate Form Builder: Display Settings

Email Settings

Here, you can add the email address for your mail receiver. Also, set the custom email subject and message format. Besides, you can also enable the auto-reply setting along with the custom auto-respond subject and auto-respond message.

Ultimate Form Builder: Email Settings
Ultimate Form Builder: Email Settings

Conditional Logic

Here, you can set different types of conditional logic for your WordPress forms.

Ultimate Form Builder: Conditional Logic
Ultimate Form Builder: Conditional Logic

After, you are done click on “Save Form” to save your settings. To view the preview of the form click on the “Preview” button right next to the “Save Form”.

Then, copy the shortcode and paste it on any pages, posts, custom post types, or widgets of your WordPress website to display your created form.

Wrapping Up

This way you can easily add a beautiful WordPress forms on your WordPress website in a few minutes. Forms are very essential element and can provides different types of benefit to your WordPress website. So, if you want to add forms on your WordPress website then, you can use the mentioned plugin and follow this step by step tutorial.

You can also checkout our collection of: 5+ Best WordPress Form Builder Plugins (Premium Version).

]]>
How to Add an Engaging Notification Bar on your WordPress website? (Step by Step Guide) https://8degreethemes.com/add-an-engaging-notification-bar-on-your-wordpress-website/ Fri, 31 May 2024 17:49:56 +0000 https://8deg.sites.expresstech.io/add-an-engaging-notification-bar-on-your-wordpress-website/ Placing a notification bar on the top of your WordPress website can be the best way to attract your visitor’s attention instantly. It allows you to add your site’s announcements, messages, or links to your site’s important content to direct your traffic increase your site’s engagement rate, and generate leads. Moreover, you can also place an email subscription letter or social media profile icons to boost the email and social media subscribers of your website.

A notification bar, being an essential tool for any website can be added using WordPress notification bar plugins available. So, you will have to be careful about finding the right one for your WordPress website. While choosing a notification bar plugin, you need to consider its features available in terms of layouts (templates that the plugin offers), positioning (on what position you can add your notification bar), and contents (what contents you can add on your notification bar). Also, you might look at some advanced features such as floating, fixed, or absolute positioning of your notification bar, duration to display notifications, trigger options, etc.

Here, in this article, we will be using 8 Degree Notification Bar Pro to show you how to add a beautiful notification bar on your WordPress website. It is an ultimate WordPress plugin that comes with cool templates and advanced settings for embedding your website with an attractive notification bar without using any codes.

So, let’s get started and add an engaging notification bar on your WordPress website:

Step 1:

Purchase 8 Degree Notification Bar Pro from the CodeCanyon marketplace at a reasonable price of $18. Then install it on your website. If there are any difficulties while installing the plugin then, check out its documentation. After, that activate the plugin.

8 Degree Notification Bar Pro
8 Degree Notification Bar Pro

Step 2:

After you have activated the plugin, you will see “Notification Bar Pro” on your WordPress dashboard. Click on it. You will land on the “Notification Bar” page. It consists of all the notification bars, you have created on your WordPress website. To create a new notification bar click on “Add New”.

8 Degree Notification Bar Pro: Add New Notification Bar
8 Degree Notification Bar Pro: Add New Notification Bar

Step 3:

You will land on to “Add New Bar” page. Then, give the name to your new notification bar. Then, choose the template for your notification bar. You can either choose any of the 10 pre-designed templates or your custom templates.

8 Degree Notification Bar Pro: Notification Bar Layout
8 Degree Notification Bar Pro: Notification Bar Layout

Step 4:

Then, enable/disable the components of your notification bar. There are 3 different components. They are:

Left Component

In the left component, you can add social icons that contain the link to your social media.

8 Degree Notification Bar Pro: Left Notification Bars Components
8 Degree Notification Bar Pro: Left Notification Bars Components

Right Component

In the right component, you can add the opt-in form, Twitter tweets, post titles, RSS feeds, marquee texts, etc.

8 Degree Notification Bar Pro: Right Notification Bars Components
8 Degree Notification Bar Pro: Right Notification Bars Components

Open Panel

In the open panel, you can set the hover text, header text, and footer text. Besides, you can also set the widget columns.

8 Degree Notification Bar Pro: Open Panel Notification Bars-components
8 Degree Notification Bar Pro: Open Panel Notification Bars Components

Step 5:

Then, set the duration of your notification bar.

8 Degree Notification Bar Pro: Duration to Display Notification Bar
8 Degree Notification Bar Pro: Duration to Display Notification Bar

Step 6:

After that set the position, visibility, and close button for your notification bar. Besides, you can also set whether to display the notification bar to the login users.

8 Degree Notification Bar Pro: Notification Bar Position
8 Degree Notification Bar Pro: Notification Bar Position

After you have configured everything, click on “Save Notification Bar“.

Wrapping Up

In this way, you can add notification bar on your WordPress website. So, if you too want to embed your WordPress website with an engaging notification bar then, you can purchase this plugin and follow this step by step tutorial.

For a detailed review of the plugin check out: Best WordPress notification bar Plugin- 8Degree Notification Bar

]]>
How to Add Custom Icons or Font Icons in your WordPress Menu? (Screenshots and Video Included) https://8degreethemes.com/how-to-add-custom-icons-or-font-icons-in-your-wordpress-menu/ Fri, 31 May 2024 17:49:54 +0000 https://8deg.sites.expresstech.io/how-to-add-custom-icons-or-font-icons-in-your-wordpress-menu/ Adding icons and graphics to your WordPress website’s menu items is an effective way to improve the visual interest of your menu. It makes your WordPress menu more informative and helps your visitors to know more about the page before even visiting it. By doing so, you can motivate your visitors and guide them to navigate through different pages/posts on your WordPress website.

The icons and fonts can be added to your default WordPress menu by using WordPress Custom Icons plugins. Here, in this article, we will discuss the step-by-step tutorial for adding some awesome icons on the menu bar by using a WordPress plugin.

The plugin we are going to use in the tutorial is WP Menu Icons. It’s a premium WordPress plugin by AccessPress Themes. It is packed with a wide range of icon sets to add some beautiful icons and custom icons to your WordPress menu.

Best Custom Icons Plugin for WordPress Menu - WP Menu Icons
Best Custom Icons Plugin for WordPress Menu – WP Menu Icons

Some of the Main Features of WP Menu Icons:

  • 10+ Readymade Font Icons for Menu
  • Option to Upload and Add Custom Icons
  • 15+ Hover Over Animation Effects
  • Custom Styling Options
  • 3 Different Menu Icons Position Options
  • Compatible with All Types of WP Themes

Full Features and Details of WP Menu Icons

Add Custom Icons or Font Icons on your WordPress Menu Using WP Menu Icons Plugin

Now let’s add some awesome custom icons to your WordPress menu in a few steps.

Step 1:

Purchase WP Menu Icons Plugin from the CodeCanyon marketplace at the discounted price of $7. (Since AccessPress themes are providing 70% off for its promotional sale.) After, you purchase the plugin, install it, and then activate it. If you have any problem while installing the plugin then, you can refer to its documentation.

WP Menu Icons - 70% off for Promotional Sale
WP Menu Icons – 70% off for a Promotional Sale

Step 2:

After you activate the plugin, go to Appearance > Menus for adding the icons to your website’s menu. There, you will see the WP Menu Icons Settings section. Enable the menu icons setting to start adding the custom icons on your menu items.

WP Menu Icons - Enable WP Menu Icons
WP Menu Icons – Enable WP Menu Icons

Step 3:

Then, hover over any of the menu items. You will Add Menu Icon button appear. Click on it to assign icons for your menu items.

WP Menu Icons - Add Menu Icons
WP Menu Icons – Add Menu Icons

Step 4:

After clicking the button a popup will appear on your screen. It is WP Menu Icon Settings. From here, you can add the icons to your WordPress website’s menu. It consists of 4 settings sections. They are:

General Settings

On the general settings, you can enable/disable your menu icons for desktop, tablet, and mobile. Configure them as per your preference. Also, set the position of the icons.

WP Menu Icons - General Settings
WP Menu Icons – General Settings

Icon Settings

The icon settings will let you choose the icons for your menu items. You can either choose the pre-available font icons or upload your custom icons. Add the most suitable icons for your menu item.

WP Menu Icons - Icon Settings
WP Menu Icons – Icon Settings

Animation Settings

After you choose the icon for your menu items, you can display it through various animation effects. The plugin contains 15+ cool animations for animating your icons. Choose the most attractive animation for your menu icons.

WP Menu Icons - Animation Settings
WP Menu Icons – Animation Settings

Custom Settings

The custom settings will let you customize the font size, font color, hover color, and icon divider of your menu icons. Customize the icons as per your requirements to display beautiful menu icons for your WordPress menu. Moreover, you can customize the menu label from here.

WP Menu Icons - Custom Menu Label Styling Settings
WP Menu Icons – Custom Menu Label Styling Settings

After the customization is done, save the settings. Now follow a similar step to add the icons for each of the menu items. After, you are done the menu like in the one below can be obtained.

WP Menu Icons
WP Menu Icons

Also, check out the video tutorial for adding the custom icons on your WordPress menu using WP Menu Icons plugins:

Wrapping Up

In this way, you can add the custom icons in your WordPress menu. A navigation menu is always important for any websites and making it attractive to your audience can be many benefits. So, if you are interested on adding the icons on your menu bar then, you can purchase this plugin and follow the tutorial.

For the plugin collections of:

Top 3 Custom Icons Plugins for WordPress Menu – Compared

10+ Best Premium WordPress Mega Menu, Custom Menu Plugins (Make your WordPress website navigation 75% more effective)

Also, check out a similar type of step-by-step guide:

How to add Off-Canvas Fly Menu in your WordPress Website or Blog (Step by Step guide)

How to enhance your WordPress website Navigation with Mega Menu, Fly Menu, Circular Menu, Custom menu icons, and more!

]]>
How to Add Mega Menu on WordPress Website? (Step by Step Guide) https://8degreethemes.com/add-mega-menu-on-wordpress-website/ Fri, 31 May 2024 17:49:53 +0000 https://8deg.sites.expresstech.io/add-mega-menu-on-wordpress-website/ If you are looking to upgrade the default WordPress menu and make it more beautiful, well-organized, effective, and easy to navigate then, you are at the right place. Here, in this article, we will discuss a short tutorial on how to add a mega menu to your WordPress website using a free mega menu plugin – AP Mega Menu. But before we begin, a few things about adding a mega menu on your WordPress website make the navigation easier and more effective.

A mega menu is an expandable multiple-dimensional navigation structure where you can store lots of site content and various rich media (images and videos). It not only lets your visitors find their required content easily and quickly but also provides them with a unique navigation experience. By doing so, you can keep your visitors on for a long period your website not only decreases the bounce rate but can also boosts the engagement rate and conversion rate.

Adding Mega Menu on WordPress Website

Now let’s begin this step-by-step tutorial and add a beautiful mega menu on your WordPress website.

AP Mega Menu: Brief Description

AP Mega Menu

AP Mega Menu is one of the popular free WordPress plugins for adding an engaging mega menu to your WordPress website. It comes with 8 pre-available skins and a custom template builder for designing a unique mega menu for your website.

Major Features of AP Mega Menu Plugin

  • Supports Flyout or Mega Menu Submenu Styles
  • Widgetized Mega Menu with Visual Builder
  • 8 Pre-Available Menu Skins
  • Option to Design Custom Menu Templates
  • Mega Menu with Horizontal or Vertical Orientation
  • Fade or Slide Transition Effects
  • Hover or Click Trigger Effects
  • Option to Custom Menu Icons

Live Preview  Full Details  Download  Premium Version

Installation and Activation

Download the AP Mega Menu plugin from the WordPress.org repository for free. Then, install it on your website. After that, activate it. If you have any difficulties regarding the plugin installation then, you can take the help of its documentation.

Configuration: AP Mega Menu

After you have successfully activated the plugin on your WordPress website. You will see “AP Mega Menu” appear on the left menu of your dashboard. Click on it to proceed.

General Settings

You will land in the “General Settings” tab. Here, you can set the behavior of the mega menu along with the animation labels. Also, you can configure the mobile settings of your menu by setting up the toggle behavior and menu open and closed icons.

AP Mega Menu: General Settings

Image Settings

Here, you can set the display size of your image on your mega menu. Also, you can set the width of the custom icons that you have inserted on your menu.

AP Mega Menu: Image Settings

Shortcodes

Here, you can generate the shortcodes for the mega menu. Just copy the shortcode and paste any page, post, or custom post type of your WordPress website to display the mega menu.

AP Mega Menu: Shortcodes

Theme Settings

Using this plugin, you can create custom templates for mega menus. Go to AP Mega Menu > Theme Settings to create a unique template for your mega menu.

AP Mega Menu: Custom Template Options

Adding Mega Menu as Main Menu

To add the mega menu as the main menu of your WordPress website, go to Appearance > Menus. Here, you will find “Select AP Mega Menu Settings”. Enable it. Then, assign the orientation of your menu, and choose the triggers, transitions, and skins.

AP Mega Menu: Adding WordPress Menu Using AP Mega Menu

The plugin also contains options to configure each of the menu categories separately. To configure the category, hover over any of the categories and click on the “AP Mega Menu” button that appears upon hovering over it.

AP Mega Menu: Category Wise Configuration Options

For additional features, you can upgrade this plugin to its premium version – WP Mega Menu Pro.

Wrapping Up

In this way, you can add mega menu on your WordPress website in few minutes. So, if you want to add mega menu on your website then, you can follow this step by step tutorial.

You can also check out the collections of:

]]>
How to Add Social Media Counter on WordPress Website? (Step by Step Tutorial) https://8degreethemes.com/add-social-media-counter-on-wordpress-website/ Fri, 31 May 2024 17:49:48 +0000 https://8deg.sites.expresstech.io/add-social-media-counter-on-wordpress-website/ Do you want to add social media counter on the WordPress website? A social counter allows you to display the total number of fans, followers,,, and subscribers that are connected to the social media account of your business. By doing so, you can encourage your new visitors to follow you on social media and increase the social community and social reach of your company.

Due to the high popularity of social media in any type of business, many developers have included social icons on their WordPress templates. However, these inbuilt social icons might not have the option to display the follower counts of your social media. Moreover, they might also support a limited number of social networks and you may not be able to display them in your desired location. So, to add social media follow buttons that display the follower counts anywhere you want on your WordPress website, we recommend you use the WordPress social counter plugins available. These plugins come with different features and functionality to add the social media follow button on the widgets or any page/post of your WordPress website.

Here, in this article, we will be using AccessPress Social Counter – a free WordPress plugin to show how to add a social counter on WordPress websites. It comes with 5 pre-designed templates and supports 9 different social media networks to display the social media counter button on your WordPress website.

With that being said, let’s get started with this step-by-step tutorial and add some beautiful social media follower counter buttons on the WordPress website:

Step 1:

AccessPress Social Counter

Download the AccessPress Social Counter plugin from WordPress.org. Then, install it on your WordPress website. If you have any difficulties in the installation of the plugin then, you can take the help of its documentation.

Step 2:

After you have successfully installed the plugin, activate it. Then, you can see “AccessPress Social Counter” appear on the left menu of your WordPress dashboard. Click on it to continue.

Step 3:

You will land on the “Social Profile” tab of the plugin. It contains all supported social media networks to add the social counter. You can enable/disable them manually. Each social media needs a special API key or token. Add them from the developer accounts of each social media.

AccessPress Social Counter: Social Profiles

Step 4:

Now, move to the next tab, “Display Settings”. Here, you can choose any of the 5 pre-available templates to display the social counter on your WordPress website. Besides, you can also set the order of your selected social networks, choose the most suitable counter number display format, and enable/disable the font CSS and Frontend CSS of the plugin.

AccessPress Social Counter: Display Settings

Step 5:

Then, go to the “Cache Settings” tab to set the cache period in which the social media counter will be updated.

AccessPress Social Counter: Cache Settings

After that, click on “Save All Changes” to save your social counter settings.

Wrapping Up

This way, you can add social counter button on WordPress website in minutes. These social counter button will not only help you build a strong social community of your business but also allows you to increase the social reach of your website. So, if you want to add social media counter on your WordPress website then, you can use the above mentioned plugin at free of cost and follow this step by step tutorial.

You can also checkout the collection of:

]]>
How to Add Timeline Posts on WordPress Website? (Step by Step Guide) https://8degreethemes.com/add-timeline-posts-on-wordpress-website/ Fri, 31 May 2024 17:49:46 +0000 https://8deg.sites.expresstech.io/add-timeline-posts-on-wordpress-website/ Are looking to add timeline posts on your WordPress website? Timeline posts play an effective role in showcasing all the achievements and work experience of your company. It allows your visitors to easily explore your website and learn about the evolution of your business. By doing so, you can generate trust and authenticity from your potential clients and can even convert them into leads.

For WordPress users, the addition of timeline posts can easily be done with the help of WordPress timeline plugins. These plugins come with different designs and features to create and add beautiful timelines in no time. Moreover, these plugins also come with easy-to-use configuration and customization options to make your timeline posts visually appealing.

Here, in this article, we will be using Everest Timeline Lite – a free WordPress timeline plugin to show you how to display responsive timeline posts on a WordPress website.

So, let’s get started and add a responsive timeline on the WordPress website:

Step 1:

Everest Timeline Lite

Download Everest Timeline Lite from the WordPress repository. Then, install it on your website. If there is any difficulty regarding the installation of the plugin, you can go through the article: How to Install New Plugin to the WordPress Site?

Step 2:

After you have completed the installation of the plugin, activate it. Then, you will see “Everest Timeline” appear on the left menu of your WordPress dashboard. Click on it.

Everest Timeline Lite: Listing Page

You will land on the “All Everest Timeline” page. It contains all the timeline posts you have added to your WordPress website to date. To add a new timeline to your WordPress website, click on the “Add New” button.

Step 3:

You will land on the “Add New” page. Here, give the title for your new timeline. Then, go to the settings section to configure and customize your timeline. The plugin contains 4 different settings sections. They are:

Post Settings

Here, set the post type of your timeline. Then, enable the filter for all the taxonomies/categories to sort your timeline with all the available taxonomy and categories.

Everest Timeline Lite: Post Settings

Layout Settings

Here, you can select the layout for your timeline. The plugin consists of 2 different layouts i.e. Vertical Timeline Layout and One Side Timeline Layout with 2 templates for each of them. So, choose the most favorable one for your WordPress website.

Everest Timeline Lite: Layout Settings

General Settings

Here, you can set the number of posts you want to display on your timeline. Also, you can enable/disable the post category, post tag, post author, post comment, post date, and read more links on your timeline post.

Everest Timeline Lite: General Settings

Social Share

Here, you can enable the social sharing of your timeline on all the major social media networks like Facebook, Twitter, Google Plus, Linkedin, Email, and Pinterest.

Everest Timeline Lite: Social Share Settings

Step 4:

After you have completed the customization, click on the “Publish” button to go live.

Everest Timeline Lite: Social Share Settings

Then, copy the generated shortcode and paste it anywhere on your WordPress website.

Everest Timeline Lite: Shortcode

Wrapping Up

In this way, you can add timeline posts on your WordPress website. These event timeline will not only make your WordPress website engaging but also plays a great role on generating the trust from your clients. So, if you want to add a timeline post on your WordPress website then, you can download the above mentioned plugin and follow this step by  step tutorial.

You can also checkout the article:

How to add an author box to WordPress blog? (with or without plugin)

]]>
How to embed Twitter Feed on Visual Composer Built WordPress website? https://8degreethemes.com/embed-twitter-feed-on-visual-composer-built-wordpress/ Fri, 31 May 2024 17:49:18 +0000 https://8deg.sites.expresstech.io/embed-twitter-feed-on-visual-composer-built-wordpress/ WP Bakery Page Builder (Formerly Visual Composer) is one of the most popular page builder plugins of all time with over 2Million+ active users. It features an easy-to-use drag-and-drop interface for creating a high-quality webpage even for laymen. Moreover, the plugin also comes with over 50+ predefined content and 500+ addons and extensions to build a stunning website without any coding knowledge.

Talking about the add-ons and extensions for Visual Composer Page Builder, one of the most essential extensions to make your website engaging is Twitter Feed Addon. It allows you to embed your website with beautiful and interactive tweets and can engage your visitors in them. Moreover, these Twitter feeds also make your WordPress website more informative to your visitors and allow you to keep your visitors about your recent works.

How to embed a Twitter feed on a Visual Composer-built WordPress website?

Now let’s talk about step by step guide to embedding a Twitter feed on a Visual Composer-built WordPress website. The extension we will use in this tutorial is Twitter Feed Addon for Visual Composer. It is a premium VC extension by AccessPress Themes that comes with powerful features to add stunning tweets to your WordPress website.

Note: This is a step by step tutorial for Addon for Visual Composer. So, in order to carry out this tutorial, you need to have WP Bakery Page Builder plugin pre-installed on your WordPress website. If you are looking for Twitter Feed Plugins, then we recommend you to use AccessPress Twitter Feed Pro.

So, let’s get started and add some beautiful tweets to your WordPress website:

Step 1:

Twitter Feed Addon for Visual Composer
Twitter Feed Addon for Visual Composer

Buy Twitter Feed Addon for Visual Composer from the CodeCanyon marketplace at a discounted price of $10. (As the plugin has a launch offer of 50% off.) Then, install the plugin on your website. If you face any difficulties regarding the installation of the extension, refer to its documentation.

Step 2:

After you have completed the installation of the plugin, you will see “Twitter Feed addon” on the left menu of your WordPress dashboard. Click on it. You will land on the settings page of the extension. Add the API keys of your Twitter account and configure the cache and extra settings.

In order to generate the API key, go to https://dev.twitter.com/apps.

Twitter Feed Addon for Visual Composer: Main Setting
Twitter Feed Addon for Visual Composer: Main Setting

Step 3:

Then, go to Page > All Page and choose the page where you want to display your Twitter feed.

Step 4:

Then, choose whether you want to add the Twitter feed from the front or the back end of your website. Here, in this article, we have chosen to add Twitter from the front end.

WP Bakery Page Builder: Editor Option
WP Bakery Page Builder: Editor Option

Step 5:

You will land on the front of your chosen page. Here, click on “append to column”.

Twitter Feed Addon for Visual Composer: Append to Column
Twitter Feed Addon for Visual Composer: Append to Column

Step 6:

An “Add Element” popup will appear on your screen that consists of all the elements of the Visual Composer. Select “Twitter Feed Addon”.

Twitter Feed Addon for Visual Composer: Add Element
Twitter Feed Addon for Visual Composer: Add Element

Step 7:

A popup that contains settings for the Twitter feeds will appear. Here, you can configure the header text, header color, and header alignment.

Twitter Feed Addon for Visual Composer: General Settings
Twitter Feed Addon for Visual Composer: General Settings

Besides, you can also configure the color, margin, style, and background of your Twitter feed border. After you have finished configuring, click on “Save changes” to save your settings.

Twitter Feed Addon for Visual Composer: Layout Settings
Twitter Feed Addon for Visual Composer: Layout Settings

Step 8:

Then, to add Twitter feeds on your site’s page, click on “Prepend to Twitter Feed Addon”.

Twitter Feed Addon for Visual Composer: Prepend to Twitter Feed Addon
Twitter Feed Addon for Visual Composer: Prepend to Twitter Feed Addon

Step 9:

A popup will appear where you can choose in which view you want your Twitter feed to be displayed on your website. The views are:- list, slider, and ticker. Here we have chosen the ticker view.

Twitter Feed Addon for Visual Composer: Twitter Feed View
Twitter Feed Addon for Visual Composer: Twitter Feed View

Step 10:

After you have chosen your display view, a popup will appear that contains a set of settings for your chosen view. The settings include:

General

Here, you can select the source from which you want your Twitter feeds to be displayed i.e. from username or hashtags. Also, set the number of tweets you want to display on your page, date and time format, and fetch unavailable messages.

Twitter Feed Addon for Visual Composer: General Ticker View Settings
Twitter Feed Addon for Visual Composer: General Ticker View Settings

Component

Here, you can enable/disable follow button, Twitter actions, and username display. Besides, you can also set the width of the images of your tweets or choose to disable the image on the feeds.

Twitter Feed Addon for Visual Composer: Component Slider View Settings
Twitter Feed Addon for Visual Composer: Component Ticker View Settings

Ticker Settings

Here, you can set the direction of your ticker, ticker speed, and ticker pause duration. Also, you can enable/disable the pause on mouse hover and controls.

Twitter Feed Addon for Visual Composer: Ticker Settings
Twitter Feed Addon for Visual Composer: Ticker Settings

Layout

Here, you can select the templates for your Twitter view. Besides, you can also customize the color of your background, text, link, username, date/time, border, Twitter icon, Twitter Action, and follow button.

Twitter Feed Addon for Visual Composer: Layout Slider View Settings
Twitter Feed Addon for Visual Composer: Layout Slider View Settings

Wrapping Up

This way you can embed Twitter feed on Visual Composer built WordPress website. Showcasing Twitter feeds is one of the best way to boost your sites engagement rate and increase the social media reach of your site. So, if you want to add twitter feed on your Visual Composer built WordPress website then, you can purchase the above mentioned plugin and follow this step by step guide.

 

]]>
How to setup an attractive maintenance mode page on your WordPress website? https://8degreethemes.com/how-to-setup-an-attractive-maintenance-mode-page-on-your-wordpress-website/ Fri, 31 May 2024 17:49:04 +0000 https://8deg.sites.expresstech.io/how-to-setup-an-attractive-maintenance-mode-page-on-your-wordpress-website/ Do you want to display an attractive maintenance mode landing page on your WordPress website while you are carrying out the maintenance work? The maintenance mode page will display a user-friendly notice to your users instead of a broken site or 503 service unavailable responses. In this article, we will show you a short tutorial on setting up a maintenance mode page on your WordPress website.

Why and When You Need to Put your WordPress Website in Maintenance Mode?

A website needs to be upgraded and customized from time to time. And while you are carrying out your maintenance work, you would not want your visitors to see a broken website. As it will create a bad experience and give them a poor impression of your brand. So, to remedy that, displaying an attractive maintenance mode with a user-friendly notification, alternative links to visit, and providing a countdown time frame for letting your visitors know when the maintenance will be done will be a good step. This step will create a better experience and a positive brand impression among your users.

If you are working on a new website, you can use the same concept to put your website in a coming soon mode. This will allow you to create a pre-launched buzz for your upcoming website and generate some email subscribers.

How to Setup an Attractive Maintenance Mode Page on your WordPress website?

Now let’s talk about how to set up a user-friendly maintenance mode page on your WordPress website. Here, we will be using the Coming Soon Landing Page and Maintenance Mode WordPress Plugin to create an outstanding maintenance mode page in a few minutes. So, let’s get started:

Coming Soon Landing Page and Maintenance Mode: Brief Introduction

Best Coming Soon & Maintenance Mode Plugin for WordPress: Coming Soon Landing Page and Maintenance Mode
Best Coming Soon & Maintenance Mode Plugin for WordPress: Coming Soon Landing Page and Maintenance Mode

Coming Soon Landing Page and Maintenance Mode is an ultimate WordPress plugin for coming soon, maintenance mode, and under-construction websites. It is designed and developed with all the latest features required for easily creating a good-looking and highly interactive maintenance mode page.

Some of the Best Features of Coming Soon Landing Page and Maintenance Mode WordPress Plugin

  • 10 Beautifully Designed Coming Soon Page Templates
  • Custom Template Designer with Various Configuration Options
  • Enable/Disable Each Component
  • Text Configuration Options
  • Options to Configure the Background of your Maintenance Mode Page
  • Integrated 13 Most Popular Social Media Networks to Add Social Media Follow Icons
  • Countdown Timer to Provide Details about your Site Launch
  • Google Map Integrated
  • Option to Display Site Completion Percentage Loader
  • Enable/Disable Maintenace Mode as Per User Role

Full Features and Details of Coming Soon Landing Page and Maintenance Mode

Installation and Activation

Purchase the Coming Soon Landing Page and Maintenance Mode WordPress plugin from the CodeCanyon marketplace at a reasonable price of $19. After you purchased the plugin, install it and then activate it. If you have any difficulties while installing the plugin, you can take the help of the article: How to install a new plugin in WordPress website?

Setting Up Maintenance Mode Page Using Coming Soon Landing Page and Maintenance Mode WordPress Plugin

After you have successfully activated the plugin, you will “Coming Soon Pro” on the left of your WordPress dashboard. Click on it to get started.

General Settings

Coming Soon Landing Page and Maintenance Mode: General Settings
Coming Soon Landing Page and Maintenance Mode: General Settings

You will land on the general settings page of the plugin. It will contain enable/disable maintenance mode option. Enable it. A different section for your maintenance mode page will appear. They are:

  • Header Section: It will let you add a logo and header text for your maintenance mode page.
  • Description Section: You can add a short description of the maintenance to notify your visitors.
  • Subscriber Section: You can add the email subscription form along with the custom heading text, form label, button text, thank you note, and an error message. Moreover, you can also choose the subscription type to store your email subscribers.
  • Social Network Section: You can display the social media follow links. The plugin supports 13 major social media. So, insert the links on any number of social media icons to display them on your coming soon page.
  • Contact Us Section: It will let you add the contact form so that your user can contact you.
  • Google Map: You can add a Google map providing the location of your company. Enter the latitude and longitude from latlong.net. Then, enter the zoom level of your map. By default, your zoom level is 10. But you can change it to any number.
  • Loader: Choose a percentage loader to let your visitors know the approximate completion of your site.
  • Countdown Timer Section: You can add the countdown expiry date of your site’s maintenance.
  • Footer Section: You can add custom footer text to your maintenance mode page.
  • You can enable/disable any of the above mention sections on your maintenance mode page as per your desire.

Design

The design settings will allow you to set the template of your maintenance mode page. The plugin provides you with 10 pre-designed maintenance mode templates and the option to create your custom design. So, choose the most suitable design as per your preference.

Coming Soon Landing Page and Maintenance Mode: Design Settings
Coming Soon Landing Page and Maintenance Mode: Design Settings

Moreover, you can also set your background by selecting the background type.

Coming Soon Landing Page and Maintenance Mode: Custom Design Settings
Coming Soon Landing Page and Maintenance Mode: Custom Design Settings

Subscribers

Here, you will see the email list of your subscribers along with the subscription date. You can remove any of the subscribers or export the list as CSV.

Coming Soon Landing Page and Maintenance Mode: Subscribers Settings
Coming Soon Landing Page and Maintenance Mode: Subscribers Settings

Extra

From this section, you can set the name and emails for sending contact emails and subscription confirmation emails. Also, you can choose the users whom you want to display in the maintenance mode. Moreover, you can also enter the Google Analytics code to track your visitors, meta tag name, meta tag content, and favicons.

Coming Soon Landing Page and Maintenance Mode: Extra Settings
Coming Soon Landing Page and Maintenance Mode: Extra Settings

Wrapping Up

In this way we can setup a beautiful maintenance mode page on a WordPress website using a WordPress Maintenance Mode Plugin. So, if you want to create an attractive landing page before starting the maintenance work on your WordPress website thn, you can purchase the mentioned plugin and follow this step by step guide.

You can also check out the collection of:

10+ Best Coming Soon and Under Construction WordPress Themes and Templates (Premium Version)

]]>