Author: ioadmin

Shopify vs Laravel

Posted on by ioadmin

You already have it clear. You want to sell your products online. Today we are going to show you the advantages of creating an online store with one of the platforms that are making the most “noise”: Shopify eCommerce Development Services. And we are going to compare it with Laravel web development. From the basic to the most advanced: we will try to decode the comparison. And also guide you to choose the best Shopify Development Company and Laravel Development Company.

What is Shopify’s development?

Shopify is a platform with which to develop an online store and has proliferated since 2006. The speed with which it has penetrated the market is mainly due to the ease it gives the user to have their store ready quickly. The platform includes hosting, and you must buy a subscription directly with them, which means that you cannot install your store on any other server.

It is of no doubt that Shopify is the best platform to create and design algorithm friendly and responsive online store. However, instead of using existing design and templates, it is better to consult with a professional Shopify Development Company. If you are looking for such a professional Shopify web development company at an affordable price, contact IOGOOS solutions. It is one of the best and leading e-commerce development companies. It has professional experience, an expert team of designers and developers, and extended support.

What is Laravel Development?

Laravel is a PHP web framework for the development of web applications or e-commerce apps. It is an open-source and free web framework. For those people, who want to have maximum control and personalization of their web application, Laravel is one of the best alternatives. Taylor Otwell creates it. It follows the MVC pattern to develop web applications. As dictated by its slogan, Laravel is the PHP framework for artisans. If you need customization, Laravel development is ideal.

It would help if you remembered that Laravel development is not as flexible as Shopify Development Services. How and why, we will try to reveal them soon as we progress to the next step: Shopify or Laravel – which is better?

Shopify Development Company

Shopify vs. Laravel – which is better?

Shopify wants to stand out for its ease of use and “create” your store with functions such as “drag and drop.” Besides, Shopify offers you a predetermined template from the beginning of the registration. It is better to choose Shopify web Development Services as it provides hundreds of in-built features. Now selling products directly from your website is possible.

With Laravel, you will need a little more training. But it allows you to personalize your eCommerce fully. If you want the ease of use, Shopify certainly has one more point in its favor than Laravel. If you are looking for customization, then it is Laravel development. Consult with the Shopify experts online, now.

Shopify Development Company

 Which is more functional – Laravel or Shopify?

When choosing a platform on which to develop an online store, it is essential to consider the functionality and scalability of the tool, since eCommerce involves the use of multiple payment methods, shipping options, offer management, etc. If you want to gain functionality with Shopify, you have to increase the plans contracted with the company. The basic Shopify plan includes a list of unlimited products and has up to two users. But it does not include processing payments through the platform.

With Laravel, you have access to all the functionalities from the beginning without any extra cost. The only thing that makes Laravel development vulnerable in the competition is that you need to hire a hosting company separately to host the website. Guess what, Shopify already includes it. You are free to sell services/products online across multiple social media sites and marketplaces.

Shopify Development Company

Which one has better performance – Laravel or Shopify?

SEO – A website that does not flow, that does not load fast is a waste of money, why? Because no user will wait to see how your website stacks. You must understand the SEO factors that most influence positioning. So, worry about choosing the platform that allows you to offer your future clients an optimal loading speed.

SECURITY – When you have an online store, you should know that you are handling your customers’ information. So, one issue you should worry about is security. If your website is attacked and your customers’ data is leaked, you will be exposed to a lawsuit, but your reputation will also fall.

These are the two primary factors that a web developer must understand. However, there are other factors too. In this case, Shopify gains positive remarks. Shopify is the ideal choice when it comes to SEO and Security. Why? Although Laravel indeed offers a sound security system, Shopify has more security modules or extensions than Laravel development.

If you want to know more about this topic, consult an expert e-commerce web developer from IOGOOS solutions, one of the leading Laravel Company and Shopify Company.

How do growing organic traffic and increasing website visitors generate leads and revenue?

Posted on by ioadmin

We need to perform the following step to get more online traffic, leads, and sales:

On-Page SEO


On-page SEO is the foundation of any good digital marketing strategy. The business websites need to be optimized for both users and search engines that help to found and engaged visitors. This is one of the first things SEO Experts will tackle to get your website ranking.

The SEO experts will do keyword research on your products/services, optimise website titles and meta information, add internal/external links, content write and perform an SEO audit to see how perform benchmarking.

Off-Page SEO


Off-page SEO is more than just linking building & backlinking to websites. It also includes brand mentions, content marketing, citations, social media, reviews, and more. If you want your website to gain a competitive advantage in the Google search results, off-site SEO is the key task to perform.

This SEO service includes analysing your competitors for easy backlinks, sourcing guest post opportunities, finding unlinked mentions, paying for advertorial articles, and finding broken links among many other strategies.

Technical SEO


Technical SEO refers to website and server optimizations that help search engine spiders crawl and index your site more effectively (to help improve organic rankings).

There are many SEO consultants in world struggle with technical SEO, because they are not a technical person or don’t have developers on their team to handle the work. This then leads to outsourcing and poor quality results.

Another example of technical SEO would be building an XML sitemap for your website. The first major step in establishing a technical SEO strategy is setting up your website correctly so every page functions as it should. Google (and other search engines) crawls this file to understand your site better.

By following these guidelines, you can help to ensure that the security and structure of your site meets the expectation of search engine algorithms, and is rewarded in search results accordingly.

Use SSL


Website must be user & mobile friendly
Speedup your website and must be load under 2 second.
Fix duplicate content issues
Create & regular update XML sitemap
Consider enabling AMP
Add structure data markup to your webite
Register website with google search console and bing webmaster tools

Local SEO


Local SEO services are digital marketing services that help businesses appear in search results for location-related searches, such as for users in close proximity to the business. For example, local SEO can help a pizza shop rank for the search query “pizza near me” in searches by nearby users.

If your business has a physical location or services specific geographic areas, you can benefit greatly from this. Nearly 56% of all Google searches are for local products/services. This means if your business isn’t locally optimised by a professional, you could be missing out on those leads.

If you need any further assistment and our digital marketing services. You can drop a email at info@iogoos.com

Deliver high-quality shopper experience with Shopify Development Services

Posted on by ioadmin

This pandemic has shaken everyone in this entire world whether they are Top, mid, or low business entrepreneurs including the consumer psyche. Making business again the long-term success is too much difficult. At this time, IOGOOS Solution come out with many marketing strategies that boost and enhance revenue with low investment. It is in many forms: If your business is in an infancy stage, website designing services work. If it is an eCommerce business, then Shopify Development Company helps you to expand your store in an online world. In addition to this, if the business is already in peak stage but unable to reach customers, in that case consulting a professional Search Engine Optimisation Agency for getting the best affordable SEO Services works best.

We believe to work in ever-evolving techniques with high financial performance. Living in the 21st Century and working with traditional approaches is no longer enough. To maintain and sustain the dignity of your brand in the market must extend beyond traditional focus so that it works in this dynamic environment. It is best to go for Shopify Development Services for eCommerce acceleration to expand your business to the core.

Creating, enhancing, and maintaining an eCommerce website is not at all easy. Best Shopify Development Company in USA plays a major role in your business success. Hire an expert and professional Shopify Developer that can develop, upload catchy, make it user-friendly, give clear product details like FAQs, navigation tools, contact us, etc. Product range, data size, and online product listing are a few challenges faced by business owners. Being the best Shopify Development Company, IOGOOS Solution believes in and gives assurance to tackle all challenges.

Shopify Development Services

With the high demand for Online Shopping, providing the best customer experience on your business product is a sign of a boost. Shopify Developer in India helps you out in managing eCommerce management with ease. It is fact that your business product is not only the one which is in the market. Customers are more focused on easy navigational sites, with the best offer, pricing, quality, promo codes, vouchers, coupons, etc. Consumers nowadays trust online reviews, ratings, and real product purchased images. These are only the points that can make your business stand out from the crowd.

Professional Shopify Development Agency analyzes and captures the market easily. But it is hard to find an expert Shopify Developer in this competitive world. Always go for Shopify Company which has expertise in all technologies and CMS, which has also core competencies in SEO. Getting Best and Affordable SEO Services in India helps in climbing up in search engines by analyzing demographic and target location. This is a bonus if you approach IOGOOS Services.

Over 15 years of experience in Website Designing Services, IOGOOS Solution is responsible for business growth and new customer approach through updated marketing techniques….

Google Juice: Hard To Get But Tasty To Drink! Part-1

Posted on by ioadmin

What is Google juice anyway?

If you’ve been blogging for a while I am pretty sure you are not new to this term. For everyone else, I’ll take a few words to explain what it is and how to get it to save you valuable time and several hours of study and research.

In search engine optimization (SEO) terminology, Google Juice is a term that means the unique visitors coming to your website from search engines (primarily Google, because of its domination in the Search Engine market). This is also known as organic traffic which only stops by if your website is optimized for search engines like Google, Yahoo, MSN, etc.

Importance of Google Juice

The more you get, the better it is for you. As per the research done by forrester.com, 80% of Internet users find websites by searching for keywords on popular search engines like Google, Yahoo, MSN Live, Ask, etc. and it’s really important that your web pages are listed in the results. If for a particular search term, pages from your website are listed on the first page of the search results then you are going to have loads of visitors stopping by your website if they are looking for that search term or related stuff.

Pages from your websites stand a chance of getting some visitors even if they are listed on the second or even third page of the search results. Otherwise, you shouldn’t (actually, you can’t!) expect significant traffic coming in from Search Engines unless the person who’s looking for something is patient enough to dig a couple of pages of search results for some search term.

How well are you ranked in Search Engines?

Technically speaking what makes your web presence known is your search engine ranks. Simply put, how well you are known online is determined by the rank your website enjoys in search engines. Page Rank (PR) by Google is one such important metric assigned to websites listed in Google Search Results which webmasters and advertisers often use to judge the quality of a website. The higher it is (on a scale of 10), the better a website is considered, and the higher it is listed in Google Search Engine Results. Obviously, it enjoys more Google Juice than lower-ranked websites.

Get listed in Google within 30 minutes

All those SEO and Make Money Online websites next door will try to show you ways to scale the first page of Search Engine results once you’re listed but what they won’t tell you is how to get listed in Google search results within 30 minutes!

We’ll consider scaling the front page of search results in a later post in the SEO series but right now concentrate on how to get your web pages listed so soon.

This post is the first part of this series (Get Listed in Google within 30 minutes) and will be focused on websites and blogs built with WordPress as CMS. However, a lot of these tips apply to static websites as well. So, let’s start sharing best practices…

WordPress Plugins and SEO

With the popularity of WordPress and the contributions of the WP community, managing websites and implementing SEO has become a lot easier. There are various WordPress plug-ins that are available for SEO purposes but the 2 plug-ins I would like to recommend to you are:

1. Google XML Sitemaps
This plug-in will create a Google sitemap compliant XML-Sitemap of your WordPress blog. It supports all of the WordPress-generated pages as well as custom ones. Every time you edit or create a post, your site map is updated and all major search engines that support the site map protocol, like ASK.com, Google, MSN Search, and YAHOO, are notified about the update.

Once you activate this plug-in go-to plug-in settings and create the sitemap for the first time. You can see the output with this URI: //www.your-domain.com/sitemap.xml. Now we have our sitemap ready so let’s tell Google about it. Type //www.google.com/sitemaps in your browser and log in with your Google ID and Password.

On this website you can submit your sitemap to Google and Google will start indexing your website. This process requires site verification where you need to add a Meta tag or upload an HTML file to your web server. It’s very easy to complete and you can get step-by-step instructions on the Google website.

2. All in One SEO Pack
This plug-in optimizes your WordPress website/blog for Search Engines. It automatically optimizes page titles for search engines and generates META tags. This avoids the typical duplicate content found on WordPress blogs. For WordPress 2.7 (the latest version) you don’t even have to look at the options, it works out of the box. You can override any title and set any META description and any META keywords you want while writing the posts or pages. You can fine-tune almost everything related to search engine optimization. To get the most out of it, do a little keyword research for the content and use the best keywords while writing the posts and pages.

Tomorrow, I will further dig into SEO stuff relating to getting listed in Google within 30 minutes of updating your blog/website. The next thing I’ll talk about is services that your WordPress can automatically ping and notify them about updated content. I’ll also tell you how to fine-tune your link structure (permalinks) as they are not very search engine friendly by default. Stay tuned…

Contact Us

Check Our Portfolio

Google Juice: Update Services and Optimize Link Structure

Posted on by ioadmin

Hello again. So, after reading Part 1 do you still think getting that tasty Google Juice is all that difficult? No, it isn’t. You just need to be right with the basics. After talking about WordPress Plugins to assist you in SEO, today we’re going to talk about how to ping Site Update Services from your WordPress website and about tuning your web site’s link structure (permalinks).

Pinging Site Update Services

As this WordPress Codex page explains,

Update Services are tools you can use to let other people know you’ve updated your blog. WordPress automatically notifies popular Update Services that you’ve updated your blog by sending a XML-RPCping each time you create or update a post. In turn, Update Services process the ping and updates their proprietary indices with your update. Now people browsing sites like Technorati or Sphere can find your most recent posts!

There are several site update services up and running which you can add in WP-admin >> Settings >> Writing, in the update services section. Add one service URI per line. Once you update your WordPress website with a new post or new page, these services will automatically be pinged. Then these pings are processed and associated indices (plural of index) are updated with your update.

You can have a list of active update services from this WordPress Codex page and copy them into your update services section (WP-admin >> Settings >> Writing). As easy as that!

Having title of the post or keywords from the post in the URI of your web page is obviously better than having numbers, question marks and other symbols. Not only humans can identify the subject of the page from its URI but search engines also find it easier to identify and assort web pages in this manner. A link like this: https://www.iogoos.com/using-social-networks-to-get-more-google-juice/ tells you and Google bots clearly what the page is going to be about. However the WordPress default, which for the same page is //iogoos.com/blog/ (click to see that it’s actually the same!), which is not at all intuitive.

You can easily figure it out that if you are Google’ing from a specific keyword then obviously the results will list URI with these keywords in the link higher than the URI containing numbers and/or symbols.

Note that this tip is very effective for static websites as well. Always name and link your website and web pages with the title of the page, or keywords relating to the subject of the page instead of serial numbers.

You can learn furthermore about what permalinks are and how to use them on Using Permalinks page of WordPress Codex. The WordPress default link structure, also known as the Ugly permalinks structure is the least SEO-friendly link structure. However, changing your permalinks is easy.

On logoos and my other websites, I am using /%category%/%postname% structure which has remained pretty fruitful for me. You can optimize your own links by following these steps:

  1. Log in to WordPress Admin Area
  2. Open the Settings Menu and Click Permalinks
  3. Click Custom Structure and customize the link structure.

Refer to the Using Permalinks page to see various tags that you can use.

Please note that websites hosted on Windows-based hosts (Microsoft IIS Servers) experience issues setting up SEO-friendly pretty permalinks. So in case you’re on such a one, stick to the ugly or almost pretty permalinks to avoid issues, or migrate to a Linux-based host.

Pinging a maximum number of Site Update Services and tuning your link structure play a good deal to get you listed in Google search results or other search engines in less than 30 minutes! Try implementing these magic tricks on your website and let me know how well did they work out for you.

And for the next part of this series, we are going to discuss how to use various social networks to promote our websites and blogs. We’ll talk about what all services you can use and how they are important for you and your website. Till then, see you.

Using Social Networks to get more Google Juice

Posted on by ioadmin

Hello readers, I hope you are benefiting from Part 1 and Part 2 of Google Juice: Hard to Get but Tasty to Drink Series. As promised, I am here with Part 3 of this Google Juice Series in which I am going to share with you a very effective trick to place your website quicker and higher up in Google Search results.

Are you wondering how promoting your pages on Social Networks can get you more Google Juice? Well, let me explain this with an example:

Search Google for the term Floral V/S Grunge, the first result will point you to one of my earlier posts. Now take a closer look at the other search results.

Did you notice something? Observe a bit carefully and be surprised! You’ll see that the Floral VS Grunge post is listed on almost all major services like Flickr, Digg, BlogCatalog, Twitter, Friendfeed, Facebook, and many more. And all of them are indexed in Google and on the very first page!

Wow! How does it all work?

This is no big secret! It’s only a technique for some Google Juice from various social networking websites. All the services that you saw in the search results are those communities-based social networks that I use to keep in touch with my friends, family, and lovely readers. All I did after publishing a post was to share the Post Title and the Permalink with all my contacts on different social networks. This way I get a lot of people to visit my posts on the website and the real magic is Google Juice that comes along.  When you search for relevant terms, many of the listed results will point to your post/page either directly or indirectly. You get the point, right!!

But isn’t this spamming?

No. It is absolutely not. I just shared my post with only my contacts that have chosen to receive updates from me. People follow me on Twitter because they want to keep a track of whatever I do. Subscribers want me to update them with new posts and pages. If I set my Facebook, Orkut, or IM status to a link pointing to my blog posts, I am not spamming anyone’s social profiles or emails!

I am not sending anyone any emails to buy my services whatsoever. I just created something and I am sharing it. Sharing is caring, not spamming!

So, how do I go about with this?

Start using social networks. Create an account on MyBlogLog (Yahoo), BlogCatalog, Twitter, Friendfeed, Facebook, Twitter, StumbleUpon, Digg, Plurk, Del.icio.us, etc. There are hundreds of them all around the Internet. Find some time to read reviews and do research on which ones will be the most useful for you and how much time you can spare to spend on these. What I feel is that the few moments you can spare to spend on promoting your posts effectively for a little extra Google Juice. Worth it, man!

And, to make your life easier…

Now, I am going to recommend to you, an awesome service that will save you a lot of time and effort. It’s definitely going to make your life a lot easier! Ping.FM is a service that you can use to share your stuff and thoughts on multiple websites with just one click. It is exactly like the website puts it, “Ping.fm is a simple service that makes updating your social networks a snap.”

I know time is precious, and so here you go with Ping.FM, But some more icing on the cake is always nice. So I’d further go on to share this nifty Firefox Add-on – PingFire. PingFire is a Firefox add-on for Ping.FM service. It adds a tiny button in your browser which helps to use this service with great ease and comfort.

To use PingFire, you need to update your username and application key in the add-on options. You will find your application key at //ping.fm/key/ and you need to be logged in to Ping.fm to access this URI. So go ahead, implement these simple tips and extract some Google Juice out of social networks that you use.

I hope you enjoyed reading this post and learned something new! I’ve more in store for you but I’ll keep them for a later post. Please feel free to share some of your SEO tips. Drop us a comment using the form below. Your comments and feedback are valuable and much appreciated.

Contact Us

Check Our Portfolio

Why I use WordPress as CMS?

Posted on by ioadmin

If you think WordPress is yet another blogging platform, take a quick look at other pages of iogoos.com (right from the homepage). Do you really think we could do this with  “Just-Another-Blogging-Software”? Absolutely not!!

Custom Pages, Custom Widgets, Photo Galleries, Portfolio, eCommerce! What, out of these, and even more hasn’t been set up using WordPress.

Only recently, I updated my portfolio with more websites that I had finished, which were not under non-disclosure policy. After adding these projects in my portfolio, I realized that in accomplishing 90% of my work, WordPress plays the role of a CMS. With all the work done so far I am amazed by just how much of its capability I have discovered and how much of it is still unknown to me. Here are a few things that my clients ask when I recommend using WordPress, even for static websites, and what I’ve to say to back my recommendation.

Is it easy to use?

It is The Most Robust and Feature-Filled Platform, which is not only easy to use, but also, very much user friendly. So far all my clients are really happy with the decision to use WordPress as a backend. Moreover, WordPress.tv has made our lives much easier. I refer my clients to this website to learn the features and backend functionality while I am busy creating the best solutions for their requirements.

I need a blog as well…

I guess everyone has realized the value of blogging for their personal and professional web presence by now and most of my clients ask for a blogging platform with a unique and custom website design. It’s really easy to create a few custom pages within WordPress, rather than, creating a WordPress theme that matches the website design. And its really easy to embed WordPress features on these static web pages.

What about Search Engine Optimization?

I am pretty sure you are not new to this term and would want your website to be listed in top search results. With WordPress, you can use plugins like All in One SEO Pack, just to name some, that does most of the work without user intervention. SEO is a wide topic and there’s a lot that needs to be done to achieve good search engine rankings. However, a WordPress installation with a few plugins can help you get there without much hard work. You might want to check a few posts I have written on search engine optimization.

What all WordPress can do?

Honestly, I can’t deny that after using WordPress I haven’t even cared to search for any other CMS. WordPress is an amazing platform which can be customized to create Personal websites, Portfolio, e-Commerce, Galleries and Photo Blogs, Magazine or News websites, Article Libraries and a lot more. If you are comfortable with custom functions and template tags you can actually do wonders with just a single custom WordPress theme.

I don’t know programming?

While creating websites for my clients, I make sure they don’t have to spend their valuable time learning xHTML/CSS to update their websites. I have taken WordPress customization to next level where it provides a separate section in admin area to update the front end of our custom themes. It also has WYSIWYG capabilities where you can update and stylize the content which is not a part of WordPress post or page.

Moreover, these custom functions don’t save any data in core WordPress database tables (wp_options) so there’s no chance it won’t work with any other plugins and features.

Here’s a screenshot of Custom Theme Options I provide to make my client’s life a bit easier.

Theme settings

That’s not all, to add a few more features in the list…

  • WordPress is Free and Opensource
  • WordPress is easy to install and upgrade
  • WordPress is standard compliant
  • WordPress is Popular (CNET, Ford, ZDNET and various other popular sites has used WordPress as a CMS)
  • Free support from a vibrant and amazing community of developers and contributors
  • Huge amount of documentation is available
  • Plugins are available for almost everything you can think of

I bet no other CMS can compete with this master piece. If you are using WordPress as CMS please drop your website links in comments. Don’t try to spam as a very powerful spam protection plugin (Akismet) comes with its default installation 😀

contact us

Check Our Portfolio

An easy way to create Loading Bar!

Posted on by ioadmin

“People count up the faults of those who keep them waiting”
Seems like I kept them busy decoding this loading bar 😀

Recently, while browsing I landed on a page on StackOverflow.com where people were discussing how I implemented this loading bar on www.iogoos.com I could sense a lot of confusion in the discussion so thought I would take the mystery out as I love to share best practices. Here’s how you can create a loading bar in a few steps…

Things You’ll Need

  1. A nice loading image: If you are good at creating animated GIF images that are nice, otherwise you can create a loading image with this cool Ajax Loading Gif Generator.
  2. jQuery: We are creating this loading bar using jQuery so download the jQuery latest version here.

jQuery Code within <head>..</head> tags

<script type=text/javascript src=jquery.js></script>
<script type=text/javascript>
$(window).load(function(){
      $("#loading").hide();
})
</script>

HTML Code within <body>..</body>tags

<div id="loading">
    Loading content, please wait..
    <img src=loading.gif alt="loading.." />
</div>

Make sure you add this code just below the starting <body> tag so it should be downloaded first.

CSS Code for loading DIV

#loading {
    position:absolute;
    width:300px;
    top:50px;
    left:50%;
    margin-left:-150px;
    text-align:center;
    padding: 10px;
    font:bold 11px Arial, Helvetica, sans-serif;
    background: #222222;
    color: #ffffff;
}

Use your imagination and create something nice & unique.

Your comment, suggestion, and feedback are highly appreciated. There’s more to come to stay tuned…

Contact Us

Check Our Portfolio

CSS Tips – Get Consistent Results in All Browsers

Posted on by ioadmin

Web standards are prevailing guidelines used on the World Wide Web to ensure websites and information is accessible to all in the most efficient manner. Most Web browsers have different default settings for the base margin and padding.

This means that if you don’t set a margin and padding on your body and XHTML tags, you could get inconsistent results on the page depending upon which browser your users are using to view the page. A simple way to solve this is to set all the margin and padding on the XHTML and body tags to 0:

html, body {
    margin: 0px;
    padding: 0px;
}

This will keep your design structure in the same place on all browsers.

Borders

You may be thinking “but no browsers have a border around the body element by default”. This is not strictly true. Internet Explorer has a transparent or invisible border around elements. Unless you set the border to 0, that border will mess up your web page layouts. So add the following to your body and XHTML styles:

html, body {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

Here’s a nice and detailed article on CSS Reset: Resetting Your Styles with CSS Reset Stay tuned for more web design tips.

Check Our Portfolio

Enable Auto-Complete Search in WordPress Blog!

Posted on by ioadmin

“One sometimes finds what one is not looking for”

I am pretty sure that you are aware of Google Search Suggest and Yahoo Search Assist features. This feature helps you effortlessly find exactly what you’re looking for. No doubt, it lists a few suggestions to keep the user looking for more and more.

As you type something in the search box, it automatically offers search terms and phrases in real-time. How nice will it be to have the same feature on your website or blog. In this post, I am going to explain an easy way to add a search suggestion feature to your WordPress blog or website.

Things You’ll Need

jQuery: You can download the latest version from jQuery.com
Autocomplete Plugin: Download this plug-in by Jörn Zaefferer from //bassistance.de

Now let’s play with some code

Include this code within <head>..</head> tag.

<script type=text/javascript src=js/jquery.js></script>
<script type=text/javascript src=js/jquery.autocomplete.pack.js></script>
<link href="js/jquery.autocomplete.css" rel="stylesheet" media="screen" type=text/css />

Here I am assuming you are using “js” folder to keep all your java scripts and supported files. You may need to update the location of these files based on your folder setup.

Here’s the actual jQuery code to enable this feature on an input box:

<script type=text/javascript>
    var data = "Search Terms Separated With Spaces".split(" ");  
    $("#myInputBox").autocomplete(data);
</script>

Variable “data” hold the terms that you would like the user to see in the search suggestion list and $(“#myInputBox”) is the id of the search input box.

Let’s check out how we can automatically call WordPress tags in our search suggestions, using WordPress wpdb class:

<?php 
    global $wpdb;
    $search_tags = $wpdb->get_results('SELECT name FROM $wpdb->terms');
    foreach ($search_tags as $mytag){
        echo $mytag->name. ' ';
    }
?>

Here I am using WordPress wpdb class to fetch all tags assigned to the posts.

Here’s the complete code to enable this feature on your WordPress blog. Just replace the folder name with actual folder and the jQuery selector $(“#myInputBox”) with the actual id of search input box.

<script type=text/javascript src=PATH_TO/jquery.autocomplete.pack.js></script>
<link href="PATH_TO/jquery.autocomplete.css" rel="stylesheet" media="screen" type=text/css />
<!-- This goes in the head -->
<script type=text/javascript>
	$(document).ready(function(){  
		var data = '<?php global $wpdb; $search_tags = $wpdb->get_results("SELECT name FROM $wpdb->terms"); foreach ($search_tags as $mytag){ echo $mytag->name. " "; } ?>'.split(" ");
		$("#ID_OF_SEARCH_INPUT_BOX").autocomplete(data);  
	});
</script>

Don’t forget to add your inputs in the comments section below.

Contact Us

Let’s Check Our Portfolio

Enquiry Now

When We Work Together

We can create something incredible

arrow
HQ INDIA
HQ INDIA
C-31, Milap Nagar,
Uttam Nagar, New Delhi,
Delhi 110059
USA
USA
6715 Backlick Rd Suite 202
Springfield,
VA 22150, USA
AUSTRALIA
AUSTRALIA
2/51, Lane Cres,
Reservoir, VIC
3037, Australia
CANADA
CANADA
61 Payzant Bog Road, Falmouth, NS, B0P 1P0, CANADA
UK
UK
3rd Floor, 131 City Road, London, EC1V 2NX, United Kingdom
UAE
UAE
Boutik Mall, Al Reem Island - Abu Dhabi, UAE
X

Let Us Call You Back

  • India+91
  • United States+1
  • United Arab Emirates+971

Your phone number is kept confidential
and not shared with others.

×

Start Your Project