Skip to main content
#
SiteHatcher

Web Design and Marketing

Monday, November 16 2015
How to Create the Perfect 3.5 Minute Promotional Video

Promotional videos, when done correctly, can be an effective lead generation tool and a great way to communiccate your value proposition. Your video or animated slide presentation needs to be created so that people actually enjoy viewing it. It should be fast, engaging, and include content that benefits the viewer. 

Video allows you to get your strongest message possible in front of people who wouldn't normally take the time to learn what your company offers or the benefits of your product. They can be produced for lesss than most sales activities and provide a great ROI because they can be used over and over. 

Target Your Messaging

Topics to consider:

  • Who is the intended audience?
  • What do you do? How does it work?
  • What makes your company/product/service so unique, valuable, and special?
  • Describe the competitive
  • Explain how you differ from the competition.
  • Do you want to position yourself against your competitors? By how much and how?
  • What problems do people have without your solutions?
  • Why would someone not want to buy what you're offering?
  • Are there any misconceptions about your company?

RESULT: Your viewers hear an engaging, persuasive and targeted message that educates them and encourages them to learn more.

Tweet: 9 Steps to Create a Powerful Promo Video http://ctt.ec/kTgHq+ #promovideo

Persuasive Message based on a Solution Selling Model with a Compelling Call To Action

9 Steps for The Perfect 3.5 Minute Message

video flowchart

Tips to Get Your Video to Go Viral

  1. Provide quality educational and useful content that benefits the viewer. 
  2. Tell a story! People want stories. That's what all TV, movies, and books are. People are attracted to great stories.
  3. Make it shorter. The first thing people check when they decide to play a video is to see how long it is. 10 minutes: no way. 2 minutes: I'll give it a chance.  
  4. If you want your video to go viral on Facebook don't post YouTube links on Facebook. Upload the video to Facebook. Native Facebook videos get significantly more engagement. Facebook has decided to favor videos uploaded directly to Facebook. 
  5. After you have made a concise, compelling video with a great story, share it with people who would care about what you have to say.
  6. Take control over what social media crawlers grab when your video is shared by including the proper Open Graph tags on your site.
  7. Use the right subject lines and titles. People like "How to" and "Lists" titles so use them. 
  8. Leverage content blockers that forces users to share before they can view content.
  9. Ask users to share. 
  10. Limit social buttons to 2 or 3 and place them within your content.
  11. Make it easy for viewers to share on social media and to forward to others.

RESULT: Increased exposure of the important benefits of your company, product, or service. 

Be Prepared for When Your Video Goes Viral

  1. Know where you want to direct your traffic. Whatever you link it to make sure it is optimized to convert the traffic.
  2. Email capture form.
  3. Make sure people know how to contact you.
  4. Respond quickly to request that come in.

15 Uses for Promotional Videos

Website Home Page
Landing / Squeeze Pages
YouTube
Social Media
Email Marketing
Adwords campaigns
Training & Education
Field Sales Visits
Distributors, Resellers, & Affiliates
Laptop Demos
Kiosks & Monitors
Review sites; Yelp and others
Directories
Press Releases
Banner Advertising

Need a video to effectively promote your business? Contact SiteHatcher for more info.

Posted by: Craig Ludrick AT 08:00 pm   |  Permalink   |  0 Comments  |  Email
Sunday, August 02 2015
How to Resize Images for Your Website

It's important that images are sized correctly before they are uploaded to your website. There are two aspects of an image to be concerned with.

  • Image dimensions -  the height and width are measured in pixels or px for short.
  • Size of the file - measured in bytes, kilobytes (KB) or megabytes (MB)

For an example image I'm going to use this photo I took on a recent trip. You'll notice the file is 2MB. I try to keep images around 50KB on my website depending on what I'm using the image for. So, you can see that 2MB is way too large.  

The dimensions are 3264 pixels x 2448 pixels. To give you an idea how big that is, the dimensions of cover photos on Facebook is 851px x 315px. Our sample image is almost 4 times the width of a Facebook cover image.

Usually once we take care of the dimensions, the width and height of an image, that will take care of the file size as well.

I normally use PhotoShop to resize images. I'm assuming that if you have PhotoShop you already know how to resize images. So for this demonstration, I'm going to use PicMonkey a free online tool to show you how to resize images for your website or blog.

The basic editing features are free with PicMonkey. You can upgrade and get access to all of the PicMonkey tools. If you're going to be working with images and you don't have PhotoShop, I recommend you get the paid version. I have PhotoShop and I still use PicMonkey quite a bit because it's so quick and easy to use. 

4 Easy Steps to Resize Your Image for the Internet

Step 1: Go to PicMonkey, click on the Edit icon at the top, then click on Computer under the Edit icon. Then choose the file that you want to resize.

Step 2: Notice in the bottom right corner that the image is displayed at 28% of it's size. It's so large it can't fit on the screen.
Click on Resize at the bottom of the left column.

Step 3: Enter in your new pixel dimensions. If your not sure, see my note below to help you get an idea.
Make sure to check the Keep Proportions box. Click on Apply.

Step 4: In the first box, you can rename your file and select file type. I recommend you save it as a jpg.
Under Quality, I recommend you select the middle button. That tends to give adequate quality and file size.
Notice the dimensions are now 300px x 225px and then at the bottom, you'll see the file size is only 27KB.
Click on Save to my computer. Now you're ready to upload the new file to your site.

What if I'm not sure what pixel size my image needs to be?

If you're new to working with pixels here are 2 ways to find out the dimensions of an image on a website. By looking at the size of images already on a website you'll get an idea for what size your image needs to be.

  1. In Firefox, right cick on an image or put 2 fingers on your trackpad when you click it. That will bring up a menu list. Select View Image Info. Look down and you'll see Dimensions.
  2. MeasureIt is a helpful FireFox Add-on you can install that allows you to move your cursor on the screen to determine the size of any image or space that you are viewing. I use this frequently. Chrome has a similar Add-on called PageRuler.

Posted by: Craig Ludrick AT 06:10 pm   |  Permalink   |  0 Comments  |  Email
Saturday, July 18 2015
How To Put A Video on Your Website or Blog
 

There are multiple benefits to adding videos to your website.

A few these benefits include:

  • Videos on your site will help your pages to get higher rankings with Google.
    • To get the full SEO benefit your YouTube account should be integrated with your Google My Business account. Contact me if you need help setting that up.
  • Video on your site will increase traffic to your site from additional sources
  • Videos are "sticky". Users engage and stay on your site longer. Increased engagement also helps with SEO.
  • Video is very shareable which will expand your reach.

For a sample video to embed, I'm going to use one of  Gary Vaynerchuk's YouTube videos. Keep in mind, you will get much more benefit from creating and uploading your own videos. When you upload your own videos to YouTube, you will need to optimize them. I'll go over that in another blog post.

How to embed a videohow to embed video

  1. Click on the Share button under the video.

  2. Click the Embed link.

  3. Click the Show More link.

    • Select the video size

    • I recommend that you check the box to enable player controls and show  video title and player actions. Do not check the box for show related videos. (There's no telling what could be shown)

  4. Copy the provided code.

  5. Paste the code on your blog or website. See specific instructions for SiteHatcher and WordPress.

How to paste the embed code on a SiteHatcher website

(If you're adding video to your blog page skip to instructions below)

  1. Add a component by clicking on the + sign
  2. Click Standard/HTML in right column
    (1 in image)
  3. Click on the HTML component
    (2 in image)
  4. Paste the embed code inside the html component.  

Note: You can also click on the Audio/Video in the right column, select the YouTube component and then paste in either the YouTube link or the embed code. Using the HTML is 1 less click and you can also paste in the embed code from Vimeo, Ustream, and others as well as YouTube.

Adding video to your blog

  1. Click on the Source button in the edit bar.
  2. Paste the embed code.
  3. Click button to Apply Changes.

How to paste te embed code on a WordPress website

  1. On the edit bar click on Text - see image.
  2. Paste the embed code.
  3. Click the Update button.

How to set your video to Autoplay

I don't normally recommend setting videos to autoplay, but here is the

  1. Paste the code
  2. Add &autoplay=1" after ?rel=0
  3. Be sure to put the " after the 1.

Example

  • Before adding autoplay <iframe width="560" height="315" src="https://www.youtube.com/embed/4fsYWXrGGcE?rel=0" frameborder="0" allowfullscreen></iframe>
  • After adding code for autoplay <iframe width="560" height="315" src="https://www.youtube.com/embed/4fsYWXrGGcE?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

Was this helpful? If so, share it!

Bonus!

For your inspiration, I embedded the code from above that I used as a demo. Watch Gary Vaynerchuk's 2 minute video below for inspiration to help you to be consistent in posting to you blog and adding videos as well.

Posted by: Craig AT 12:19 pm   |  Permalink   |  0 Comments  |  Email
Saturday, November 10 2012
Many non-profits overlook the fundraising opportunities that printed newsletters have. I've listed some quick ideas to breathe live into your newsletter's fundraising efforts.

1. Make your newsletter interesting. It sounds obvious but that's why most newsletters don't get read - they are dull and boring. Start with a professional looking design to make your newsletter visually appealing. If you don't have design skills then buy a template or pay a designer. Use large, interesting images that portray some aspect of your nonprofit that will capture the reader's attention.  

2. Feature stories about changed lives. Focus your newsletter  on the impact that your non-profit is having on people. Stories of changed lives is one of the top factors that motivate people to donate.

3. Always include a response envelope. Sending out an electronic newsletter is cheaper and faster - but, a large segment of the population still prefers to give by check. Providing a response envelope facilitates their giving. My recommendation is to alternate months with an e-newsletter and printed newsletter.

4. Follow up on the newsletter. Segment your list of donors and follow up the newsletter with a personal meeting, phone call, or an e-mail. 

5. The #1 thing that get's read in newsletters - is the personal note that you write on them. Leave room in your newsletter design to allow for you to include a personal note to donors. Write it in blue so it stands out. Use these notes to thank donors for their giving, to let them know you look forward to meeting with them soon, to engage them to participate in some way in your nonprofit, etc.

6. Inform donors of additional ways to give. Use your newsletter to educate donors of additional ways they can give to your nonprofit. Stagger throughout the year the examples that I list below.
  • Planned Giving - wills, bequests, etc.
  • Gifts in Kind
  • Securities - your organization will need to have an account set up with a broker to facilitate receiving the stock and then selling it. 
  • ACH - donations automatically drafted from checking or savings accounts.
  • Giving through your website. Provide an option for people to have a subscription if they want to want to donate monthly. Provide a PayPal option as well as credit cards through a merchant account.
  • Memorial Gifts
  • Matching Gifts - great way for people to leverage their giving.
7. Feature occasional stores about donors. Interview donors to find out why they give and what other ways they participate in the organization. If they give in some of the ways that are listed above - use this as an opportunity to explain some of these different giving opportunities and specifically how this donor was able to utilize a particular way to give.

Need Help?

If you're website isn't facilitating the variety of ways that your donors can give then contact us. We can set up your merchant account so that people can give online.  We can also set up your website to capture all of the additional giving methods we've mentioned.  

Request More Info

Posted by: Craig Ludrick AT 07:30 am   |  Permalink   |  0 Comments  |  Email
Thursday, November 01 2012
Which is better to use on your website to process donations and/or store purchases - a merchant account or a 3rd Party Payment App such as PayPal, Google Checkout, etc.

Merchant Account vs 3rd Party Payment App
In a usability study when users were routed to a 3rd party payment application once they initiated the donation process users were annoyed and confused. My own experience in having a webstore and initially using a 3rd party payment application is that users were often confused and would bounce without completing their purchase. They thought that since they didn't have an account with the 3rd party payment system that they couldn't complete their purchase. I even put in big red letters that they didn't have to have an account that they could still use their credit card and complete their purchase as a guest. It still didn't help. I finally switched to a merchant account. Even though many 3rd party payment apps don't require an account, trying to complete your transaction without one is unintuitive and confusing. There are some 3rd party payment apps that offer more seamless integration. PayPal is a popular payment app and many people that do a lot of shopping online have an account and prefer to use it.  

What You Should Do
Use both. Get a merchant account because it will easily and seamlessly allow you to process credit cards on our website. You will process more transactions because it's seamless and integrated with the website and people know what to expect. For people that prefer to donate or pay with PayPal offer that as an option as well. 

Need help? No problem we can help you get your merchant account and get it set it on your website for you.


Posted by: Craig Ludrick AT 07:30 am   |  Permalink   |  0 Comments  |  Email
Tuesday, October 30 2012
2 Things Donors Want to Know
Research on donors' giving patterns has shown that there are two things that donors want to know before making a donation. In regards to your non-profit organizatoin, they want to know:
  1. What it does.
  2. How it spends its money.
Donors Can't Find What They're Looking For
The research study also found that donors struggled to find this information on the home pages or even in the pages within the websites of non-profit organizations. Often, critical information regarding how a non-profit organization spends its money was only available after a donor initiated the process. Unfortunately, this information was only available to people after they had made the decision to donate to the organization.

Putting Information in the Wrong Place
Other people who were researching or evaluating the organization, never had access to this important information because it was within the donation process. For example, in many cases there would be a link on the home page of an organization with a call to action to donate to a specific project. But only after clicking on that link would users sometimes get access to more detailed information. But in the mind of the user they would only arrive at that page after making a decision to donate. It would have been more effective to place important information that donors are looking for prior to the donation process. It would be most helpful to donors in their decision process to provide specific information for how money for a specific project will be used.

What You Can Do
  1. Tell people what you do. Make it very clear what your organization does and put it on the home page of your website.  Sounds simple enough but you would be surprised how hard it is to figure out what some organizations do when you visit their website. Focus on what services you provide and why. Keep it simple and easy to understand.
  2. Show where the money goes. Be proactive in anticipating donors questions and show how money for projects as well as the ministry budget is spent.
Posted by: Craig Ludrick AT 07:30 am   |  Permalink   |  0 Comments  |  Email
Saturday, October 27 2012
10 Tips for Good Web Design

  1. Put the name of your organization and your logo on the top of each page.
  2. Write straightforward and simple headings and page titles that make sense and are SEO friendly.
  3. Set up the web page to facilitate scanning by using groupings, subheadings, bullets, bold text, and highlighting so that users can quickly get the gist of the page at a glance.
  4. Do what everybody else does! If most big websites do things a certain way then follow their example since your users spend their time on other websites and will expect things to work on your website that they do on other websites. (Don't try to reinvent the wheel)
  5. Don't distract or annoy visitors with:
    • distracting animation
    • blinking or scrolling text
    • pop up windows
    • links that go to new windows
    • music that autoplays
    • slow loading pages
  6. Focus on creating valuable content.
  7. Optimize images before uploading to your website. There are plenty of free online image optimizers. Keep images under 25KB.
  8. Fonts
    • Use standard font families
    • Limit the number of fonts to 2 or 3 at the most.
    • Use Serif fonts for headlines and Sans Serif fonts for text.
  9. Clear and easy navigation. Don't make your users think. Make it easy for people to find what they're looking for.
  10. Mind the gaps! Pay attention to consistent spacing between your elements and use white space effectively.

Need help?
Contact the SiteHatcher Support Team for help creating a website that gets results.


Posted by: AT 07:30 am   |  Permalink   |  0 Comments  |  Email
Sunday, October 21 2012
Post Stories to Connect With Visitors

A research study discovered that visitors were interested in learning how people had benefited from the non-profit organization. Not only do donors look for this information on the organization's website but they also look for it on the social media sites as well.

The #1 motivator that encourages giving is stories of changed lives.

Users also appreciated being able to quickly make a donation directly from the social media site.

What You Can Do
  • Continually collect stories of how your organization is impacting lives. Write the stories down and get photographs. You may need to stagger their use over time.
  • Choose some of the stories to make a video.
  • Post these stories on your social media pages with a compelling call to action for how you would like people to resond; donate, volunteer, etc.
Posted by: Craig Ludrick AT 07:30 am   |  Permalink   |  0 Comments  |  Email
Sunday, October 14 2012
When donors are evaluating non-profit websites they have specific questions that they want answered in a clear and understandable way. If this information isn't easy to find people usually have little motivation to try and find it.

What do people want to know before donating?
  • 62% Mission, goals, objectives, and work (What you do)
  • 57% Use of donations ( How you spend the money)
  • 57% Legitimacy and reputation 
  • 19% Local presence
  • 19% Site security

The most important piece of information...
During the usability study the most important piece of information donors were looking for pertained to what the organization did and how they did it. Users reviewed the Home page and the About Us page in search of these details. The study also discovered that most non-profit sites failed to communicate this vital information. Users were also often annoyed because they couldn't understand a convoluted mission statement. The study found that if users were unable to understand the goals and objectives of the non-profit, they were unlikely to make a donation.

What You Can Do

  1. Give donors the information they're looking for. Make it easy for them!
  2. Make sure you put a clear, well written, easy to understand mission statement on your Home page.

Need help?
Ask the SiteHatcher Support Team to review your mission statement. We are good at it!

Posted by: Craig Ludrick AT 07:30 am   |  Permalink   |  0 Comments  |  Email
Sunday, October 07 2012
Why non-profit websites lose out on donations.
Research discovered these primary turn offs:
  • 50% were usability problems relating to page and site design, including unintuitive information architecture, cluttered pages, and confusing workflow.
    • On 13% of the sites, users couldn’t even find where to make a donation.
  • 43% were content issues related to writing for the internet, including unclear or missing information and confusing terms.
  • 8% of the time users simply disagreed with the organization’s approach.
Donation Process Usability testing found that the single biggest problem in the donation process was on websites that use third party payment systems. Websites that utilized e-commerce checkout had far less complications because users knew how to deal with the intuitive checkout process.

Non Monetary Contributions
Non-profit websites scored the lowest satisfactory rating in the usability study regarding non-monetary contributions. Information about how to donate physical items was difficult to find and rarely specific.

What You Can Do
  1. Make sure your site is easy to navigate. Don't make people think! Make it intuitive and obvious what you are wanting people to do.
  2. Writing for the internet is different than writing for print. When writing content for your website write in what is called "scannable text". Scannable text includes using bulleted, bolded, and highlighted text with headings so that the reader can quickly glance at or scan the text to get the overall point.
  3. Keep your website clean and free from clutter.
  4. Use a merchant account for donations instead of a third party payment system. Not sure how to set that up? That's what we're here for! 
The SiteHatcher suport team is here to help you create a website that gets results for your non-profit organization.
Posted by: Craig Ludrick AT 07:30 am   |  Permalink   |  0 Comments  |  Email

Let me know if the content was helpful by sharing it!
Email
Twitter
Facebook
Digg
LinkedIn
Delicious
StumbleUpon
Add to favorites
    CONTACT
    SiteHatcher
    8000 Research Forest Dr
    Suite 115, #280
    The Woodlands, TX 77382
    CONNECT
    rss feedour facebook page linkdin
    SiteHatcher
    SiteHatcher creates websites that get results by integrating Search Engine Marketing, Social Media Marketing, and Email marketing. Good design get's results.