Close Window

Print

Face It! Like Buttons

Facebook's Like button plugin allows your site's visitors to Like your pages. This places a status update on their timeline, which spreads the word about your site.

Having Like buttons on your site's pages can help grow your business.

You can put the buttons anywhere you like on your pages. Simply drag a Social Block to each page for each button (or drag the block to a Sitewide Dot if you want the button on every page of your site).

Creating Your Like Buttons Code

To make the Like buttons work, you need to create and obtain code, which you do in the Like Button Configurator.

Go to the Facebook Developers page and log into your Facebook account. Click on My Apps in the top right. On the next page, click on the green Create App button.

On the next page, click on Use Cases in the left column. Select Other and then Next on the next page. Select Consumer. Scroll to the bottom and click Next.

Enter your App Name and your App Contact Email address. Then select your Business Portfolio, if you have one.

Click on the Create App button.

Enter your Facebook password. Click on the Submit button.

Click on this link to go to Like Button configurator page.

In another window, go to your site's home page and copy the URL in the address bar. Paste it into URL to Like in the configurator. Add a / to the end of it if there isn't one.

Choose the options you want for your buttons. Scroll down the page to learn more about the various options.

Click on the Get Code button.

In the overlay that opens, ensure that you have the correct app opened (if you have more than one). Select it from the menu at the top of the overlay.

Copy the App ID number (appId=) located in the code in Step 2. Paste it into a text document and save it. Note that it may wrap to the next line, so be sure to copy all the numbers.

In Step 3, copy all the code and paste it into a text file.

Click the X in the top right of the overlay to close it.

See the section at the end of this help for details on taking your app live. This is essential, as the buttons will not work until you take the app live.

You're now ready to move on to the next section of this help.

Building Your Like Buttons

Now that you have your Like button code(s), it's time to build your Like button(s) in Face It!.

1. For Facebook Like Button 1, click on Yes. That will open the remainder of the tool for that button.

2. Go to your text document, copy the code for the (first) button, and paste it into the text box for Button 1 in Face It!.

3. If you want the button to be for Page Likes, select Page. If you want the button for Site Likes, select Site.

If you plan to have more than one button on your pages, repeat the process above with Facebook Like Button 2 and 3.

Once done, click on the Face It! button at the bottom of the page to save your settings.

Tip

• Where you place your button(s) is important.

  A good place for Site Like buttons is either above or below your vertical NavBar (or both). Why? Because navigation is usually considered part of the site, rather than part of a page. So a visitor would be more likely to Like the site from the left column.

  The end of the Content Column, however, is an excellent place for a Page Like button. (If you also choose to add Commenting, add that feature after the Like button and just before your Socialize It! button bar.) Your visitor will have just finished reading your OVERdelivering, high-value content. That's the best time for a visitor to Like and/or comment on a page.

  The Extra Column is an alternate good option for a Site Like button if you're using that column for mini-site navigation.

  Although you have the option to put any of the three buttons at the top of the Content Column of your pages, it's not the best location. Your visitors have yet to read your content, so they don't know if they want to Like it.

Taking Your App Live

Due to privacy regulations, Facebook now requires a review of most apps. The Like buttons app does not require a review, but you must complete some information fields before you can take it live.

The instructions below will walk you through the process.

1. Click on My Apps in the bar at the top. Click on your app.

2. In the left column, click on Settings > Basic.

3. Display Name should be showing the name you just gave to your app.

   If it doesn't show the right name, select the correct app from the menu just below the "Meta for Developers" logo in the top left. (If this is your first app, it will be correct.)

4. Go to your site's privacy policy page in a new browser window or tab. Copy the URL from the address bar.

   Paste it into the text box for Privacy Policy URL.

   You must enter the URL before you can take your app live.

5. In your Privacy Policy page (after you've activated the GDPR widget on your site), scroll down to the How You Can Correct or Remove Information section. There are two links in that section. Right-click on the second link and copy the URL. Back in Facebook, paste that URL into the User Data Deletion text box, then select Data Deletion Callback URL from the menu.

   You must enter the URL before you can take your app live.

6. Upload an app icon, 1024 x 1024 pixels, if desired. This is useful if you have more than one site, as the icon associated with each site will also appear in the comment moderation tool, if you use Facebook comments.

7. Choose the category that best suits your site's niche.

8. Complete the Data Protection Officer Contact Information.

   You must complete this section before you can take your app live.

9. At the bottom, click on + Add Platform. In the overlay, click on Website, then click Next.

10. Go to your site's home page in another window/tab, highlight the URL, and copy it. Paste it into the Site URL text box.

11. Click on the Save Changes button.

12. At the top of the page, click the App Mode slider (just to the right of the App ID) to set it from Development to Live.

© and ™ SiteSell Inc. All Rights Reserved.

Close Window