Facebook Specials & GCs Application

If you are not logged into your SpaBoom account, please go to SpaBoom Login to log in to your account.

Already have Facebook Integration turned on? Just Authorize The BoomTime App Using This Link

This feature is part of the suite of Facebook integration options to engage your fans and potential customers. It creates a new "tile" in your Facebook business page wall, and is used for direct access to many of the features available on your website through the boomtime account 

This is how it will look once installed, from the perspective of a Facebook Page Wall view (note the tile that says "Specials & GCs"):

Installing the Facebook Specials & GCs Application

Go to your Marketing Tab, click on Social Media in the Tasks list on the left and then click Facebook Settings on the task list to the left.
First, you'll turn on Facebook integration if it is not already configured. See our help topic on Facebook Integration for details.

Once configured, you'll see a page with four main sections: Facebook Settings, Facebook Insights, Welcome Tab, and so on. Look near the bottom for "Specials and GCs Tab":

Integrated/CMS account view:

Website account view:

To install the app to your Facebook page, just click this link: Install BoomTime Website App

Once installed, you'll see the new tile on your Facebook Page wall, like above. Click on that box and you'll see a view something like this:

Your clients can view your specials, take a peek at your services list, like this:

Or, they can buy Instant Gift Certificates. The purchase page looks similar to this, with nicely simple formatting for ease of use:

Experts Only: Making Pages Look Purty

Let's say you've enabled a few pages that have some tabular photo spreads or some other kind of layout that looks a little wonky in the Facebook application. You can fix things so that it looks better, but you'd better be comfortable with CSS and editing your HTML directly. Otherwise our friendly Support folks will help - just get in touch with us!

What we're going to do is assign something called a CLASS to the parts of the page that are misbehaving, and then we'll tell that CLASS to behave better.

Our example problem is photos that you've put into a grid but now they're too wide on the Facebook app view.

  • First, find the page that isn't looking so pretty in your website editor in your account, and turn on the HTML button.
  • Click on the HTML button on the page's content so you can edit it directly. Find the photos. They'll look like this:

    <div boomtime="photo_left" id="photo_content_57" max_width="150"><img src="http://www.athenajeansalonandspa.com/img/61175-w150h234.jpg" mce_src="http://www.athenajeansalonandspa.com/img/61175-w150h234.jpg" height="234" hspace="2" align="Left" border="0" vspace="2" width="150">
  • So we are going to make only two photo show up per line, which means that every other photo we will force a break using our code. First we assign a class to every other photo. Use the class called "photobreak" just for consistency, and add the bolded text below to the part that starts with "div boomtime" - only to every second photo:

    <div boomtime="photo_left" class="photobreak" id="photo_content_57" max_width="150"><img src="http://www.athenajeansalonandspa.com/img/61175-w150h234.jpg" mce_src="http://www.athenajeansalonandspa.com/img/61175-w150h234.jpg" height="234" hspace="2" align="Left" border="0" vspace="2" width="150">
  •