• Skip to main content

building websites for authors

Personalized profitable websites for authors

  • Website
    • Authors
      • Authors Website Templates
  • About
  • Before & After
  • Blog
  • Contact
  • Website Profitability QUIZ

mobile-friendly

5 Things To Put On Your Contact Us Page

May 9, 2021 by Nancy Fields Leave a Comment

How do you want people to contact you once they’ve visited your website? By email? By Phone? Or, do you want to contact them after they’ve told you what they need?
Regardless of the type of business you have, you need a Contact page on your website.
Here are 5 must-have items to put on your Contact Us page, plus a few extras if you have a bricks and mortar business.

Would you like to see what I did, LIVE? Click here to receive an invitation to join me LIVE on Zoom.

5 Must-Haves on Your Contact Us Page

You will create a great user experience by adding:

  1. Your Company name
  2. Your Company address – your State is enough if you do not have a brick & mortar business 
  3. Your Company phone number with a mobile friendly link
  4. Your Email address BUT not a live link that spam bots can easily steal
  5. A Contact Form

Brick & Mortar Business Extras…

Do you see clients in your office, or you have a retail store? Include:
1. Your hours of operation
2. A map and directions to your office or store

Are You Active on Social Media?

Let people know they can send you a private message on Facebook. Add a link to your Facebook business page and ask them to click Send Message.

The Benefits of Using a Contact Form

  • A Contact Form allows visitors to give you their name and email address
  • You can add pre-qualifying questions
  • Ask them to tell you what they need
  • Contact Forms cut down on spam bots stealing your email address and filling up your email inbox with hundreds of unwanted messages.

Contact Form on a Contact Us page created in Ninja Forms

simple contact form created with Ninja Forms

Contact Form created in Ninja Forms added to a website home page

Ninja Forms contact form atop photo
If you want to contact them after they have told you what they need, create a contact form with questions, as in this example from ClearPath Workforce Management:
contact form with many questions

 Click to Call

Adding a link to your phone number makes it easy for people to call you from your website. Be sure to check out the video below to see how to manually add a link, plus how to add a “click to call button” with a FREE plugin
click-to-call web page example

Transcript

Five must haves on a contact page for your company: name, address, and phone number. And you’ll see a qualifying statement here because for your company address, you only need your town and your state, or even just your state. That gives people a sense of where you are in the world, but you don’t have to put in your full address if people are not coming to, you know, to a store, for example.

And then, add your company phone number. And this is where I’m excited to show you.

I have some additional information about adding a company phone number with a mobile friendly link. So if people want to phone you on their cell phone, they can just hit the link and it goes right to your phone.

Add your email address, but this is a thing that I learned many years ago: Do not put a live link in your website because there are spam robots that crawl websites looking for email links.

I truly do have a customer who insisted she wanted the live email address because it really is user-friendly for customers. But she got hit with hundreds of spam emails a day. Soon she was receiving thousands of spam emails in a week.

She spent a lot of time deleting the spam from her email inbox, and then she spent money and time getting it resolved.

So a Contact Form is great because it lets people contact you. They give them you their name and email address.

And you could even ask them some questions if you want to know a little bit about them before you reach out to them.

So it’s about you then reaching out to them.

I’m going to show you how to create a live phone link. How to add it manually, and how to use a plugin to add a phone link.

What I did, I just hovered over the phone number and I hit link. Then I typed in T E L for telephone, added a colon, and then entered the number: No dashes or spaces.

That is the way to manually add that in.

If you want something fancier. For example, if you wanted a Call Us button, this is done with a plugin called WP Call Button.

It is free.

I set that up in the dashboard under Settings. I set up the phone number in the US. I put the phone number in: as you can see, no dashes. I chose where I wanted it to appear. I chose my button color, which was the color of all of her buttons on our website. And I put show everywhere and save the changes. And that’s how easy it was to fill it in.

But there again, you do not need to have a plug in if you don’t want to. You can have something as simple selecting your text and linking it with TEL colon and your phone number. And you’re good to go.

Join Me Live On 10-Minute Monday

Receive an invitation the next time I go LIVE for a FREE 10 minute training. Topics include WordPress, design, and tech challenges others are struggling with when creating a website.

You can also email me a question about your own website or tech challenge and I may feature it.

Sign up below. I hope to see you on my next 10-Minute Monday!

 

Filed Under: 10-Minute Monday, business, WordPress Tagged With: contact us page, mobile-friendly

Are Website Header Banners Dead?

September 7, 2016 by Nancy Fields Leave a Comment

Does your website banner extend across the top of each page?

Sorry to break the bad news, but they just look old and outdated. That’s because long, horizontal website banners don’t look good on a mobile device, and mobile is what’s driving design these days.

Quick and easy web header banner check

To see what your website header banner looks like on an iPhone 5 — without leaving your desktop…

  1. Enter your URL in Chrome browser. If you don’t have Chrome installed click here to download.
  2. Right-Click (Mac = Control + Click) anywhere on the web page
  3. Choose Inspect
  4. Near the top left click on the little phone/tablet screen icon
  5. View your site in the browser window

webpage Chrome Inspect

Chrome mobile view check

Reuse & Recycle

Still love your web header banner? You don’t have to abandon it. Instead…

Tip One

Use it at the top of your e-newsletter to build your brand like Lacey did

 

MiCommunity Newsletter header banner

Tip Two

Replace your current WordPress theme with a mobile-friendly version that has a banner on the home page. Here are three examples of themes from StudioPress that accommodate a long, horizontal header banner and still pass the mobile-friendly test, plus look fresh and modern.

three StudioPress themes

Filed Under: business, WordPress Tagged With: Chrome, mobile responsive, mobile-friendly, web header banner, website header

Is Your Website Mobile-Friendly?

August 31, 2016 by Nancy Fields Leave a Comment

When viewed on a mobile phone or a tablet, does your website look exactly like the desktop version, only smaller?

Or does it look different on each device, like this theme from StudioPress?

StudioPress Foodie theme in three views

If your site looks identical on each device it’s time to change!

Over 50% of all online searches are done on a phone or tablet. If visitors can’t easily read your site, they will be gone…for ever. All the work you put into your site, and all the hours you spent creating your free offer and setting up your forms for list building will go down the drain.

Your time is important. Besides, your perfect customers need you, and you need to give them a good user experience so they’ll want to read your content and keep coming back.

Is your website is mobile-friendly?

It’s easy to check. Click on the link below and enter your URL (i.e. http://www.yoursitenamehere.com). You’ll learn if it’s mobile friendly, plus receive tips on how to fix it, if your site failed the test.

https://www.google.com/webmasters/tools/mobile-friendly/

Google Mobile-Friendly test page

How to make your site mobile responsive

The Easy Way

If you have a WordPress site you can simply change the theme to one the is already mobile responsive.

How to choose a mobile responsive theme through your WordPress Dashboard:

  • Dashboard —> Appearance —> Themes —> WordPress.org Themes (1-4 below)

WordPress Dashboard Appearance Themes

  • Click Feature Filter button (5 below)

WordPress Feature filter

  • Under Features choose Accessibility Ready and Flexible Header (6-7 below)
  • Click Apply Filters (8 below)
  • Choose a theme you like!

WordPress Feature filter

Easier Way

Chose any theme by StudioPress. That’s what I do.

StudioPress themes are perfect for business, plus they’re all mobile responsive.

The Harder, More Expensive Way

Call your website developer, or the person who built your site, and ask them to make your site mobile responsive.

Depending upon how your website was built, your developer may need to create 3 new designs:

  1. one for mobile
  2. one for tablets
  3. one for desktops

Your web developer will also be adding code “under the hood” of your website, called a media query. It will tell your website to display your web page in different screen resolutions. The version your visitor sees will depend on whether they are using a mobile phone, tablet, or desktop.

That’s a lot of work…and a big expense.

My recommendation

If you’re in business get a mobile responsive WordPress website. They’re economical plus you can maintain them yourself, which will save you lots of money in the long run.

Filed Under: business, WordPress Tagged With: mobile responsive, mobile-friendly

  • Home
  • Contact
  • Facebook
  • LinkedIN

Copyright © 2023 · Infinity Pro on Genesis Framework · WordPress · Log in
This site is not a part of the Meta website or Meta Platforms, Inc. Additionally, This site is not endorsed by Meta in any way. Meta is a trademark of Meta Platforms, Inc.