How to Add Facebook Pixels to Compare Quiz Results

What do Facebook pixels do?

Facebook pixelsEffective advertising on Facebook is all about targeting. This series of blog posts talks about Facebook advertising using very effective quizzes. Facebook pixels can help you collect the statistics about a quiz. You can collect things such as

  • How many answers for each question were correct?
  • How popular were the various themes within a quiz?
  • Who filled out the lead generation form? (Then you can send emails to each of those people.)

The Facebook Pixel is the main tool you can use to track events on a website. You can then use data from the pixel to:

  • Build custom audiences based upon activity on your website.
  • Measure conversion activity and determine which ads lead to results such as purchases.

What are Facebook pixels?

Facebook pixels are tiny images within a website to help you track data. You place the image on the website in the form of a code snippet that you get from Facebook

Getting started

1. Create very short quiz

A sample is given below


 

2. Install Facebook Pixel Helper

Facebook Pixel Helper is to tool to verify that your pixel works properly. It also helps you troubleshoot common errors.

The Pixel Helper works in the background to automatically review the websites for code that looks like the Facebook Pixel. When a website has a Facebook Pixel installed, the </> icon in your browser turns blue and a small badge will appear indicating the number of pixels found on the page.

If the icon does not turn blue then there are no Facebook pixels installed on this page.

Click the </> icon and a small popup appears information for debugging your pixel and seeing the data tracked by the pixel.

Facebook pixelsHere are the instructions for downloading & installing it: Install Pixel Helper. Read instructions before downloading it.

 

How to find pixel code snippet

Open Facebook > Ad > 3 bars to left of Ads Manager > Pixels > Details > Set Up > Manually Install the Code Yourself.

The code will look something like this:

<!– Facebook Pixel Code –>
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=’2.0′;
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,’script’,
‘https://connect.facebook.net/en_US/fbevents.js’);
fbq(‘init’, ‘322497177900987’);
fbq(‘track’, ‘PageView’);
</script>
<noscript><img height=”1″ width=”1″ style=”display:none”
src=”https://www.facebook.com/tr?id=322497177900987&ev=PageView&noscript=1″
/></noscript>
<!– End Facebook Pixel Code –>

Where & how to insert code snippet

You should insert that pixel code just before you closing head tag (</head>).

I use WordPress. To insert the code, I got a free plugin called Header and Footer Scripts Inserter.

So, in Edit mode, I opened the page that needed the code. Then, in my Installed Plugins panel, I clicked on Settings and pasted the code in the panel right below Scripts from this field will be printed in the beginning of HEAD section. Do not place plain text in this!

I clicked the blue Save button. That’s all there was to it.
It is best to insert the pixel code in every web page for which you could possible use statistics involving your Facebook marketing campaign.

Scripts from this field will be printed in the end of HEAD section.

 

Important link

Adding Pixel to Your Quiz

How to Make Your First Online Quiz

Amazing marketing with an online quiz

online quizAn online quiz is the most shared content on social media. These quizzes can be used to market just about anything.

The picture on the right represents the first two questions of a complex online quiz.

In this post you will learn how to make a very simple online quiz.

Getting started

  • Go to riddle.com.
  • Click the green Try Now button to get 14 days free access.
  • Sign up and store your username & password in a safe place.
  • online quizClick on the Dashboard link.
  • Click Create link on the horizontal menu.
  • online quizClick the turquoise Quiz icon
  • If you are using an online quiz for marketing, it is foolish to not have lots of pictures in it.
    • You can go to freeimages.com and get some at no charge. (Their higher quality photos cost money.)
    • All pictures must be oriented wide, square or tall. So, click on the proper orientation button.
    • Drag and drop your picture into the main image panel.
  • online quizGive your quiz a title.
  • Throughout the quiz-making app you will see the letter “i” within a grey circle.
  • Click blue Question 1 Untitled button
  • Add your first question and up to four possible answers
  • Click the radio button of the correct answer.
  • Click plus sign on blue square to add more questions.
  • Have a maximum of 10 questions.
  • Click the Save button near the middle of the top.
  • When you are finished, click My Riddles in the horizontal menu.
  • Click the 3 dots to the right of Edit
  • Click the green Publish button in order to make your quiz public.
  • Click the green Get Code Button.
  • Click Copy. The code is now in you clipboard.
  • Open a web page in Text view and Cmd V to paste the code wherever you want it on the page.
  • Save your page and check the quiz to make sure it works.

 

How to Market on Facebook with a Quiz

Free advertising with a quiz

quizWhen you market with a quiz or personality test, you are using the most shared content on social media. You will be paying for promoting your quiz on Facebook. However, every time someone shares your quiz, that will be FREE advertising.

Two types of quizzes that can get you lots of social shares are

  • quizzes that make people laugh and
  • quizzes that make people realize how good or smart you are.

Facebook advertising to show how smart you are

The sample quiz and Facebook ad on this page represents a campaign to sell an e-book to restaurant managers. It is designed to help them train staff how to serve customers with disabilities.

The image above displays the first two of six questions of a quiz aimed at people who are general managers of restaurants. (Over 25,000 Facebook users in Canada list that as their occupation.)

quizSo, once the quiz has been created, you would go to the bottom of the left-hand column in your Facebook account. You would click on Create > Ad. When you get to the Detailed Targeting section, you would type “restaurant” in the Include box. Then you would click on Restaurant General Manager.

The preamble in your advertising says that 13.7% of Canadians have a disability that interferes with their daily life. This often includes going to restaurants that do not cater to people with disabilities very well.

So, the quiz users would show how smart they are by answering a number of questions that teach people a bit about how to cater to restaurant customers with disabilities. It they ace the quiz, they could very likely share the quiz with other restaurant managers they know.

Technical help 

There a number of different companies that have the software available for creating a quiz. After lots of study, I decided to use Riddle. They have a excellent PDF file telling you just about everything you have to know about how to create online quizzes.

Important tips

quizThink about the points below. I suspect they will help to make your quiz more effective.

  • Before making your promotion public, time a friend while he/she is taking the quiz.
    • It must take under 3 minutes.
    • If any of the questions are confusing to your friend, change or eliminate them.
  • Have a maximum of 10 questions.
  • After someone answers each question,
    • Set things up that immediately tells whether the answer is right or wrong.
    • At the same time, give the right answer.
  • Immediately after the last question & answer, tell them they can see a PDF file with much more background information about each question.
    • In order to get that PDF file, they will have to fill in a very short form giving their name & email address.  (See more below.)
  • Have a short, punchy title.
    • I used How to Increase Your Customer Base.
    • The headline analyzer page will show you how to create headlines that get more views.
  • Make sure you use an SSL certificate so that people can buy securely from your website.
  • Make sure you track your various answers with Facebook pixels.

To get them to fill in a form and give their email addresses, you can write something like To read a detailed explanation of why each answer is the correct one, enter your first name & email address. We will immediately email you those explanations. You may want to use AWeber to email out those emails. That’s a better alternative than having someone hang around your email box 24 hours a day.

There is good statistical wisdom behind the above points. If you decide to deviate from any of those points, make sure you read over the Quizmaster PDF file before doing so.

Before using Riddle

Before using Riddle or whatever quiz-creation program you are using, create

  • a quiz using Word or Pages
  • a website used to promote the product you want to sell
    • To see an example of such a website, go to bit.ly/disabledpatron.
      • That website is built around an e-book it is selling.
    • On that website, have a PDF file that people go to in order to read the rationale behind the quiz answers. (See next paragraph.)
      • This is part of the email address collecting process.

PDF into web page — I want to have the PDF file in a web page where I’m featuring the product that the quiz is promoting. The PDF file gives more data elaborating on each of the questions.

I use Apple Pages. If you use Word, you will have to adjust the points below a bit. 

Write the information for your quiz user in a Pages or Word File. Create the new PDF file using something like the Pages File > Export.

Then go to PDF2Go to compress the PDF file. Save it using only letter and numbers with NO spaces.

Start by saving it in your Finder as a file with no spaces.  Then drag that re-named file onto the PDF2GO page. Click the Save button at the bottom. Then click green Download button.

Go to the appropriate WPmadesimple.org page for the rest of the instructions.

View the page that has the new PDF link. Click on the link. The target page is the page URL that AWeber will send to the people who filled out the form.  E.g., you would use WPmadesimple to add the PDF file link to this page. Then you would click that link to get to the final PDF page. Quiz users would be willing to give their email addresses so that they could see that final PDF page.

Technical part of creating the quiz

  • Create quiz questions and answers and also the PDF page before starting technical part
  • Go to riddle.com.
  • If you have already signed up, click on the Dashboard link in the horizontal menu.
    • To begin creating a brand new quiz, click Create in the horizontal menu.
  • If you have not signed up yet, click the green button below “free for 14 days”.
  • Click the Create link in the horizontal menu.
  • Click the turquois Quiz icon.
  • Give your quiz a short catchy title.
  • Click on the letter “i” beside image to get the sizes of image from which to choose.
    • Ideally each quiz question will have a picture beside it. Each picture in the quiz must be the same shape. (Landscape, portrait or square.)
    • Choose a picture that relates to your title.
  • Fill in an image, a title that whets their appetite and a description that makes the reader want to learn more.
  • Click Question 1 blue button.
  • Add image to match question if you can.
  • Copy & paste the question from  your Pages file.
  • You can click Add an Answer button for more choices.
    • Have a maximum of 4 choices.
    • Click radio button of correct answer.
    • Click Save button near top middle.
  • Click plus sign below Question 1 blue button
  • Make question and answer #2.
  • Have no more than 10 questions.
  • Quiz must take less than 3 minutes.
  • Click on Score 0% – 50% button.
  • Have maximum of 4 of these buttons.
  • Use interesting language to describe quiz users in each range of number correct.

Immediately after last question…

Insert a lead generation form.

If you are using Riddle:

  • Click on the Collect Leads button after you finished creating the last question & answer.
  • Then click on Lead Generation Form.
  • Click on 2. Connect button.
  • Click the Connect to AWeber button.
  • Click on green button to get authorization code.
  • Paste authorization code into box & click on Connect AWeber.
  • You will get an email saying you’ve connected Riddle to your AWeber account.
  • You will see a number of fields that could go into your form.
  • Click Customize link to do things such as change colour of buttons and fonts.
  • Click tiny blue save button at the top.
  • Click Advanced button to do things such as adding a Facebook pixel.

Notes on the above bullet points

AWeber

  • If you want AWeber to automatically send out your emails as soon as someone has filled out a form, click the Connect to AWeber button.

You can use MailChimp instead of AWeber. I talk about AWeber because it is the only email forwarding company I’ve every used and I am very pleased with it. Besides that, I get a small amount of money if you pay for AWeber.

AWeber is one of the most widely used email automation marketing tools on the market today. If you use the process above, AWeber and Riddle will be integrated to make the whole process of collecting leads and quiz responses an intuitive and quick process.

Form Intro

Here you insert the text you use to entice the quiz taker into giving their email address. Right after the last question they will still be thinking about giving information. That is the ideal place to ask for their email address.

So, have some enticing text in the Description such as this: For more background information behind these quiz answers, fill in the form below. We will immediately send you a PDF form giving you the rationale plus more information supporting each answer.

For the Label you can have a very short title that would draw them into reading the Description. For instance, the italicized text above could have Background Information for the label.

They then fill in the form with their name & email address. That data will go to AWeber. That company will in turn email the quiz user whatever PDF file you gave them.

Campaigns

Campaigns is the AWeber platform that automates sending emails to the right person at the right time.

 

Learn more: How to get started with Campaigns.

Selling a product

In the example on this page we will be earning our money by selling a high quality e-book about serving people with disabilities. To promote the product, a website appealing to the target audience (restaurant general managers) was created.

quizThe financial benefit of a restaurant general manager having the e-book would be increased sales. The manager would use the information for staff training. People with disabilities would have more pleasant experiences in the restaurant. They would frequent the restaurant more often as would their friends and families.

In order to make the website more appealing, it would be about more than just customers with disabilities. It would be about how to increase your restaurant sales. So, the domain name howtoincreaseyourrestaurantsales.com was purchased.

I did not want the website to be only about serving people with disabilities. So, it also includes a section on where to get free software to help people order online and also reserve a table.

I want to send people to the most important page on the website. So, I used an URL shortener to make it easier to deal with. For instance, people can now go to https://howtoincreaseyourrestaurantsales.com/disabilities-introduction/ by simply typing bit.ly/disabledpatron into a browser window.

Attached PDF file

You may be offering the visitors an e-book in the form of a PDF file. That is what I am doing for How to Serve Customers with Disabilities e-book. I will be hosting it in Google Drive.

The e-book was created using Microsoft Word. I took the final version of the e-book and, in Microsoft Word, clicked on File > Save As. For the saving location I chose a folder in Google Drive. For the file format I selected PDF.

 

More information about attaching a PDF file

Adding a link into an AWeber message
Connecting your AWeber account to your Riddle account
Creating messages to be sent to subscribers
Hosting a PDF file on Google drive
Message sent out as soon as email is received

Glossary

List — The way that you differentiate messages and subscribers from others in your AWeber account. For example, you may have a quiz about a pet grooming business. From the quiz answers you could tell whether someone was mainly interested in dogs or cats. So, one subscribers’ list at AWeber would be about dogs and another would be about cats.

Tag — One element of a subscriber’s information. For instance, you might have a quiz about favourite categories of foods. The category could determine what kind of information you would send the each person. The categories would be called “tags”. One person’s tag could be fruit. Another person’s tag could be vegetables.

You would send these tags to AWeber. Then, when the emails are sent out, there could be a different email for each tag.

Read the article about how to use tags with AWeber campaigns.

This is Facebook Advertising to a Special Audience

Facebook advertising, a combination of 3 parameters

Facebook advertisingTo succeed in Facebook advertising, you must have:

    • The right targeting
    • A great image or video
    • Compelling copy.

Targeting

With the right combination of interests, behaviours & location, you can drill down to as low as one person in your target audience.

What you see to the right is part of an infographic called All of Facebook’s Ad Targeting Options. View it here.

Targeting is such a complex concept that you will likely lose money with Facebook advertising if you don’t understand it.

In my case, I want to make a sponsored post in my news feed. It will be targeted towards restaurant managers in Canada.

There were 22,317 people in Canada who had registered “restaurant general manager” as their occupation in their Facebook profiles.

I assumed that the most likely person to be interested in the e-book would be the manager of a restaurant. I also assumed that managers of very small restaurants such as what you’d see in a mall food court would not be interested. So, I tried to exclude people who are interested in fast food.

Note that targeting audiences is not an exact science. Facebook is not able to obtain all of the correct data. So, targeting involves a certain amount of guess work.

Below is how I set up my targeting aimed at people who are most likely to buy an e-book about how to serve people with disabilities.

Sample ad creation with a target market

Facebook advertising

          1. Facebook advertisingI opened Facebook and went to Create > Ad near the lower left-hand corner.
          2. For marketing objective I chose Conversions.
          3. Bottom of page: I named my campaign Conversion to Buy E-book.
          4. For Website I entered URL of page that has the pertinent quiz plus Add to Cart buttons.
          5. Left the Languages box blank unless I would have wanted a language other than English.
          6. Facebook advertisingUnder Detailed Targeting, I typed in restaurant manager. That gave me 3 options. I clicked on Restaurant General Manager. For reasons that seem illogical to me, that restricted my potential reach too much. So, I had to add another option.
          7. In the next box (and MUST also match…), I clicked on Suggestions and then Restaurant Management. That increased my potential reach by a huge amount.
          8. Then, still in the Include section, I clicked Suggestions. Then I selected more examples. If the Potential Reach went down and the Daily Reach went up, I would keep it. Otherwise I would delete the selection.
          9. Facebook advertisingBy including more categories, you increase your potential audience. By excluding, you make it more specific. It is best to keep your targeting narrow rather than being broad. Narrower audiences are often easier to reach on a limited budget and are more likely to convert into sales. However, in my case, I could not find a good reason to logically exclude more potental buyers.
          10. In this section you can also look at your target audience’sinterests. This can be as finely targeted as the type of pages they “liked”.
          11. Also, try to find when they are researching on how to increase customer base.
          12. Clicked Save This Audience.

Budget & daily reach

Up to a point, the more you spend per day, the more people will see your add each day. For instance, my ad could potentially be seen by 71,000 people. With a $2/day budget, an estimated 88 – 460 people per day would see the ad. With a $4/day budget, an estimated 170 – 860 people per day would see the ad.

including & excluding

For my ad, I entered Canada for the location. For what to include in the Detailed Category, I typed in “restaurant manager”. I was presented with 3 choices and I chose “restaurant general manager”. As long as they are the general manager, I am not concerned about their age or gender.

Facebook advertisingThere are other categories that you could include or exclude for your audience. To decide what to do, hover over the letter i. (See graphic above.) That will give you a definition of the category. Use that knowledge to help you decide whether to include or exclude people in that category.

For the Interests category, I excluded people who are interested in Fast Food. My assumption is that most fast food restaurant managers would not be interested in buying our e-book.

A great image

Facebook advertisingA mediocre image will not do. You have to get a picture that tells a story.

There are plenty of free image websites out there. I went to freeimages.com and entered “restaurant wheelchair” into the search box.

There was no free image that was good enough. So, I clicked the Related Images from iStock button and paid $36 USD for it.

A Facebook ad photo should be 1200 x 628 pixels. So,I used the Eyedropper tool to grab some light red from the man’s shirt and resized my photo with two bars.

Compelling copy

When writing your copy, imagine you are writing to one person and one person alone. That will be the person you have found with your target market.

      • Focus all of your attention on that one person and his/her needs.
      • Make sure your text and your image have the same theme.
      • Write text in a grade 5 or so level.
      • Have a clear goal.
      • Have a clear CTA (call to action).
      • Keep it short. Let them know how we can help them solve a problem in a clear, concise manner. When they read it, they should know:
        • What you are offering.
        • How it will benefit them.
        • What they should do next.
      • Go to your Facebook feed and read a bunch of ads for ideas.
      • Run 2 Facebook ads that are identical except for minor changes in text. See which one converts better.

Placement

Budget of $1 or $2/day

Look at case study #4 in the web page of 13 case studies. For $30/month, it cost the company $0.25 to reach each 1000 customers using Facebook advertising. Compare that to $0.75 for LinkedIn and $2.75 for Google AdWords.

In the Placement section of the Facebook Ad Creation page I selected:

      • Automatic Placements
      • A budget of $2 CAD/day. This will rise as I am tweaking the ad.
      • I set the dates to be starting we expect to have the e-book finished. It is set to run for a month. (I will not finish the ad until the e-book actually has been finished.)
      • Bid strategy is Lowest Cost.

Facebook advertising numbers

      • You can have: One image plus text
      • Ad image sizes: 1200 x 628 pixels
      • Text limit: 90 characters
      • Headline text limit: 25 characters
      • Link description limit: 30 characters
      • Maximum amount of text overlay: Less than 20 percent of image.
      • Video aspect ratio: 16:9 (full landscape) or 1:1 (square) (other aspect ratios available for specific campaign types)
      • Maximum video length: 120 minutes

To find the numbers for the less common types of ads, go to the Complete Guide, select the page and Cmd F to search for “slideshow”.

Facebook advertisingIf your image size is not 1200 x 628 px, it will get cropped. So, I resized my photo with two bars.

The link URL was greater than 30 characters. So, I changed it to bit.ly/disabledpatrons.

Analyzing for ROI

To help figure out your Facebook advertising ROI (return on investment), use a Facebook pixel. That is a small piece of Javascript code that you paste into the head section of your key pages. It will tell you how many people take action on your ad and which ad leads to a conversion.

The above does not give enough information. So, read more at Measure Conversions.

Sample Facebook pixel

<!– Facebook Pixel Code –>
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=’2.0′;
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,’script’,
‘https://connect.facebook.net/en_US/fbevents.js’);
fbq(‘init’, ‘322497177900987’);
fbq(‘track’, ‘PageView’);
fbq(‘track’, ‘AddToCart’);
</script>
<noscript><img height=”1″ width=”1″ style=”display:none”
src=”https://www.facebook.com/tr?id=322497177900987&ev=PageView&noscript=1″
/></noscript>
<!– End Facebook Pixel Code –>

Note that the code snippet in orange does not come with your Facebook pixel code. It is one of  nine different standard event codes that is added just before the ending script code (</script>).

This particular standard event code tracks when items are added to a shopping cart. Learn more about standard event codes.

Learn much more about Facebook pixels.

If you are having trouble pasting the code snippet into your head section, read over this Header FAQ.  If Facebook advertisingyou are confused when it talks about “child theme”, enter
“child theme” into the search box and press Enter.

Misc. valuable information about Facebook advertising

  • The higher the relevance score, the lower the cost per click (CPC).
  • If you fail to place the right ad bids, two things might happen:
    • You’ll pay too much for your ad results or
    • Your ads will not get delivered due to low bids.
  • Never assume your advertising strategy is perfect from the beginning. Start with a low dollar amount. Never assume anything. Always test everything.
  • Average cost per click is $0.20 USD in Canada and $0.26 USD in the USA. source
  • Run your Facebook ad campaigns with automatic placements for some time. After you’ve got some results, you can exclude the placements where costs are highest.
    • After you’ve got some results, you can exclude the placements where costs are highest.

The above ad on Facebook was our very first quiz ad. Among other things, that page has the same Add to Cart buttons that you see in the upper right-hand corner of this page.

Figuring out your ROI (return on investment)

 

Go to the Build Your URL page.

 

The information you just read only scratches the Facebook advertising surface. To learn more, read some of the related pages below.

Related pages

5 Ridiculously Powerful Facebook Ad Targeting Strategies
How AdWords Life Events Targeting Lifts Brand Interest 175%
All of Facebook’s Ad Targeting Options
9 Tips to Write the Best Facebook Ads Ever
How refined your targeting can get
Complete guide to advertising on Facebook
4 steps for successful advertising on Facebook
How to target specialized audiences with Facebook ads
Facebook pixel for conversion optimization & tracking
Facebook ad bidding
Facebook relevance score
Checklist of what to include in your ad

 

Online Flyer, How to Create & Double Your Sales

Visual Composer for online flyer

online flyersTo create an online flyer you should use a WordPress plugin called Visual Composer. As you are practicing making the online flyer, you should go back and forth between this tab and the Visual Composer tab.

The Digital Flyers blog post says: Home renovation chain Rona replaced its printed flyers with expanded digital flyers. As a result, their sales doubled at its stores across Canada. So, it may be worth your while to learn how to create an online flyer using Visual Composer.

Materials required

 Single product

online flyerYour online sales flyer should have one product per row. This post tells you how to create the promotion for a single product.

 

sales flyerYou start your online flyer by getting some eye-catching artwork that tells a story. With the image to the right, there is no question that it is about Facebook.

 

online flyerThen use GIMP eyedropper icon to select the precise colour of the word “like”. Click on the icon and then click on the word  “like”. The colour you see in the bottom has the hexadecimal code of #605FD9. That is the main colour you will use for borders & text.

 

Flyer item on scrap paper

Make a rough sketch of your online flyer and then one ad on scrap paper. Include the wording for the text panel.

In this example, we will be selling the creation of a Facebook Business Page at 50% off. For continuity, there will be a similar style to the other ads in the flyer.

I prefer fewer than six  words in the heading. I chose “Facebook Business Page Creation”. Below that there will be 50% off in a  coloured oval. The regular price will have a line through it. Below that will be the sale price. Below that it will tell people to click for more info.

Create your text panel

online flyerYour entire product promotion panel will be 660 pixels wide.  So, using Image > Scale Image, change the image panel to be two thirds of that amount. (It will be 440 x 214 pixels.) Create a new panel that is the same height but half the width. (It will be 220 x 214 px.)

Using the Rockwell Extra Bold font, give it a title like you see in the example.

Complementary colour

online flyerYou need to find the correct colour for the oval. This will be a colour that complements the text.

To find that, go back to the hexadecimal page.online flyer In the Enter Hex Colour Code box, enter 605FD9. That is the colour of the text. Scroll down and you will find the complementary colour. It happens to be #D7D95F.

online flyer

 

In the GIMP toobox, click the double-headed arrow next to the white & purple to move the purple (#605FD9) to the background colour. Click on the purple box and the Change Background Color panel shows up.

Enter D7D95F into the HTML Notation box. Click OK and the background colour now is yellow (D7D95F). Create a new box that is the same size that you want you text box to be.  It will be yellow.

Make sure your foreground colour is purple (605FD9).  Click on the Text Tool, change the font to Rockwell Extra Bold. Set the size to 100 px.

Creating oval with text

Making sure your background colour is set at yellow, create a new box the same size as the text panel (220 x 214 px.).  Setting your foreground colour at purple, the font face to Rockwell Extra Bold and your text size at 100, type the number 50 onto the yellow panel.  Right-click > Merge Down. Setting the text size at 50, make a percentage sign (%) beside the 50. Setting the text size at 25, make the word “off” below the  %.

vonline flyerUsing the Ellipse Select tool, draw an oval around the text. Click within the oval and then press Cmd C. The oval without the rest of the rectangle will exist within your clipboard. Press Cmd V to paste the oval below the headline.

If the oval is too large, click Cmd Z to delete it. Then click on the yellow rectangle and re-size with Image > Scale Image. Paste the new oval back into the white panel again.

Add prices & CTA

Add $37 below $74 and add a line through the regular price as you see in the image below. You can use the Pencil tool to draw the straight line through the regular price.

Add your “click for more info” text.

Completing the ad with borders

The size of the ad will be 660 x 214 px. So, you create a purple rectangle that size and reduce the height of the 2 panels by 4 pixels each. Copy & paste them onto the purple rectangle. That will have you an ad with nice even borders.

These are the steps you take.

  1. Make sure purple is the GIMP background colour.
  2. Make a new 660 x 214 purple rectangle.
  3. Using Image > Scale Image, make sure that both the Facebook image and the text box are 210 pixels high.
  4. Use Cmd C & Cmd V to copy & paste the two smaller panels onto the purpleonline flyer rectangle.
  5. If you have copied & pasted the 2 panels around properly, you will have a completed ad with borders around them.

 

GIMP

GIMP is a free open source program. Programmers from all over the world collaborated to make a program similar to Photoshop.

When I downloaded a free version, it somehow came with lots of advertisingonline flyer that took me hours to purge from my system. For that reason, I suggest you go to the PhotoEditorX website, scroll all the way to the bottom and click the Download Now Button.

You can buy it for $47 USD. Not only do you get GIMP, but you get a large number of tutorials that will teach you how to get the most out of GIMP.

If you haven’t studied the PhotoEditorX tutorials yet, you may want to start with this very quick GIMP lesson.


WordPress authorPeter Enns has been developing websites since 1996. As a VA (virtual assistant), he specializes in new website development, researching and writing blog posts and creating videos for YouTube and as animated GIFs. He is a social media blogger and author of the free YouTube video-creation tutorial called 7 Day YouTube.

tweets


Distorting Picture While Maintaining the Theme

Distorting a photo related to a business

distortingI needed a header for a Greenhouse’s website. I wanted the header to reflect the nature of the business. So, I took a hanging basket of petunias and began distorting them.

The petunias in the centre have very little distortion. The petunias within the letters have no distortion at all. The letters were madedistorting invisible on a white background. Then they were pasted onto part of the hanging basket.

These are the steps necessary for distorting the basket.

1. Erasing the background

distortingAdd an invisible layer behind the picture. Using the GIMP Erasure tool, erase much of the background. Then combine the Fuzzy Select tool to delete more of the background.

2. Ripple effect to distort

distortingUse the Ellipse Select tool to select part of the photo. Then click Filters > Distorts > Ripple. Experiment with the settings and then click OK. Keep one small area of flowers with no distortion. Apply ripples to the rest of it.

3. Increase opacity

distortingOverlay the photo with a white layer. Decrease the opacity. Merge the 2 layers.

4. Change to size of header

distortingMake a new box that’s the exact dimensions that the header should be. Change the latest petunia picture distortingto have the same length. Eyeballing it, select a rectangle from the hanging basket that has approximately the same dimensions as your new box. Scale the header image to be the prescribed dimensions of the real header.

5. Create letters with flowers inside

distortingSelect a large font such as Rockwell Bold. Using black text, key your words on a white background. Combine the Fuzzy Select tool with your Delete key to create invisible letters. Paste it onto an original photo of the hanging basket.

Using the Rectangle Select Tool and the Erasure, crop the letters so that they have a minimum amount of white around them. Paste them onto the image from point #4.

Creating a header in just 5 steps

By distorting a photo closely related to the theme of the website, you have created an appropriate header in just 5 steps. Go here to see the actual header.

Related page

How to Make a WordPress Twenty Sixteen Header

GIMP

GIMP is a free open source program. Programmers from all over the world collaborated to make a program similar to Photoshop.

When I downloaded a free version, it somehow came with lots of advertising that took me hours to purge from my system. For that reason, I suggest you go to the PhotoEditorX website, scroll all the way to the bottom and click the Download Now Button.

You can buy it for $47 USD. Not only do you get GIMP, but you get a large number of tutorials that will teach you how to get the most out of GIMP.

 

Google Maps Added to Your Website

How to embed Google Maps into a website

The following information is from a Google maps support page.

  1. Open Google’s Map page.
  2. Google mapsEnter the destination address in the search window & press Enter
  3. Make sure the map, Street View image, or directions you’d like to embed shows up on the map.
  4. In the top left corner, click the Menu icon ().
  5. Click Share or Embed map.
  6. At the top of the box that appears, click on Embed map.
  7. Google mapsChoose the size you want
  8. Cmd C to copy the HTML embed code
  9. Paste it into the source code of your website


Promote your business for free 

Google My Business is a service Google offers in order to promote their own business. Their website says, “Anyone can use Google My Business for free. Really, we mean it. ”

 

To create a business account:

If you are developing websites for businesses, you often want to give them a Google map for their business. As part of the setup process, your client will have to give Google a verification code.

So, get your client’s cell phone number and give them the heads up that they will be getting a verification code in a phone message. As you are registering the business with Google, give them your clients’s phone number.

Your client should write the verification number down and get it to you as soon as possible.

  1. Sign in to Google My Business.
  2. Click the three dash menu icon Three dash menu in the top left corner corner of the page.
  3. Click  Create business account.
  4. Enter a business account name and click Done.

Related pages

Go to the very important Ultimate Guide to Google My Business page. Learn how to combine Google Maps with Google My Business to get onto page 1 of the Google SERP.

Guidelines for representing your business on Google
Google My Business phone support

To find your latitude & longitude

Go to maps.google.com. Enter your address into search box & press Enter.

Google maps

To find the latitude & longitude of pin on a Google map, Google mapsright-click on the pin & select What’s here. Latitude & longitude will be at the bottom of the page.

 

 

 


video marketingPeter Enns has been developing websites since 1996. As a VA (virtual assistant), he specializes in new website development, researching and writing blog posts and creating videos for YouTube and as animated GIFs. He is a social media blogger and author of a free YouTube tutorial. It’s called 7 Day YouTube and will teach you how to make entertaining videos & animated GIFs.

video marketing tweets

Facebook marketing with a Quiz

Add a quiz to your Facebook feed

This Facebook marketing post tells you how to promote your business with an entertaining quiz in your Facebook feed. The first part of this post will actually be a review of the Quiz and Survey Master WordPress Plugin.

Note that the word “entertaining” is highlighted. That is because Facebook is a social media. If you are using this quiz to promote your business, that must be a secondary property. If the quiz is not primarily entertaining, expect people to stop reading your posts.

The quiz you see in the picture has 15 questions. You can see the actual quiz here. Only one question is of a commercial nature.

How to add a quiz to Facebook

In order to create the quiz, you will need a WordPress plugin called Quiz and Survey Master. The instructions on this page will not help you much at all unless you are using WordPress.

Facebook marketingToday’s WordPress site shows that Quiz and Survey Master has 433 reviews. 398 of them are 5 Star reviews.

Today’s sample quiz has geographical questions about the area in which your business resides. For Facebook marketing purposes, you may ask ONE question that promotes your brand by forcing people to go into your business website to get an answer. The other questions should not be related to your business.

Other questions should be entertaining. Questions in the sample quiz are aimed at visitors to the Okanagan Valley. You can see the sample questions here. To write the quiz you will make radio button multiple choice questions by adding 3 wrong answers to each right one.

Look at the Okanagan Valley Quiz now.

Getting started

Facebook marketingIn your dashboard, click Plugins > Add New. Insert “quiz and” into the Search Plugin box. You will see the QSM logo
beside Quiz and Survey Master. Click Install Now and then
Activate
. Quizzes/Surveys will show up near the bottom of your black column.
Click on Quizzes/Surveys in theFacebook marketingblack column. Another Quizzes/Surveys shows up. Click on it. Towards the top of the page you will see the name of the panel, Quizzes/Surveys. Click the Add New button beside it.Facebook marketing
You will now begin to add questions and four possible answers to each question. You insert the question into the large box at the Facebook marketingtop. Below that you will give 4 different but related answers. Put a check mark beside the correct answer in the Correct Answer column. In the example above the correct answer is 270km.

Quizzes/Surveys

Facebook marketingAfter you have added your questions and answers, you edit the options. Read over the basic settings page. Click 0n Quizzes/Surveys in the black column and then the other Quizzes/Surveys link. It will give you the names of the quizzes you have created.

Notice that each quiz has a different shortcode. If you insert the shortcode into the visual view of a post you are editing, that will become the entire quiz when you view the saved page.

Facebook marketingClick Edit underneath the name of the quiz you wish to edit. That will give you a set of tab links.

In this post, we are talking about a multiple choice quiz with radio buttons. You will click on the Add Question tab, type your question and then click the Add New Answer button. You will add 4 answers for each question. You will click the check box beside the correct answer.

Do what the Basic Settings page says and go to the next link as suggested at the bottom. Whenever you are finished a page, go to the Next link at the bottom.

Below is a list of the tabs that were important for the creation of the Okanagan Valley Quiz used in our example.

Questions

Much of this is discussed several paragraphs above this one. Three things were not mentioned:

  1. After you have added your question & 4 possible answers, click the blue Create Question button to save it.
  2. Three lines above that button is a line called Question Order. Click on the right end of the line and a set of dropdown arrows shows up. Use that to
    change the order of the questions.
  3. To delete a question, click on a question and then click on the red Delete button.

Text

Use this tab to add text before and after your quiz. There are a couple dozen variables with percentage (%) signs on either end.

The beginning of our sample quiz said, “Welcome to your 15 Question Okanagan Valley Quiz”. “15 Question Okanagan Valley Quiz” was the variable represented by %QUIZ_NAMES%. To add that opening line, I typed “Welcome to your ” and then copied & pasted %QUIZ_NAMES% right after it.

Options

Read each option and make changes as you wish. In the section about Facebook & Twitter Shares, click the No radio button.

Do not forget to click the blue Save Changes button when you’re done.

Results Pages

This page will help you with your Twitter & Facebook marketing. Add variable to allow you to share on Facebook & Twitter. You might want to add something like Click to add your results to your %TWITTER_SHARE% page.  This could be follow in the same panel by Click to add your results to your %FACEBOOK_SHARE% page.

Click the blue Save Results Pages button.

Add quiz and begin Facebook marketing

Add your Shortcode to the WordPress post on which you wish to have the quiz. The Shortcode will have qsm and the quiz number inside square brackets.

Do the quiz once yourself. After you are finished, click the share on Facebook link. You may want to edit that post to make sure that people see how to take the quiz. If you are serious about Facebook marketing, you will also want to let people on one of your Facebook Pages know about the quiz.

Other social media

As well as Facebook marketing, you will want to add posts to Twitter & Instagram. Make sure those posts have good hashtags. Make sure the posts get people enthusiastic about taking the quiz.

Support

If the question below is not your problem, you can find support here. Note that the creator of this app is very busy. It could take a day or two to get an answer.

Q. My timer stays at zero after I refresh the page. So, the radio buttons are greyed out and I cannot do the quiz.  What should I do?

A. You should clear your cache. Read how clear the Google Chrome cache. For other browsers you’ll have to do an online search.

The plugin stores the timer info in your browser cache to prevent users from continuously closing and opening new tabs to reset the timer when filling out exams. However, you should still be able to submit the quiz once the timer hits zero.

Q. I’m answering my own quiz. The results page says that I got fewer right than I really did. What’s wrong?

A. In all likelihood, the check mark is missing beside some of your correct answers. So, in the Quizzes/Surveys link in your dashboard, click on Questions and then click on a question to find the edit link. Scroll down to the answer and make sure a check mark is beside each correct answer. If you made a change for any one question, click the Save Question button.

More information

To see lots more information about Quiz & Survey Master plugin, go to their documentation page.

 

 


VAPeter Enns has been developing websites since 1996. As a VA (virtual assistant), he specializes in new website development, researching and writing blog posts and creating videos for YouTube and as animated GIFs. He is a social media blogger and author of the free YouTube video-creation tutorial called 7 Day YouTube.



tweets

Okanagan Valley Quiz

Test your knowledge of the Okanagan Valley

How much do you know about the Okanagan Valley? You have 8 minutes to complete this quiz.

 

 

 

 

 

Welcome to your 15 Question Okanagan Valley Quiz

1) What is the largest community in the Central Okanagan Valley?
2) How many km of SHORELINE are along the eastern shore of Okanagan Lake?
3) How wide is Okanagan Lake at its widest point?
4) What cities are on either end of Okanagan Lake?
5) What is Kelowna’s average daytime temperature in the summer?
6) Which fruits are first to harvest in the Okanagan Valley?
7) What part of the Okanagan Valley has been described as one of the most beautiful parts of the Trans Canada Trail?
8) How long is the usual golf season in Kelowna?
9) The Okanagan Fall Wine Festival in October is ___?
10) The Kettle Valley Railway Trail in Myra Canyon take you  ___?
11) What 3 minerals did the Kettle Valley Railroad ship from the mountains above Kelowna?
12) How many Kettle Valley Railbed trestles were damaged in the 2003 Okanagan Mountain Park fire?
13) How much did it cost to replace all of the damaged trestles?
14) In what year were the Myra Canyon trestles reopened after reconstruction?
15) Where in Kelowna can you feel a live crocodile?


Name
Okanagan Valley

 

 

 

 

 

 

 

Enhance your social media marketing. Learn how to create this type of quiz. There is no charge.

Okanagan Valley