How To Create An Aweber Horizontal Optin Form - Fandu Design
How to, WordPress, ওয়েব ডিজাইন,

How To Create An Aweber Horizontal Optin Form – Fandu Design

AWeber is very popular and  top label email marketing  services company. They have over 100,000 small business clients world wide. AWeber helps our customers keep in touch with with their subscribers. It’s has a lot of feature that help email marketer to be successful in there project. In this tutorial, I am going to share with you “How To Create An Aweber Horizontal Optin Form” I think this is very useful tips for you. If you search in Google using their adwords service. that know as google keyword planner. ( Of course, this is free keyword planner and most loved SEO tools for seo markerter. ) You see,  Aweber Average monthly searches 100 – 1K .

So let’s start Create An Aweber Horizontal Optin Form using css. Take a looks a screenshort preview that I have worked for on of my clients website.

How To Create An Aweber Horizontal Optin Form by css


Copy the html code in your targeted div area.


Copy the css code and paste in your style.css file.


If you use WordPress that you can easily add form in your website using free aweber wordpress plugin.

You can download from:–

AWeber Web Form Plugin

AWeber Integration

Simple Aweber Optin Widget


Let learn Horizontal and vertical.

Horizontal and vertical.


Thank you to see your interest to read full articles. Don’t forget to share.

Google Maps error: Oops! Something went wrong. This page didn't load Google Maps correctly
Google Products, WordPress, ওয়েব ডিজাইন,

Google Maps error: Oops! Something went wrong.

Google Maps is most popular and number one maps product of Google. In this tutorial, I will share how you can fix the very common issue of your website when you add google maps. It’s  “Oops! Something went wrong.” If you face this problem or see on your website. then follow the below guide to fix it now.

First use starts using Google search engine. Let write in the search box “google map API create” Why? here the any of your questions. I want to know you that this problem occurs for API not connected perfectly in your website or you don’t add API by yourself. Don’t worry. It’s not hard.

Click here Cleck on the first result. then you will go to Google API Create.

Remember: To use the Google Maps JavaScript API, you must register your app project on the Google API Console and get a Google API key which you can add to your app.

Copy the API code that you generate right now.

Then add this code in a header of your website:

Replaces you YOUR_CLIENT_ID into The API code that you have copied. You are done.

Follow these steps to get an API key:

  1. Go to the Google API Console.
  2. Create or select a project.
  3. Click Continue to enable the API and any related services.
  4. On the Credentials page, get an API key.
    Note: If you have an existing unrestricted API key or a key with browser restrictions, you may use that key.
  5. From the dialog displaying the API key, select Restrict key to set a browser restriction on the API key.
  6. In the Key restriction section, select HTTP referrers (websites), then follow the on-screen instructions to set referrers.

Don’t forget to share this tutorial with others. Let’s me know if you need any help related Website Design, development,

Website redesign why you should update your website
WordPress, ওয়েব ডিজাইন,

Website redesign why you should update your website

Hello, I am Foysal. professional website designer and WordPress developer. Today, I am going to write about “Website redesign why you should update your website.” Also In this tutorial, I will try to give you as clear idea website redesign cost. 

So let’s start.

Technology update day by day. You might have a website for your business. services, or for your personal portfolio, but you know that you have to build your website 2 or 3 years ago. Now you thinking to redesign or update your website. Why? because every day you visit many websites and you see that other-other looks very professional than your website. In this website have many awesome features that really not on your website. Also your website not responsive, SEO friendly even you not updated for a long time. The most important reason is that you are really not getting an expected visitor, audiences.

In this tutorial you can know:-

Reasons Why Your Website Needs A Redesign

website redesign project plan

website redesign cost

website redesign services

So let’s start:

Reasons Why Your Website Needs A Redesign

Your Website Is Not Responsive:

From 2013 the mobile internet user number increasing day by day. It’s official, more users are browsing the internet with their mobile phones and tablets compared to desktop users. Nothing might be more annoying than exploring a site where you will need to use your fingers to enlarge each page to read the text or having your thumb constantly clicking on the wrong link! Having a mobile and tablet-friendly website is important in capturing and converting a huge chunk of traffic that visits your site on the go.

It Is Not User-Friendly

88% of online customers are less likely to return to a site after a bad experience and its simple to understand why.

It’s 2018 and your prospects are likely to have seen thousands of websites. They are used to fast load speed, intuitive navigations and sleek design that clearly communicates your business offering.

It Is Not listed on Google

For any business to succeed online and win leads it’s vital that future and existing clients can find them online. Imagine looking for a business that you know exists but being unable to find it. Amateurish right? Try the Yellow Pages 😉

The internet is constantly expanding and competition is ramping up at a rapid rate.

If web users can’t discover your website how are new clients finding you? Word of mouth is great but the first thing people will do when they hear about your business is Google you.

It Does Not Accurately Reflect Your Services or Brand

Maybe you have been running your company for a few years and your business model and clientele have been refined.

Your brand values have changed but does it seem apparent on your current website?

Or perhaps your existing website has never really communicated your brand values and you’ve just ‘put up with it’.

Whether your audience has changed or your site never been ‘quite right’, it’s important for established businesses to have a presence online that aligns with the brand and, if applicable, aligns with their real-world presence.

Your website has the potential to elevate your brand to a whole new level but you’ll only promote it and guide people towards it if:

a. It aligns with your brand
b. Clearly showcases the work you doc
. You’re proud of it

In 2018 web users are savvy. We’ve all been using the internet for 20 years (more or less) and we know when a business isn’t being authentic. Ensuring your website aligns with your brand and who you are is one of the most effective ways to demonstrate authenticity.

 Interested to redesign your website? Let’s know about “website redesign cost

Website redesign cost

Website redesign cost depends on your requirement. To find out actual cost first you have to create a list of your requirement. Actually what you wanted.  When you

Here the FAQ that you get from many web designer and developer.

  • Do you want to change the current theme ?or Cleanup existing theme?
  • How many pages?
  • How many products?
  • Do you the provide graphics file? like images, slider images, banner etc

If you like to then you can discuss with me for your the website redesign project. Why Me, I have 4 years experiences to design and developer website. I love to design from scratch. My clients always get 100% satisfaction from me and that is my job. I design a website from scratch, it alwyas is fully responsive, dynamic, SEO friendly. Anyone can easily manage and update the website without any coding skills. Check my UP WORK profile, Hire Me



Fascinations Levitron Globe Ion

Cloud Storage,

pCloud why you should use? Best cloud storage by security

pCLoud is best cloud storage website than others. It’s not my personal opinion but I have to get this by research much time and after start using pCloud. Previously I use Dropbox that everybody knows is very popular and common online file storage website. But I see there has risk for important file hacking. So I have started thinking to use a very secure cloud storage website. Then I have found pCloud.

In this tutorial, I will share why you should use pCloud. pCloud why you should use? Best cloud storage by security.

pCloud is a tech-savvy company who offering cloud-based storage solutions. This company was formed in Switzerland in 2003. pCloud give their customer new easy experiences to store and access digital information. This secret feature of this company’s continued success is its intuitive interface.

When you visit pCloud website you will see that there website using standard UI and UX roles that make it’s very simple to understand and use. Anyone can easily use and maintains their file in pCloud.

You can take a looks pCloud website right now by clicking here. pCLoud  Another reason to choosing pCloud is that its services are quite comprehensive. When it comes to cloud-based storage, we all want data security.

One of pCloud’s chief business rivals, DropBox, was hacked during 2014, which meant that hackers accessed tons of user information.

To ensure that pCloud is as safe and secure as possible, with a mind to avoiding a Dropbox-like disaster, the team at pCloud decided to invite hackers to participate in a contest. Any hacker who could get into pCloud would be rewarded with a prize of $100,000 dollars.


2860 hackers tried their best

However, no one could get into the system’s server or penetrate “user side” encryptions. The hackers tried for half a year with zero success.

Did you know that 15% of business people who utilize cloud services have been hacked before?

Another competitor of pCloud, Google Drive, offers good services. However, these services are only as secure as the Google accounts of their users.

Unfortunately, in May of 2017, Google accounts were put at risk due to a phishing scheme. The scheme tricked some users into clicking on links which appeared to lead to Google Docs.

The emails with the links included seemed to come from known and trusted contacts!

If you don’t want your private information and/or company information hacked, pCloud is the wisest choice.

It’s not just me saying, it’s being backed by facts and test!

pCloud offers data security which is truly incredible and this is why I highly recommend them over DropBox and Google Drive.

pCloud Crypto – State of the art protection


pCloud can store all your files in the cloud, avoiding any waste on your PC storage space.

As a bonus, you receive 20GB of free storage.

All your files are protected from hackers as what had been proven and mentioned previously.

This is solely due to its client-side encryption (TLS/SSL), and hackers from all over the world failed in what they do best as there has been no successful hack so far.

Their servers are mainly located in the US, with cache and proxy servers in the EU. Files are divided and stored in 15 different racks with servers – and the system manages to stay live even if 5 racks are offline!

How to create dynamic page content for page.php in WordPress
How to, How to Fix, WordPress,

Briefly unavailable for scheduled maintenance check back in a minute – Fix it within 1 minute

Briefly unavailable for scheduled maintenance check back in a minute is a very common issue when someone wants to update there website WordPress version, Themes, plugins. If you are new WordPress user and already faced this problem then you may think you have lost your website as you see, your website becomes blank you can not log in and access in your website dashboard.

Don’t worry, Today I am going to share very easy and very quick tips with the active code so that you can see your website like previous within 1 minute.

So let’s start to fix this issue and get your website within 1 minute 🙂

1. Login in your Cpanel
2. Go to file manager
3. Open public folder
4. Open wp-content folder
5. Open themes folder
6. Open current active theme
7. Open functions.php file

=> Cpanel => File Manager => Public Folder => WP-Content Folder => Current Active Theme => Functions.php

Now copy this code from below and paste in functions.php file.

You are DONE. Now you can check your website. Hope you already smiled.

Let’s learn as we are WordPress users. What actually happens during WordPress maintenance mode?

During maintenance mode, WordPress downloads necessary update files to your server extract them and install these new files.

There are essentially two different types of maintenance modes:

  • The first one, as described above, is done automatically by WordPress, when themes, plugins or the WordPress core needs to be updated.
  • The second type of WordPress maintenance mode occurs when you want to manually update your own WordPress site, and don’t want your site visitors to be bothered by the updates. This can be done by installing a WordPress maintenance mode plugin.

With regards to the latter instance of WordPress maintenance mode, where you’re manually forcing it, you can also use a code snippet (instead of plugins) to force it:



If you need more help don’t delay to ask me. I am here ready to give easy guideline. Just comment or send message me. I will beck you asap. Message Now .

Interested to know more about me also Fandu Design, Visit this page : Visit Now

Thank you for read.

Don’t forget to bookmark and share this code with others new learner like you.



Digital Marketing, eCommerce, Technology,

Live Chat Software, Secret benefit. Why Every Business Needs?

Live Chat increase 5x more sells

Post Summary:

  • Customer expectations are growing
  • What is live chat software and why do I need it?
  • 9 live chat software benefits your business

In a digital world, speed is king.

From overnight shipping to instant access to your product or service, your customers want things now – and they usually get it.

However, this is not the case when it comes to customer service.

Research shows that the average response time for customer service requests on social media is 10 hours. Worse still, email response times take longer than 15 hours!

This is not acceptable. And delays like this will lose you, customers.

But, how can you respond quickly to your customers?

It’s simple – use live chat.

Live chat software enables you to have real-time conversations with your customers while they’re on your website. It’s quick, convenient and customers love it because it’s 100x faster than any other digital service channel.

Live chat software enables you to have real-time conversations with your customers while they’re on your website. It’s quick, convenient and customers love it because it’s 100x faster than any other digital service channel.

Customer service response times by digital channel

Companies from major banks to small e-commerce stores now use live chat software to better serve their customers and improve response times. So, it’s no surprise that 33% of consumers now expect to see live chat offered on every website.

But, there’s a lot more to live chat software than providing quick customer support. That’s why we’ve rounded up 9 live chat software benefits to show you how chat can positively impact your business.

Let’s get started!

1. Increase sales and conversions

The first major benefit of using live chat on your website is the potential to increase sales.

The American Marketing Association found that B2B companies who used live chat see, on average, a 20% increase in conversions!

While browsing your website, prospects and customers will have questions about your product or service. With live chat, you can answer them immediately – and while the buyer is still on your website.

This is what makes live chat so powerful.

Live chat gives you the chance to hold your buyers’ by the hand, help them overcome objections and reach a buying decision. It’s like having a sales assistant on standby, live on your website.

Furthermore, a report by eMarketer looked into the impact live chat has on consumers. The report found that 35% more people made a purchase online after using live chat.

2. Reduce support costs

It’s no secret that customer support can be expensive.

In traditional call centers, a customer service agent will handle both phone and email requests. But, only one at a time (can you imagine trying to answer two calls at once?).

The benefit of live chat software is that it changes all of that.

According to research by Telus International, customer service agents can engage in as many as six (!) simultaneous chats, depending on the complexity of the issues involved.

Being able to handle several customer chats at once means you’ll need a substantially smaller team to handle customer service requests – cutting your support costs as a result.

If that’s not enough to persuade you, live chat is more than 50% cheaper than handling phone calls.

Approx. cost per contact for phone and live chat request handling

Within months of launching live chat on their website, WP Engine was able to solve more than 90% of all questions and issues immediately – reducing their customer support costs almost overnight.

3. Build trust with buyers’

When you walk into a physical store, the retailer gets the chance to build a rapport with you during the sales process. This helps them establish trust and make the sale. But online, you can’t do that.

Consumers’ are naturally skeptical about buying things from people they don’t know. It’s human nature. But, with live chat, you can have a direct conversation with your buyer that allows you to build trust and close the gap between online and offline purchases.

Trust is extremely important in the business world. If a buyer doesn’t trust you, they won’t provide their contact information or share their personal details.

A study from ATG (now acquired by Oracle) into Global Consumer Trends found that 90% of customers said the “Live Chat” button gives them confidence that they can get help if they need it. Without live chat, you’re going to have to work a lot harder to build trust with your website visitors.

4. Gain a competitive advantage

Offering live chat to your customers presents you with a great opportunity to gain a competitive advantage over your rivals.

A study into live chat by Telus International found that many businesses are still not benefiting from the power of using live chat on their websites. In fact, our own live chat study of 1,000 websites found that only 9% of websites use live chat to provide real-time support to their customers.

Josh Ledgard, the founder of Kick Off Labs, is a firm believer in using live chat support as a way to differentiate yourself from the competition. In one example, Josh shared a story of how he used the live chat software itself as a way to earn a new customer.

Josh Ledgard on live chat software as competitive advantage

So, the next time a buyer asks you how you are different from your competitors, you can respond by using live chat.

5. Increase average order value

Live chat doesn’t just help you increase sales – it also helps you increase the value of a sale too!

By using live chat to talk with the buyer and understand their needs, you can recommend similar products and services by up-selling and cross-sell to increase the average order value.

For example, if a buyer is looking to purchase a new laptop, a chat agent can respond by recommending a laptop that meets their needs. But, an agent can also increase the average order value by recommending a laptop case, a bag, and any laptop related accessories.

Internet Retailer found that Virgin Airlines used live chat to transform their business. Using live chat software, they up-sold customers with additional products and converted them 3.5x more often and saw a 15% overall increase in average order value as a result.

6. Satisfy your customers

Live chat is a great opportunity to improve customer support and provide a memorable customer experience on your website. That’s why customers prefer using live chat.

According to eDigital’s customer service benchmarklive chat has the highest satisfaction levels for any customer service channel, with 73%, compared with 61% for email and 44% for phone.

The reason for live chat’s high satisfaction levels are due to “the efficiency and immediacy of the experience”, says Kirk Parsons, a Senior Director at Market Research company, J.D. Power.

Sure, you can offer traditional ways for people to contact you, but why not communicate with your customers in a channel that they prefer? By doing so, you will retain more customers.

7. Keep in contact with visitors

Unfortunately, not everyone who visits your website will buy from you straight away.

So, what happens when a visitor leaves the site? Do you sit back and hope that they come back at some point in the future, or do you do something about it?

For people that use live chat, you can collect information about them – and turn them into leads.

Before a live chat session begins, ask the user for their contact information. Not only does this help in identifying an existing customer, but by asking for their name you can provide a more personalized customer experience.

If the chat user isn’t a customer, you now know who they are. Use this to your advantage and ask them if they would like to receive news and promotional material as part of your email marketing strategy. They may not buy from you today, but by having their contact information you can convince over time that your product is the right fit for them.

Another benefit of using chat is that even if you’re unable to collect contact information the first time around, 63% of consumers are more likely to return to a website that offers live chat. So, rather than communicating with anonymous visitors, you will be speaking with engaged prospects instead.

8. Improve website experience

With live chat, your customers no longer have to stop what they’re doing and pick up the phone or send an email when they have a question. Instead, they can have their questions answered immediately by a live person.

This is important – especially when it comes to purchasing or subscribing to products online.

Forrester Research found that 57% of customers abandon their purchase if they can’t get their question answered quickly.

In addition, the same study found that 44% of online consumers rate having their questions answered by a live person while in the middle of a purchase as one of the most important features a website can offer.

While improving the website experience helps customers, the business benefit here is that customers that use live chat on a website are 3 times more likely to make a purchase – making a positive impact on your bottom line.

Live chat is typically found on the home page and product pages, but another way to use live chat to improve the website experience is by placing chat in unusual places, such as 404 pages or pages that have been deleted. When your customers’ arrive on a 404 page, they usually leave. Now, a live chat agent can help them navigate and find what they are looking for.

Adding live chat to 404 pages to improve website experience

9. Understand your customer needs better

A key part of any marketing campaign or sales process is to understand your buyers’ needs and then provide the right solution to them. Not only does live chat software give you the opportunity to close a sale right there and then, but it also gives you access to their mindset by gathering what is known as “Voice of Customer Data”.

Voice of Customer (VOC) data is a market research tool that can help you see your business from a customer’s perspective. By collecting VOC data you can understand their thoughts, opinions, and behavior, which can then be used to shape product development, marketing and the way you grow your business.

One way to collect VOC data through live chat is to review chat transcripts. You and your team can review valuable information such as words, phrases, and questions that buyer’s use, which you can then use to optimize your marketing copy to eliminate fears and doubts.

According to Aberdeen Research, companies that collect VOC data enjoy a 10-times-greater year-over-year increase in annual company revenue compared to all others.


If you want to succeed in business today, you can no longer ignore live chat software.

Your customers want access to fast and immediate support that helps them along in their purchase process. The good news for you is that very few companies use live chat, making it far easier to stand out from the competition.

Using live chat, you can communicate with your customers through a channel they prefer and use that to provide an unforgettable experience. If that’s not enough to convince you of the benefits of live chat, you will also decrease support costs and increase average order value and overall sales.

There’s no denying that the live chat software benefits for your business are huge.

It’s not a question of if you will use live chat for your business, but rather a question of when.

So, how long will it be before you start using live chat software?

What would other live chat software benefits you like to add?

P.S. If you enjoyed reading the benefits of live chat software, please share it here!

codepen web design front end web design
Free Code, ওয়েব ডিজাইন,

Codepen why shoud use who should – Fandu Design

CodePen is a social development environment for front-end designers and developers.

Welcome all of my web design learner in this new tutorial of 2018. I am going to share with you a online tools. That I love very much. It’s codepen. It’s the best place to build and deploy a website, show off your work, build test cases, and find inspiration. So if are think to start your career as Web Designer especially front end web design then you should use codepen.

In the website they say that 👋 CodePen is a social development environment.You may already a little bit think We say social ? Here the answer : because CodePen is a community. Most Web Designer  and Coder on CodePen are public and open source. They are living things that other people and the community can interact with, from a simple hearting, to leaving a comment, to forking and changing for their own needs.

Using codepen you can write code in the browser, and see the live results of it as you build. Codepen is a useful and liberating tool for developers of any skill, and particularly empowering for people learning to code. It’s focused on front-end languages like HTML, CSS, JavaScript, and preprocessing syntaxes that turn into those things. So I you are new learner of Front End Web Designthen Code Pan is best for you to share your skills with others. Also Here you get job section where you find job related your skills.

You no need to thinks or worry about much to buy domain and hosting as here you get a ready place to share your work with your clients. Surly cover letter with portfolios link get higher response then a cover letter without portfolio links. So let start your front end design career with CODEPEN.

 Thank you for read. Stay with fandu design. 🙂 Dont’s forget to share with your friends

How to create Bootstrap carousel with font awesome icon

Remove the Gutter Padding from Columns in Bootstrap

Bootstrap is most popular front-end frameworks and open source projects in the world for build fully responsive website. It’s very easy to customize and compile your own website build based on your needs. This is anything from colors, container sizes, and to gutter padding size. However, sometimes you’ll come across an instance where you just want a single row with no padding. Most cases you’ll just individually select the column and kill off the padding with CSS. However, you can build your own utility class helper to do this on the fly. This utility class will cover all column sizes and still supports full responsiveness. Here’s the CSS snippet:

And here’s how you can use it in your HTML:

Responsive Video Embeds that Maintain Aspect Ratio

When Bootstrap 3.2 came out, it came out with an additional helper class to make it easier to make iframes (like YouTube embeds) responsive while maintaining a certain aspect ratio. It’s extremely easy to use these, just add the following code to your markup:

Notice how the iframe doesn’t include frameborder="0". This is because Bootstrap will actually normalize any ugly outlines for you with this helper class.

If you need more help don’t delay to ask me. I am here ready to give easy guideline. Just comment or send message me. I will beck you asap. Message Now .

Interested to know more about me also Fandu Design, Visit this page : Visit Now

Thank you for read.

Don’t forget to bookmark and share this code with others new learner like you.