iTechZo

8 Key Features Your Homepage Should Include

iTech Zo — Sun, 19 Apr 2020 08:07:14 +0000

8 Key Features Your Homepage Should Include

Your homepage is an essential tool for your business and often serves as the first impression to potential customers. There are many important components of effective web design, like white space, font selection, color schemes, and layout, but the core of a website is its content, not its design. Within a matter of seconds, your homepage needs to introduce your product or service and entice visitors to explore your site further. There has Top 8 Key Features Your Homepage Should Include.

1. Logo:

Your logo should be visible at the top of your website. It’s the core of your business’ branding and identity, after all. The logo is a tangible representation that encompasses your products or services and is a key piece for clients to recognize and connect with your brand. The logo on a website often doubles in functionality as a link to the homepage, so you want it to be in an obvious location within the header.

2. Navigation:

Straightforward and intuitive navigation is another vital feature your website should include in the header. If your website is content-heavy, a search box might be a valuable asset to include here. The navigation menu should be easy to locate with items that make sense to new visitors. The navigation area is like a road map–it’s necessary to give visitors an overview of the content, as well as help them to locate the information they are looking for using the most efficient route. Descriptive and thorough navigation is also beneficial in reducing bounce rates.

3. Headline:

Within a matter of seconds, your website needs to communicate to visitors what you have to offer. A headline with sub-headline or paragraph text should provide a clear description of your business and what you do or the services you provide. This is usually 2-3 sentences of powerful, memorable, and concise text that targets your viewers’ needs.

4. Call to Action:

The goal of your website’s homepage is to pique the interest of visitors and prompt them to delve deeper into the pages of your website. A call to action (CTA) is one way to pull people into the interior pages, begin the selling cycle, or at least initiate direct contact. CTA areas or buttons can be linked to contact forms, subscription enrollment forms, or other pages within your website that provide more information. The easier and more intriguing you make it for the visitor to click this CTA, the better the chance they will invest time in browsing your website.

5. Social Proof:

Providing testimonials or customer/client reviews is another powerful way to stimulate trust and establish your expertise. The social proof shows new visitors that you know what you’re doing and provides key insights to your product or service. Success stories are a great way to inspire a positive first impression.

6. Photos:

To put it simply, people are visual. A photo of someone using your product or engaging with your service is better than a stationary photo of your product because the viewer is able to connect with it. Our brains are hardwired in such a way that our eyes are drawn to human faces and we empathize with the perceived emotion. Photos add a sense of credibility and integrity to a website.

7. Text Content:

The language of your site matters. It is best to not only describe what you do but to connect it to why it matters to the visitor. Keep your content simple and easy to read, and avoid industry jargon by being conscious of your target audience. Connecting with the visitor, using a brand-consistent voice, and convincing them about how they will benefit from you is essential for maintaining interest.

8. Footer:

An informational footer is arguably as important as your header navigation. Once your visitor reaches the end of your homepage, this area should provide three features: contact information, links, and social media integration. Contact information encourages the visitor to get in contact with you. Links can be a helpful way to provide a mini-sitemap or encourage the user to check out interior pages. Providing links to social media accounts is a great way to encourage visitors to engage with your company on another medium. It also adds to your social proof and provides another method of connection and communication.

The post 8 Key Features Your Homepage Should Include appeared first on iTechZo.

Difference Between Mobile Website and Responsive Website

iTech Zo — Sat, 18 Apr 2020 13:34:06 +0000

Difference Between Mobile Website and Responsive Website

In today world of technology, every business owner knows the importance of grabbing the attention of potential customers with the help of websites or other online tools of technology because they know it very well that without these tools they may go invisible for their clients and this invisibility could hit their market value. Now the customers want to access the services through their Desktop, tablet or mobile phone so they need your presence on all available devices. Here are some Difference Between Mobile Websites and Responsive Websites.

Mobile Website

A mobile website is actually a separate version of the desktop website that is designed especially for the smartphone devices. You might have seen the mobile-optimized website version in years ago. Around almost 10 years ago there was a trend of creating two versions of the website, one is desktop or others is a mobile version. If a smartphone user visits such sites they are automatically detected about the mobile version of the website. These mobile-optimized websites were very beneficent in different ways:

These websites lead towards the good user experience because the mobile optimized websites could be accessed easily all content could be seen or read easily.

Mobile optimized websites increase the downloading and loading speed.

Such websites improve the search ranking on different search engines.

They could be accessed anywhere and anytime, this connectivity will increase the consumer’s confidence and trust.

It is a cost-effective technique to available for users and to stand out among the competitors.

Responsive Website Design

Responsive website design means that having a website that works for all desktop, tablet, and mobile equally with the same content. Responsive website design could be viewed on different devices, it automatically adjusts the layout. Responsive website design is an easy and excellent choice as well as could be considered as the forward thinking of technology. It supports different screens or devices normally while creating a responsive website design the screen is adjusted according to a simple formula of one, two or three columns. The content is displayed on the desktop is displayed in three columns, while in the tablet it is adjusted in two column and one column is displayed in mobile. The business owners are preferring responsive website design and appreciates its benefits such as:

If you have a responsive website design for your business it simply means that Google is going to rank it higher because google understands the terms according to the user-friendliness. Responsive website design simply means that business is taking care of user’s need and requirements, therefore, Google rank it higher.

Google is ranking the website higher means business is going to get traffic of their potential customers and with the help of this traffic. It will improve the sales and revenue of the business because customers can easily and comfortably get access to the complete information of website as well as business.

Responsive website design will improve the user’s experience because they could easily get the information anywhere and anytime.

This responsive website design is going to save the time that spends on the management of the website as well as the time of the user.

You just need to update and track one same website for all analytics and could get the consolidated report of user’s journey.

The post Difference Between Mobile Website and Responsive Website appeared first on iTechZo.

How to Create Toggle Switch by using HTML and CSS

iTech Zo — Fri, 17 Apr 2020 13:28:26 +0000

How to Create Toggle Switch by using HTML and CSS

To create a toggle switch, we will use HTML and CSS. If you want to add a more attractive toggle switch then you can add sliding animation, bouncing effect, etc. In this article, we will divide the whole thing into two different sections structure creating and designing the structure. Creating Structure: In this section, we will just create a basic structure for the toggle button. Here all we need to put a checkbox and a label to create in an HTML document like below. Let’s see How to Create Toggle Switch by using HTML and CSS.

HTML code: The HTML code is used to create a structure of toggle switch. Since it does not contain CSS so it is just a simple structure. We will use some CSS property to make it attractive responsive.

toggle switch

Toggle switch with HTML and CSS

class=”checkbox” />

OFF ON

toggle switch Toggle switch with HTML and CSS

OFF ON

The post How to Create Toggle Switch by using HTML and CSS appeared first on iTechZo.

Advantages of Responsive Web Design

iTech Zo — Thu, 16 Apr 2020 10:49:30 +0000

Advantages of Responsive Web Design

A responsive website will deliver the best user-experience across all devices and has many other advantages. If you are still unsure if you should go responsive here are advantages of responsive web design that may sway your decision:

1. Improved User Experience

A responsive website leads to a better user experience. A major factor indicating the quality of user experience is the time they spend on your site. If they find it hard to navigate or use because they’re forced to constantly pinch and zoom, they won’t stay on your website.

But if your website scales and responds to the change in screen size, then visitors won’t have problems accessing menus, links, buttons or filling out forms. As a result, their user experience will be better and they’ll spend more time on your site.

2. An Increase in Mobile Traffic

Statistics show that in the last quarter of 2017, nearly 52% of all global web traffic originated from mobile devices. That accounts for more than half of all Internet traffic and goes to show that you cannot afford to forego responsive web design. Start by investigating how many of your visitors come from mobile devices and the time they spend on your site. Then, implement responsive design and compare the two numbers. Once your website adapts to the viewport width, you’ll notice an increase in mobile visits and longer time on site by those same visitors.

3. Faster Website Development

Not so long ago, a common practice involved making a separate mobile version of your site that was served when a smaller screen size was detected. However, developing a mobile version of your site takes up more time than developing a responsive website that looks great and works as intended no matter which device your visitors are using. Another downside of a mobile website version is the fact that they cost more because your developer has to create two websites instead of one.

4. Boostfor SEO

Marketing your business is obviously crucial for you to be found and SEO is one of the best ways to drive traffic to your website. Google are now, in order to improve their search results for mobile users, favouring responsive websites so they appear higher on the search engines results.

5. Easier Maintenance

Directly tied to the point above is easier website maintenance. With two versions of your website, your staff or your development team has to divide time and resources on managing two websites. With a responsive website, your staff can spend less time on maintenance tasks and focus on more important tasks such as marketing, A/B testing, customer service, product or content development, and more.

6. No Duplicate Content Penalty

Another point to keep in mind with two versions of your website is the fact that you’re essentially creating duplicate content. While search engines are getting smarter by the day, they still need to understand which website version is more important. If you’re using a mobile version of your site, your content remains the same even if the URL is different.

7. Simpler Website Analytics

When you’ve got two distinct versions of your website, you need to keep track of two set of website analytics so you know where your visitors are coming from and how they interact with your content. This means you need to keep track of multiple signup and thank you pages, conversion points, funnels, and more.

With a responsive site, on the other hand, your website stats are greatly simplified as you’re staying on top of a single set of data. You can still get insight into which devices and browsers your visitors are using, where they drop off, and how long they spend on your site, but you won’t need to read data from multiple reports to get an accurate picture.

8. Better Website Loading Times

Websites that are responsive tend to load faster on all devices, but especially on smartphones and tablets. Thanks to responsive images and fluid grids, it takes significantly less time for a page to load, which has a direct impact on the duration of your user’s visit. According to research, 53% of mobile visitors will abandon a site if pages take longer than three seconds to load. The same research shows that websites that load fast benefit from more time spent on site as well as improved conversion rates. This speaks volumes about responsive web design importance.

9. Lower Bounce Rates

Bounce rate signifies the percentage of visitors to a particular website who navigate away from the site after seeing a single page only. As we’ve mentioned above, a responsive website means visitors will stay on your site longer which reduces your bounce rate. Visitors will be more inclined to click through and read other pages on your site and explore everything you’ve got to offer.

10. Higher Conversion Rates

More time on your site and lower bounce rate are good first steps to improving your visitor’s user experience and building trust. That improved user experience and trust lead to better conversion rates, whether conversion means signing up for your newsletter, making a purchase or booking a call. Consider for a moment that average smartphone conversion rates are up by 64% compared to desktop and it’s easy to see why a responsive website is a must.

The post Advantages of Responsive Web Design appeared first on iTechZo.

Top 05 WordPress Editor Plugins

iTech Zo — Thu, 16 Apr 2020 06:22:40 +0000

Top 05 WordPress Editor Plugins

There are a lot of things that go into deciding what the best WordPress editor plugins are. You have to factor in things like overall functionality, design, graphics, and ease of use. There are so many things that go into each that we want to state once again that all of the WordPress editor plugins that are on this list have excellent functionality and would be a smart addition to your overall web strategy. However, we have to break these products down into a list-based format, and doing so makes some look better than others.Let’s see Top 05 WordPress Editor Plugins.

1 Black Studio TinyMCE Widget

One of the things that makes this tiny widget so effective is that it adds a new visual editor that allows you to change and select different aspects of the field of view. This lets you add rich text and media to your posts. It’s easy to see that the default WordPress widget makes it so you have to know a thing or two about HTML. You don’t have to worry about these things with this widget.

With this widget, you can fully switch between visual mode and HTML mode. You can go ahead and put in media from your WordPress media library. Luckily, it does support full screen editing mode. There’s also support for the accessibility of widgets overall. You can edit your widgets still by using the native editor that you’ve been using, so there’s no lack of functionality there. With this WordPress editor plugin, you can have linkbacks to everything just as you would in a typical setting.

Get plugin HERE FREE.

2 Elementor Page Builder

The especially important thing about this WordPress editor plugin was that it be fast out of the box. The creators achieved this by developing instant reaction. Things truly do react instantaneously with this WordPress editor plugin, so you can spend more time designing your site and less time worrying about the speed of uploads and the like. This makes this WordPress editor plugin the fastest of any other plugin, whether free or paid. Another benefit of this editor plugin is that you see what the page will look like right as you’re making changes. This allows you to edit things on the fly and get things right the first time.

There’s a designated template library built right into the program that you can use to use templates that were pre-made or even design your own that you can then use whenever and wherever you want. There’s also proprietary mobile editing that you can use to make your mobile site look up to par every time.

Get plugin HERE FREE.

3 Beaver Builder – WordPress Page Builder

This WordPress editor plugin works by allowing you to drag and drop your content around. Instead of having to fuss with often confusing HTML code, you can just as easily use Beaver Builder to move everything around in a simple and intuitive way. Beaver Builder has an extensive collection of help staff to help you every step of the way to make sure that your experience with their WordPress editor plugin is a good one.

Everything that’s done in terms of coding when it comes to Beaver Builder is all done behind the scenes. This way, you can worry more about getting your page to look the way you want and less about how you’re going to get it there. You shouldn’t have to be an expert at coding just to get your website up and running. You can go ahead and utilize all of the WordPress widgets and shortcodes that you would like to use. It also works with posts, pages, and custom post types too.

Get plugin HERE FREE.

4 WP Editor

This is a WordPress editor plugin built around speed and reliability. It’s built to take the existing WordPress functionality and replace it with something stronger, faster, and a little bit stabler to give its users a steady, reliable experience. It integrates with FancyBox and CodeMirror to do what it does, and it does this by creating what can be seen as an environment that’s rich in features. The file editing function is totally changed in this version, which is something that you should be made aware of.

This WordPress editor plugin uses Active Line Highlighting in its setup. It also has line wrapping and line numbers so that you can keep track of your lines and what’s going on with them. There are eight themes for the editing of information, and all of them include syntax highlighting.

Get plugin HERE FREE.

5 CKEditor for WordPress

This editor plugin functions as a text editor that you can use in websites. It works by taking features that you’d find in other programs and then puts them into WordPress. CKEditor for WordPress has been found to be compatible with every browser and OS that you can possibly be using.

This WordPress editor plugin works by taking the default WordPress editor and then replacing it with the plugin’s own editor. It has its own upload manager as well as its own file manager to streamline integration on this platform. The integration plugins that it has are numerous, and a large amount of what’s seen in the editor plugin can be customized.

Get plugin HERE FREE.

The post Top 05 WordPress Editor Plugins appeared first on iTechZo.

05 Top web development trends in 2020

iTech Zo — Wed, 15 Apr 2020 10:44:37 +0000

15 Top web development trends in 2020

What major website trends 2020 you need to consider? In a highly competitive market such as a digital one, it is important to foresee changes and learn how to adapt to them. What major website trends 2020 you need to consider? Get to know 05 Top web development trends in 2020

1 Progressive Web Apps (PWA)

Progressive web apps (or PWA) are not the phenomenon of this year. However, the technology gained modern developers and investors’ attention due to its potential to perform high-quality user experience close to native app one.

In 2019, 65% of online shopping orders through the website were made with mobile devices. PWA’s rising website trend makes it possible for users to view their favorite websites on a mobile web browser or desktop and without downloading special apps or computer programs. PWAs in 2020 will be written with HTML and CSS, JavaScript, React, or Angular. Besides great user experience and no need for programs, PWA could send push notifications and provide users with offline access to cached content.

For whom these latest website technologies may be important? E-commerce, news platforms, companies with low development budgets, and those who’d like to reach a bigger audience without losing it on the app downloading stage should be extremely attentive now. That is also true that PWA can change money algorithms in App Store and Google Play Market world where paid apps should share profits with app aggregators.

2 Artificial Intelligence and Bots

What does the future of web development look like? That is believed by many that next year bots will become more self-learning and will easily match particular user’s needs and behavior. That means that 24/7-operating bots will be able to replace support managers and save costs for many companies.

Huge B2C companies already use the technology to serve their customers — official page chatbots inside Facebook Messenger, WhatsApp, and Skype are good examples. A bot could be also integrated into PWA, regular website, professional or household equipment, and any Internet-connected app developed by a commercial company.

Bot’s rise will also influence trends in web design, especially UX one. The significant advanced of AI and machine learning technology resulted in demand for virtual assistant designs, which is not only about visual experience, or product serving algorithms, but also about useful sound design.

3 Accelerated Mobile Pages (AMP)

Accelerated Mobile Pages (or AMP) is one more web development trend. The idea of it is to speed up page performance and decrease the risk of leaving it by a user. AMP technology is a bit similar to PWA. The difference is that pages become accelerated due to open-source plugin recently developed by Twitter and Google.

AMPs are optimized pages that could operate fast and have a simplified and yet convenient design with only basic features compared to full-scope web products. Those pages are also mobile-friendly and their content is always readable.

New trends in web design such as AMP development show that the Internet is becoming more user-oriented. Although we’ve got 5G Internet technology and most brands choose to develop native apps to make any user experience better, AMP plugin gives companies a chance to save costs on UX and reach users with any Internet speed. As a result, we will see smaller and niche products successfully competing with huge market leaders.

4 Single Page Application (SPA)

Nowadays, with high-speed Internet standards, there is no need to be stuck on an approach where every action made on the page like clicks on various buttons leads to one more web page downloaded from a server.

SPAs gain their popularity due to JavaScript frameworks rise. Working with them you intercept particular browser events and request JSON which looks like working with a web application. Google pages like Gmail, Google Drive, or Google Maps, as well as social networking platforms like Facebook, are of that kind. Current web trends observation makes it clear that in future most functional websites will be constructed as SPAs.

5 Voice Search Optimization

The web development future seems to be less texty and more voicy and it’s not only about virtual multifunctional home assistants such as Siri, Google Home or Amazon’s Alexa. In 2020, more than half of all smart and IoT devices will hear users and execute commands given by voice. And even more — they will be able to recognize the voices of different people and provide personalized AI-based experience for everyone.

Voice search is just the most significant example of technology that was implemented more than a decade ago. In 2020, people would prefer to spend less time typing commands as devices could understand them clearly. That’s why most companies are now puzzling over how to optimize their physical and digital products for voice search and voice commands. 55% of all households globally are forecasted to have voice assistant by the end of 2022.

The latest in web development is voice-activated self-standing devices and voice optimization for regular web sites and apps. Strengthen with AI, voice search optimization is beneficial for both end-users and owners. First, it saves time and allows a user to order more (online shopping and services). Second, technology is multitasking. Third, it gains users’ extra loyalty as helps them to cope with routine. And, finally, voice usage is a powerful source of user behavior analytics.

The post 05 Top web development trends in 2020 appeared first on iTechZo.

The most anticipated smartphones of 2020

iTech Zo — Mon, 13 Apr 2020 14:33:23 +0000

The most anticipated smartphones of 2020

There’s already a flood of rumours and leaks about this year’s set of incoming heavyweights, including the Apple iPhone 12, OnePlus 8, and Google Pixel 5, along with a handful of other intriguing-looking handsets.

Here’s a look at our most-anticipated phones of the year ahead, including links to extensive previews for many of them. Stay tuned, as we’ll be updating this list throughout the year as new phones leak and launch.

Apple iPhone 12

After three versions of the bold and inventive iPhone X design, will 2020 see Apple shake things up? Rumours point to yes, but it’s still very early.

Reports suggest an iPhone 12 that keeps the all-screen face while adopting a flattened metal frame that’s more akin to the classic iPhone 4, not to mention the current iPad Pro. Screen sizes could shift a bit too, going to 5.4in, 6.1in, and 6.7in (as opposed to the 5.8/6.1/6.5in of now).

Huawei P40 Pro

It’s official: Huawei has unveilled its P40 line, which includes the standard P40 model and P40 Pro, as well as a new P40 Pro+.

The standard Huawei P40 has a flat 6.1in 1080p OLED screen, a Kirin 990 5G chip onboard, a triple-camera setup on the back, and 3,800mAh of battery power onboard. It’ll sell for €799 (about £713).

OnePlus 8

The rumoured launch of the OnePlus 8 draws near, and the leaks are pouring out right about now. Leaker Ishan Agarwal has shared a full look at purported specs for the devices, while OnLeaks has shared a supposedly official render of the OnePlus 8 Pro (shown) and concept renders based on leaked OnePlus 8 data.

It all points to a OnePlus 8 that brings seemingly modest improvements over the OnePlus 7T, with similar specs intact: a 6.55in 1080p 90Hz AMOLED screen, Snapdragon 865 chip, triple-camrea setup, and 4,300mAh battery.

Click Here To Check More Details about Latest Mobile Phones.

The post The most anticipated smartphones of 2020 appeared first on iTechZo.

Oppo A92s On the way – 5G

iTech Zo — Sat, 11 Apr 2020 18:19:36 +0000

Oppo A92s 5G On the way

The Oppo Ace 2 is already on the way. In fact, it is only mere hours away from its April 13 release, as evidenced by a swell of leaks, as well as officials, teaser, videos. The latest of these details the freshly brand-tweaked, “Reno”-less Ace 2’s display in quite a bit of detail. Including its 90Hz refresh rate. At the same time, we have also been keenly aware that Oppo’s upcoming, restructured lineup will include A-series devices. As per leaks, at the very least, an Oppo A21 and two other mystery devices – CPH2067 and CPH2069. One of which, perhaps the Oppo A72. Well, now the plot thickens even further, since a brand new, A92s was spotted on both an official-looking poster, as well as an MIIT certification page.

~~ Oppo A92s 5G ~~

The post Oppo A92s On the way – 5G appeared first on iTechZo.

What’s the difference between LCD and LED monitors?

iTech Zo — Sun, 22 Mar 2020 11:13:20 +0000

What’s the difference between LCD and LED monitors?

Here’s the situation: Your old computer monitor has gone dim and you must buy a new one. So, you head to your favourite electronics store and head to the computer monitors section. You stand, perplexed, in front of your monitor options. You have a choice to make between an LCD monitor and an LED monitor but you have no idea what the difference is between these two options. Don’t worry, that’s what we’re here to figure out. First, let’s define the terms. Let’s see What’s the difference between LCD and LED monitors?

LCD

LCD stands for ‘liquid crystal display’. It means that the active part of the monitor is a layer of liquid held between two pieces of polarized glass. A light from behind the liquid shines through the glass and illuminates the crystals.

LED

LED stands for ‘light-emitting diode’. LEDs are used as a light source in home light bulbs, traffic lights, smartphone and laptop screens and, of course, monitors. LEDs producing infrared light have been in your remote controls for decades. The time display on your clock radio? Yup, those are LEDs as well. In monitors, LEDs are the backlight used to illuminate the liquid crystal display.

Did you notice that? LEDs can be used to light LCDs. I know, that’s only worsened your confusion. Let me clarify. This is a case of a marketing team taking creative license with a technical term. When talking about monitors, LCDs are usually the monitors that are backlit by fluorescent lamps, while LED monitors are backlit by LEDs. All LED monitors use liquid crystal displays, but not all liquid crystal displays are lit by LEDs. Are you still with me? Good. For the rest of this article, ‘LCD monitors’ will refer to a monitor with a fluorescent backlight.

LCD Strengths and Weaknesses

The LCD monitors are the more affordable option. This is because they’ve been in production for so long that the component costs have dropped significantly. Though most manufacturers are moving away from fluorescent backlighting, there is still a selection of models to choose from. It has a lifespan comparable to an LED backlight. Your fluorescent backlit monitor has some negative traits, however. There are very few of these monitors that can support 4K, though, and you won’t see new features gracing the fluorescent backlit monitor lines. The light contains mercury, so there’s a pollution cost when it reaches end of life. Also, fluorescent monitors are heavier, bulkier and hotter than LEDs.

LED Strengths and Weaknesses

LED monitors are cooler (literally), more energy efficient, and thinner. Your LED monitor will be slimmer and cheaper to run in the long-term. The drawback is that you’ll pay more up front for it. Also, LED monitors are at slightly more risk for image retention (also known as the dreaded ‘screen burn’) than the LCD monitors are. But at the current time, the display manufacturing industry has embraced LED as the predominant backlight solution. As an example, most (if not all) touchscreens are LED-lit. If you are looking for a monitor that can support 4K resolution, fast response time for serious gamers, or general high performance, LED will be the technology of choice. And the lack of mercury in the light means you can rest easy when it’s time to retire the old beast to the recycling depot.

The post What’s the difference between LCD and LED monitors? appeared first on iTechZo.

Increasing the Maximum Upload File Size in IIS

iTech Zo — Tue, 18 Feb 2020 17:30:03 +0000

Increasing the Maximum Upload File Size in IIS

By default, IIS web server allows for limited file size to be uploaded to the web server. For IIS 6 and IIS 7, the default maximum file upload size is 4 MB and 28.6 MB respectively. IIS 7 returns a 404 error (HTTP Error 404.13 – CONTENT_LENGTH_TOO_LARGE) if someone uploads something larger than 30MB. In order to allow for larger file size uploads, a few server changes are required.

Lets know how to Increasing the Maximum Upload File Size in IIS:

When you try and upload a large file (over the size limit in IIS) you will see an error message that looks something like:

Request timed out.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.Web.HttpException: Request timed out.

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:

[HttpException (0x80004005): Request timed out.]

You have 3 available options to increase the file upload limit:

1. Modify the maxAllowedContentLength setting in the web.config

You can increase the maximum file size by modify the maxAllowedContentLength setting in the web.config file:

With the above maxAllowedContentLength, users can upload files that are 2 GB in size. This setting will work right away without restart IIS services.

2. Edit the request filtering feature settings and the request limits using IIS manager

Open IIS Manager.
Select the website that you want to configure.
Make sure you are in Features View per the button at the bottom of the manager.
Select Requests Filtering and open it by double-clicking the icon. The Request Filtering pane displays.
From the Actions pane on the right hand side of the screen click Edit Feature Settings… link. The Edit Request Filtering Settings window displays.
In the Request Limits section, enter the appropriate Maximum allowed content length (Bytes) and then click the OK button.
Restart IIS.

3. Manually edit the ApplicationHost.config file

Click Start. In the Start Search box, type Notepad. Right-click Notepad, and then click Run as administrator.
On the File menu, click Open. In the File name box, type %windir%\system32\inetsrv\config\applicationhost.config, and then click Open.
In the ApplicationHost.config file, locate the node.
Remove the maxAllowedContentLength property. Or, add a value that matches the size of the Content-Length header that the client sends as part of the request. By default, the value of the maxAllowedContentLength property is 30000000.

For example, modify the following configuration data inside the
section.
```
<requestLimits maxAllowedContentLength ="" />
```
Save the ApplicationHost.config file.

The post Increasing the Maximum Upload File Size in IIS appeared first on iTechZo.