Nokia is Going to Launch its New Nokia 2 in November

Nokia 2 is going to be the most affordable Nokia phone after the Nokia 8, Nokia 6, Nokia 5, and Nokia 3. Nokia 2 has leaked a couple of times before and this time we also got a hint that when is the company’s new device coming.

According to the Nokia Myanmar Facebook account, the Nokia 2 is coming in November. However, it is the launch date for Myanmar, other countries might see it sooner or later than that. The confirmation came when a random person asked them in a private message on their Facebook page and Nokia replied with a release date.

Nokia 2 is said to come with a big, 4000 mAh battery. It will have a 4.7-inch display with 720p resolution. There’ll be an 8MP camera on the back and a 5 MP camera on the front. The phone is said to come with Snapdragon 210 chipset which is an ultra entry level chipset but it offers LTE at a very affordable price. The phone will come with Android 7.1 out of the box and we have to see if Nokia upgrades it to the Android Oreo like all other Nokia phones.

 

Saba Qamar Is Slaying SO HARD In The Vogue India

It is no secret that Saba Qamar is currently one of the reigning queens of the Pakistani media industry. She has not only made Bollywood fall head over heals in love with her but also creating ripples through the industry with her role in Baaghi. Saba has accomplished what no other Pakistani actress has in terms of breaching boundaries and creating conversations with her body of work.

And she does all that looking abso-fucking-lutely FLAWLESS.

Source: Vogue India

Saba has taken another step towards further success after her shoot with Vogue India appeared in the latest edition of the international magazine.

The shoot is for the coveted designer, Zainab Chottani, and it  looks every bit as ethereal as you would expect a project with Saba to be like.

Source: The Express Tribune

The out-of-this-world bridal shoot features Saba and ace Pakistani model Shahzad Noor.

Source: Vogue India

Gorgeous shots, pretty clothes, wonderfully intricate accessory and haseen faces.

SEO for Copywriters: Tips on Measuring SEO Impact

Welcome to the newest installment of our educational Next Level series! In our last episode, Brian Childs shared a few handy shortcuts for targeting multiple keywords with one page. Today, he’s back to share how to use Google Analytics to measure the SEO impact of your content. Read on and level up!

Understanding how to write web content for SEO is important. But equally important is knowing how to measure the SEO impact of your content after it’s published. In this article I’ll describe how to use Google Analytics to create reports that evaluate the performance of articles or the writers creating those articles.

I’m Sarmad Gardezi & ill teach you how So, Let’s start with some definitions.

What is SEO content?

Search engine optimized content is the strategic process of researching and writing website copy with the goal of maximizing its impact in the SERPs. This requires having a keyword strategy, the ability to conduct competitive analyses, and knowledge of current ranking factors.

If you’re a copywriter, you’ve likely already been asked by your clients to create content “written for SEO.” Translating this into action often means the writer needs to have a greater role in both strategy and research. Words matter in SEO, and spending the time to get them right is a big part of creating content effectively. Adding SEO research and analysis to the process of researching content often fits nicely.

So the question is: How do I measure the effectiveness of my content team?

We go in greater depth on the research and reporting processes during the Moz seminar SEO for Content Writers, but I’ll explain a few useful concepts here.

What should I measure?

Well-defined goals are at the heart of any good digital marketing strategy, whether you’re doing SEO or PPC. Goals will differ by client and I’ve found that part of my role as a digital marketer is to help the client understand how to articulate the business goals into measurable actions taken by visitors on their site.

Ideally, goals have a few essential traits. They should:

  • Have measurable value (revenue, leads generated, event registrations)
  • Be identifiable on the site (PDF downloads, button clicks, confirmation page views)
  • Lead to business growth (part of an online campaign, useful to sales team, etc.)

Broad goals such as “increase organic sessions on site” are rarely specific enough for clients to want to invest in after the first 3–6 months of a relationship.

One tool you can use to measure goals is Google Analytics (GA). The nice part about GA is that almost everyone has an account (even if they don’t know how to use it) and it integrates nicely with almost all major SEO software platforms.

Lay the foundation for your SEO research by taking a free trial of Moz Pro. After you’ve researched your content strategy and competition with Keyword Explorer and Open Site Explorer, you can begin measuring the content you create in Google Analytics.

Let me show you how I set this up.

How to measure SEO content using Google Analytics

Step 1: Review conversion actions on site

As I mentioned before, your SEO goals should tie to a business outcome. We discuss setting up goals, including a worksheet that shows monthly performance, during the Reporting on SEO Bootcamp.

During the launch phase of a new project, locate the on-site actions that contribute to your client’s business and then consider how your content can drive traffic to those pages. Some articles have CTAs pointing to a whitepaper; others may suggest setting up a consultation.

When interviewing your client about these potential conversion locations (contact us page, whitepaper download, etc), ask them about the value of a new customer or lead. For nonprofits, maybe the objective is to increase awareness of events or increase donations. Regardless of the goal, it’s important that you define a value for each conversion before creating goals in Google Analytics.

Step 2: Navigate to the Admin panel in Google Analytics

Once you have goals identified and have settled on an acceptable value for that goal, open up Google Analytics and navigate to the admin panel. At the time of writing this, you can find the Admin panel by clicking on a little gear icon at the bottom-left corner of the screen.

Step 3: Create a goal (including dollar value)

There are three columns in the Admin view: Account, Property, and View. In the “View” column, you will see a section marked “Goals.”

Once you are in Goals, select “+New Goal.”

I usually select “Custom” rather than the pre-filled templates. It’s up to you. I’d give the Custom option a spin just to familiarize yourself with the selectors.

Now fill out the goal based on the analysis conducted in step #1. One goal should be filled out for each conversion action you’ve identified. The most important factor is filling out a value. This is the dollar amount for this goal.

The Google description of how to create goals is located here: Create or Edit Goals

Step 4: Create and apply a “Segment” for Organic Traffic

Once you have your goals set up, you’ll want to set up and automate reporting. Since we’re analyzing traffic from search engines, we want to isolate only traffic coming from the Organic Channel.

Organic traffic = people who arrive on your site after clicking on a link from a search engine results page.

An easy way to isolate traffic of a certain type or from a certain source is to create a segment.

Navigate to any Google Analytics page in the reports section. You will see some boxes near the top of the page, one of them labeled “All Users” (assuming segments haven’t been configured in the past).

Select the box that says “All Users” and it will open up a list with checkboxes.

Scroll down until you find the checkbox that says “Organic Traffic,” then select and apply that.

Now no matter what reports you look at In Google Analytics, you’ll only be viewing the traffic from search engines.

Step 5: Review the Google Analytics Landing Page Report

Now that we’ve isolated only traffic from search engines using a Google Analytics Segment, we can view our content performance and assess what is delivering the most favorable metrics. There are several reports you can use, but I prefer the “Landing Pages” report. It shows you the page where a visitor begins their session. If I want to measure blog writers, I want to know whose writing is generating the most traffic for me. The Landing Pages report will help do that.

To get to the Landing Pages report in Google Analytics, select this sequence of subheadings on the left sidebar:

Behavior > Site Content > Landing Pages

This report will show you, for any period of time, which pages are delivering the most visits. I suggest going deeper and sorting the content by the columns “Pages per session” and “Session Duration.” Identify the articles that are generating the highest average page depth and longest average session duration. Google will see these behaviors and signal that you’re delivering value to your visitors. That is good for SEO.

Step 6: Review the conversion value of your writers

Remember those goals we created? In the far right columns of the Landing Pages report, you will find the value being delivered by each page on your site. This is where you can help answer the question, “Which article topics or writers are consistently delivering the most business value?”

If you want to share this report with your team to help increase transparency, I recommend navigating up to the top of the page and, just beneath the name of the report, you’ll see a link called “Email.”

Automate your reporting by setting up an email that delivers either a .csv file or PDF on a monthly basis. It’s super easy and will save you a ton of time.

Story of Dr. Ruth from Germany To Become A Pakistani

Dr. Ruth Pfau is a German-Pakistani nun who has dedicated fifty years of her life in trying to combat leprosy in Pakistan. 

Many Pakistanis don’t know about the existence of the disease itself or the havoc it wreaks in the affected individual’s life. 

Leprosy, also referred to as Hansen’s Disease, is an infection that is caused by a bacteria. The disease does not initially present with symptoms and it can remain this way for anything between five to twenty years. Eventually, when symptoms do surface, they are seen to be in a granulomatous form. It can lead to severe disfigurement and deformities if left untreated. Fortunately, the disease is curable. And that’s where Dr. Ruth Pfau and her years of tireless service step in for Pakistan.

Born in Leipzig, Germany on September 9th, 1929, a young, compassionate Ruth Pfau always had greatness written in her destiny.

After escaping to West Germany in the wake of World War II, she chose medicine as a career and eventually began her journey to Pakistan. In 1960, she decided that she wanted to help those suffering from leprosy in Pakistan, after visiting a leprosy colony in Karachi. Thus began her mission. What started as a small hut where she would treat patients eventually led to the formation of The Marie Adelaide Leprosy Centre where Dr. I. K. Gill also helped the venture alongside.

Source: ruth-pfau-stiftun.de

Dr. Ruth Pfau would travel to remote areas where access to medical facilities was nearly impossible for leprosy patients.

She collected donations and imparted her knowledge to hospitals along the way.
Source: rushhourdaily.com

In 2016, it was reported that The Marie Adelaide Leprosy Centre alone registers 500 patients every year. 

MALC officials also stated that the situation seemed like it would remain unchanged for the next two decades. It is in times like these where individuals like Dr. Ruth become so integral to the framework of our society. Leprosy patients are often forsaken by their families. They are ostracized and written off as outcasts. People fear that they are contagious. However, passionate individuals like Dr. Ruth break those barriers by working closely with these patients. Her work encourages others to do the same.

Source: dawn.com

Dr. Ruth has rightfully been lauded for her selfless service over the course of five decades in Pakistan. 

She has received numerous honors and awards for being the courageous inspiration that she is. Awards such as the Sitara-e-Quaid-e-Azam, Hilal-e-Imtiaz, Hilal-e-Pakistan and the Jinnah Award are just a few to name.

In 1988, Dr. Pfau was awarded the Pakistani citizenship in recognition for her service to the country.

Source: tribune.com.pk

In a country that has seemingly lost its way in bloodshed, hatred and mindless battles, let us celebrate remarkable beings like Dr. Ruth Pfau. People like her make others want to believe in humanity. Individuals like her give us hope that nothing can be a barrier for compassion – not even monumental matters like boundaries and religion. May we all find the Ruth Pfaus that reside somewhere within us and hope to paint the world with love and empathy in our strides.

How to Style Each WordPress Post Differently

Have you ever come across a site that style their blog posts differently? Some sites have sticky posts highlighted with a custom background whereas others may have each category post styled with a unique look. If you ever wanted to learn how to style each WordPress posts differently, then you’re in the right place. In this article, we will show you how to style each WordPress post differently.

Note: This tutorial requires you to add custom CSS in WordPress. You will also need to be able to use the Inspect tool. Some basic CSS and HTML knowledge is required.

Styling Individual Posts in WordPress

WordPress adds default CSS classes to various elements on your website. A standard compliant WordPress theme must have the code required by WordPress to add CSS classes for body, posts, pages, widgets, menus, and more.

A core WordPress function called post_class() is used by themes to tell WordPress where to add those default CSS classes for posts.

If you visit your website and use the Inspect tool in your browser, then you will be able to see those classes added for each post.

 

Following are the CSS classes added by default based on what page a user is viewing.

  • .post-id
  • .post
  • .attachment
  • .sticky
  • .hentry (hAtom microformat pages)
  • .category-ID
  • .category-name
  • .tag-name
  • .format-{format-name}
  • .type-{post-type-name}
  • .has-post-thumbnail
  • .post-password-required
  • .post-password-protected

An example output would look like this:

1 <article id="post-412" class="post-412 post type-post status-publish format-standard hentry category-news">

You can style each WordPress post differently using the respective CSS classes.

For example, if you wanted to style an individual post, then you can use the post-id class in your custom CSS.

1 .post-412 {
2 background-color#FF0303;
3 color:#FFFFFF;
4 }

Don’t forget to change the post ID to match your own.

Let’s take a look at another example.

This time we will style all posts filed under a specific category called news.

We can do this by adding the following custom CSS to our theme”

1 .category-news {
2     font-size18px;
3     font-styleitalic;
4 }

This CSS will affect all posts filed under news category.

The Post Class Function

Theme developers use the post_class function to tell WordPress where to add the post classes. Usually it is in the <article> tag.

The post class function not only loads the default WordPress generated CSS classes, it also allows you to add your own classes.

Depending on your theme, you’ll find the post_class function in your single.php file or in the content template files. Normally, the code will look something like this:

1 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

You can add your own custom CSS class with an attribute like this:

1 <article id="post-<?php the_ID(); ?>" <?php post_class('longform-article'); ?>>

The post_class will print out respective default CSS classes along with your custom CSS class.

If you want to add multiple CSS classes, then you can define them as an array and then call them in the post_class function.

1 <?php
2 $custom_classes array(
3         'longform-article',
4         'featured-story',
5         'interactive',
6     );
7 ?>
8 <article id="post-<?php the_ID(); ?>" <?php post_class( $custom_classes ); ?>>

Style Posts Differently Based on Authors

The default CSS classes generated by the_posts function does not include author name as a CSS class.

If you want to customize the style of each post based on author, then you will need to first add the author name as a CSS class.

You can do this by using the following snippet:

1 <?php $author = get_the_author_meta('user_nicename'); ?>
2 <article id="post-<?php the_ID(); ?>" <?php post_class( $author ); ?>>

This code will add the user’s nicename as a CSS class. Nicename is a URL friendly name used by WordPress. It does not have spaces, and all characters are in lowercase which makes it perfect to use as a CSS class.

The above code will give you an output like this:

1 <article id="post-412" class="peter post-412 post type-post status-publish format-standard hentry category-news">

Now you can use .peter in your custom CSS to style all posts by this particular author to look different.

1 .peter {
2 background-color:#EEE;
3 border:1px solid #CCC;
4 }

Style Posts Based on Popularity using Comment Count

You may have seen sites with popular posts widgets which are sometimes based on comment counts. In this example, we will show you how to style posts differently using the comment count.

First, we need to get the comment count and associate a class with it.

To get the comment count, you’ll need to add the following code in your theme files. This code goes inside the WordPress loop, so you can add it just before the <article> tag as well.

01 <?php
02     $postid = get_the_ID();
03     $total_comment_count = wp_count_comments($postid);
04         $my_comment_count $total_comment_count->approved;
05     if ($my_comment_count <10) {
06         $my_comment_count 'new';
07     elseif ($my_comment_count >= 10 && $my_comment_count<20) {
08         $my_comment_count 'emerging';
09     elseif ($my_comment_count >= 20) {
10         $my_comment_count 'popular';
11     }
12 ?>

This code checks comment count for the post being displayed and assigns them a value based on the count. For example, posts with less than 10 comments get a class called new, less than 20 are referred to as emerging, and anything over 20 comments is popular.

Next, you need to add the comment count CSS class to the post_class function.

1 <article id="post-<?php the_ID(); ?>" <?php post_class( $my_comment_count ); ?>>

This will add new, emerging, and popular CSS classes to all posts based on the number of comments each post has.

You can add custom CSS to style posts based on popularity:

1 .new {border1px solid #FFFF00;}
2 .emerging {border1px dashed #FF9933;}
3 .popular {border1px dashed #CC0000;}

We are just adding borders, you can add any CSS rules you want.

Style Posts Based on Custom Fields

Hardcoding CSS classes in your theme file limits you to only those specific CSS classes. What if you wanted to decide which CSS class to add to an article as you are writing it?

With custom fields, you can add CSS classes on the fly.

First you need to add a custom field to a post, so that you can test it out. Edit a post and scroll down to custom fields section.

Add post class as a custom field

Add post-class as the custom field name, and anything you want to use as CSS class in the value field.

Don’t forget to click on the ‘Add custom field’ button to store it and then save your post.

Next, edit your theme files to display your custom field as the post class.

1 <?php $custom_values = get_post_meta($post->ID, 'post-class'); ?>
2 <article id="post-<?php the_ID(); ?>" <?php post_class( $custom_values ); ?>>

It will output the following HTML:

1 <article id="post-412" class="trending post-412 post type-post status-publish format-standard hentry category-uncategorized">

You can now add custom CSS for the post_class you added using custom field.

1 .trending{
2 background-color:##ff0000;
3 }

Custom fields can have multiple values, so you can add multiple CSS classes using the same name.

There are many more ways to style WordPress posts individually. As your skills grow, you’ll keep discovering new ways to style posts using different conditions.

We hope this article helped you learn how to style each WordPress post differently. You may also want to see our ultimate list of the most wanted WordPress tips, tricks, and hacks.

A Broken Pot

You probably have heard many times from the people complaining about others that “we do so good to others, but in return they always dodge us”. Even some of you might have experienced the same. The bitterness that arises because of this attitude is enough to grow the feeling of hatred for the concerned ones. What is the right way to eliminate such kind of feelings? The answer to this question is a “Carefree attitude”. Hazrat Ali (R.A) said that, “A human being should be like a broken pot from which the love of other people can enter and leave”. This means that love for people isn’t something that should stay for long because that leads you to the breaking point, a point where one realizes that a perfect loyalty isn’t a trait of a common individual. It’s a holy trait. Allah has taught us many times to be kind and loving but he never asked us to increase the magnitude of this Love that much, that you become blind to see the fault of your beloved ones. Hazrat Muhammad S.A.W once said, “ Among Allah’s servants are people who are neither Prophets nor martyrs, but whom the Prophets and martyrs will deem fortunate because of their high status with Allah” They asked: “O messenger of Allah! Inform us of who they are”. He said: “They are people who loved each other for Allah’s sake, without being related to one another or being tied to one another by the exchange of wealth. By Allah, their faces will be luminous and they will be upon light. They will feel no fear when the people will  be feeling fear and they will feel no grief when the people will be grieving”. Then he read the verse, “Behold, on the friends of Allah, there shall be no fear nor shall they grieve.” [Sunan Abi Dawud (3527)]. So whenever you feel like people are not returning that what you are giving to them then just ask yourself, “am I doing this for the sake of ALLAH or for the sake of my own personal benefits?”.  Because when you are doing something only for Allah your expectations will automatically direct towards him not towards people. If people are hurting you, breaking you to the point of limit then don’t grieve.  Adopt a carefree attitude. It’s really ok not to be loved back. We are here to please our God, not to please his creation. Love the humanity, dive in the sea of love, but don’t try to accumulate the water of the sea. You will sink. Let the water enter and when it tries to flow out, then don’t hinder its path. Let it go.

FRIENDSHIP –A BOND OF SOULS

FRIENDSHIP –A BOND OF SOULS

A friend in need is a friend indeed, a famous saying that implies two way insight into a long lasting friendship; the first and the most important insight to friendship is that a true friend never leaves you in the rainy days irrespective of his/her social, economic, and individual capacity to help and a true friend never weighs friendship against any luxury of life but he/she connects emotions, feelings, and sincerity to develop relationship and understanding for a firm friendship. A sincere friend never prioritizes friends against worldly and temporary desires and benefits but he/she always upholds the noble cause of friendship. To understand the meaning of the term friendship it is indispensable to ascertain some scholarly interpretations of the term friendship. According to Wikipedia-the free encyclopedia, Friendship is a relationship of mutual affection between people. It is a stronger form of interpersonal bond than an association. Keeping in view the definition it can be said that it is a relationship between two people having a common cause of any nature. It is sort of connection that may embody a common interest , a common hobby  or a common cause of any nature that attracts two people to come closer and to build trust and to cultivate an environment offering prospects for sharing ideas and  feelings.  It is a self –disclosure as it provides us a chance to express our thoughts and dialectical process through which we not only input our happiness and sorrows but also responded with feeling of joyousness and empathy. It includes bond of relationships starting from childhood and includes the friendship of teenage, adult age, and lastly old age friendship. The bond of friendship and its ultimate ingredients may be entirely different but the idea of sincere friendship implies in all ages of friendship with negligible difference of causes and needs. Thomas Aquinas has rightly said that‘there is nothing on this earth more to be prized than true friendship’.

The Nature and Its Overwhelming Advantages

The Nature and Its Overwhelming Advantages

To embrace the gifts of nature smartly a human being has to know about the indefinite pluses of such naturally blessed ingredients. This article will help you out to figure out the utmost advantages of nature and to make your life healthy. In this regard the sun light is an utmost source of Vitamin D which can be termed as the healthiest source for bones. The contemporary research has shown that sunlight in the summer is advantageous for skin and it reduces the risk of cancer, heart attack, sclerosis and arthritis. The statistics show that countries deprive of adequate sunlight exposure are facing malnutrition in the young inhabitants. The morning walk is another source for keeping the human body healthier as the recent researches show that during walk movement of our joint secrete hormone that act of antidepressant. It also reduces anxiety stress and maintains cholesterol and sugar level of the body. Sweeting during walk detoxify body and improves metabolism. In the context of walk another physiological based deep breathing in the morning provides relief and during deep breathing through mouth exhale an adequate amount of oxygen is transported to body which riches blood oxygen level and provides a state of calmness to body. The nature has embraced the human with countless blessings and human laughter is termed as laughter therapy for depression patients. In America the therapists conduct sessions where peoples with depression are provided an environment to laugh more and more and ultimately they forget their depressions and feel the state of relaxation. Exercising daily is a great source to make muscles strong and healthier.

How to Loop YouTube Videos to Play Repeatedly

Have you ever wanted to play a YouTube video repeatedly in a loop? Maybe it’s a song, a TV show, a kids video, music video, something funny, whatever it is, you’d like to play it repeatedly on a loop. WhileYouTube is generally designed to play a video once and then either stop playing or move onto another different video in a playlist automatically, a hidden feature allows YouTube users to replay any video in an infinite loop, without having to turn to any tricks, funky third party websites, shady downloads, or anything else. The new YouTube looping playback feature is built right into the browser based player and is easy to use.

 

To loop a video with YouTube for infinitely repeated play, be sure you are using a modern web browser. Whether that is Chrome, Safari, or Firefox doesn’t matter, as long as it’s a new version, it should support the looping video feature. The loop trick also works the same on any operating system, so it shouldn’t matter if you’re on Mac OS X, Windows, or Linux. The rest is really easy and it works with any video or movie that is on YouTube or from YouTube, even if they’re embedded in a webpage.

How to Set a Playing YouTube Video to Loop Repeatedly

  1. Open any web browser and visit any YouTube video, for example purposes you can use the embedded video below which plays 9 seconds of crickets chirping (exciting!), or click here to load the same video in a new window
  2. Start playing the video as usual, then right-click (or two-finger click on a Mac trackpad) on the video as it’s playing to bring up a hidden menu of options, choose “Loop” from this popup menu
  3. Here is the embedded short YouTube sample video of crickets chirping to test this out easily, just play the video, right-click, and choose “Loop” to try the looping playback feature out right now on this very webpage.
  4. The video will now play repeatedly in a loop, you can pause or stop the video as usual or right-click and choose “Loop” again to uncheck the looping playback feature and stop the movie from repeatedly playing

 

 

How to Loop YouTube Videos to Play Repeatedly

How to Loop YouTube Videos to Play Repeatedly

 

This is a great feature that is not yet well known, but it’s quite useful for obvious reasons and should be appreciated by many YouTube viewers for all kinds of videos.

If you’re not sure how this all works, the tutorial below will demonstrate how to loop the above example YouTube video with this easy trick:

Video Tutorial

There doesn’t appear to be any limitations on the video loops or on any videos themselves, you can loop long videos or short videos, videos belonging to someone else or uploaded yourself from iOS or from OS X, it doesn’t matter, if it’s on YouTube it will have the loop feature. This can be great if you want to repeatedly play an album or song on YouTube, or the same show, or some nice scenery for a screen saver or mood video, the use cases are wide. Enjoy!

Note that at the moment this appears to be limited to desktop versions of YouTube, so Android and iPhone users won’t yet have the ability (that we’re aware of, post in the comments if you figure out how to loop on mobile devices without apps or websites!), so if you were hoping to repeatedly play a YouTube video in the background on the iPhone on a loop, you’ll have to just start the video over again when it finishes, as the feature is not yet implemented on the mobile side of things.

How to Add Instant Search in WordPress with Algolia

Have you ever wanted to add an instant search feature in your WordPress site? The default WordPress search feature is quite limited which is why a lot of probloggers replace it with third-party tools and plugins. In this article, we will show you how to add instant search in WordPress with Algolia.

Why Add an Instant Search Feature in WordPress?

The default WordPress search is plain and often not relevant. This is why many WordPress users replace it with third-party search tools like Google Search, or WordPress plugins like SearchWP. See our list of 12 WordPress search plugins to improve your site search.

A search feature on your website can significantly improve user experience. It helps users find content, which increases your pageviews and the time users spend on your website.

Instant search feature helps users find content as quickly as they start typing. This helps users get to their desired content much quickly. Think of it as MacOS’s spotlight feature for your WordPress site.

Having said that, let’s take a look at how to add instant search to your WordPress site with Algolia.

What is Algolia?

Algolia is a cloud based search platform that allows you to build beautiful search experiences for your websites and applications.

Once activated, Algolia will index all content on your website and replace the default WordPress search with a more powerful cloud based search.

It comes with a built-in instant search feature which means your users can get to the content faster without even seeing a search results page.

Algolia offers a free plan with 10,000 records and 100,000 queries per month. Their paid plans start from $49 per month and come with a 14 day free trial.

Video Tutorial

If you don’t like the video or need more instructions, then continue reading.

Adding Instant Search in WordPress with Algolia

First, you need to visit Algolia website and sign up for an account.

Next, you need to install and activate the Search by Algolia plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, the plugin will add a new menu item labeled Algolia to your WordPress menu. Clicking on it will take you to the plugin’s settings page.

 

You will be asked to provide application ID and API keys. You can obtain this information from your Algolia account dashboard.

Copy and paste the required keys in the plugin’s settings page and then click on the save changes button to store your settings.

Next, you will be asked to index your content. Indexing allows Algolia to crawl and create an index of your content, so that it can be searched quickly without slowing down your website.

You can begin indexing by visiting Algolia » Indexing page and select the content types you want to be indexed. Don’t forget to click on the save changes button.

Algolia will now start indexing your content. It may take a while depending on how much content you have on your website.

Next, you need to enable the autocomplete feature. Go to Algolia » Autocomplete and check the box next to ‘Enable autocomplete’ option. After that you need to scroll down and select the content types to include in your autocomplete results.

Don’t forget to click on the save changes button to store your settings.

Lastly, you need to replace the default WordPress search with the Algolia instant search. You can do this by going to Algolia » Search Page and select ‘Use Algolia in the backend’ option.

Selecting Algolia in the backend replaces your WordPress search with Algolia search.

Click on the save changes button to store your settings.

Adding Instant Search Box in WordPress

Now that you have successfully setup Algolia, let’s go ahead and add an instant search box on your website.

Algolia automatically replaces the default WordPress search form with an Algolia powered search.

If you have already added the search form to your WordPress site, then it will start showing results using Algolia automatically.

If you haven’t added a search form, then go to Appearance » Widgets page. Drag and drop the search widget to your sidebar. See our guide on how to add and use widgets in WordPress.

Please make sure to click on the save button to store your widget settings.

That’s all, you can now visit your website to see the instant search in action. Start by typing in the search box, and Algolia will start showing results as you type.

Preview of instant search in WordPress with Algolia

We hope this article helped you add instant search in WordPress with Algolia. You may also want to see our list of 24 must have WordPress plugins for business websites.