Introducing HoneyPot Spam Protection

January 30th, 2014 by Infront Support

Update: New spam protection option on your forms.

Here are the differences between the two options and how to enable them.


reCAPTCHA is a program that can generate and grade tests that humans can pass but current computer programs cannot. For example, humans can read distorted text as the one shown below, but current computer programs can’t. For some, this solution is sufficient but we have found that it is not especially user friendly. Thus, the second option, HoneyPot.



HoneyPot is a hidden (invisible to the general user) form field on your form. This form field is meant to be blank. Because the field is hidden a general user will not fill it out and the form will submit successfully. A spambot* however, will see this field and will attempt to add text. But, upon submit, the form will recognize that there is text in the field and will prevent the submission.

What about screenreaders? To stop folks with screen readers from falling into the trap, we added a label to that field that says “Please leave this field empty.”

How to enable one or both spam protection services on your forms:

form settings

* Spambot: A spambot is an automated computer program designed to assist in the sending of spam. –

Lightboxes Arrive in SiteWorks

May 27th, 2011 by Infront Support

We have just added an exciting new feature to SiteWorks… lightboxes! You’ve seen them before. When you click a link a box pops up overlaying the page content. You can now easily add these anywhere on your site and create content inside the box just as you do in a page.

To get the details on how to use this great new feature, check out the Lightbox How-To.

Adding A “Lightbox” to your web page.

May 27th, 2011 by Infront Support

A “lightbox” is an effect that pops a small window of content in the middle of your web page. The background behind the window dims, creating a visual highlight of the contents in the window. It’s a striking effect that can enhance your user’s experience with your website. We just published a free upgrade to SiteWorks that allows you to easily create content on any of your web pages. Follow these simple instructions.

1.) Add the lightbox component to the page.

2.) Enter text in the HTML ID field. This is the text that we will be using in the next step to create the link to open this lightbox. Enter text or an image in the content area of the lightbox component. This is what will be displayed when your user clicks the link.

3.) Create a link in one of this pages content areas to the lightbox. Enter the text you are linking, highlight it, and then click the link icon.  In the link’s general properties, in the URL field, enter the HTML ID that was created in step 2, proceeded by the # sign. In this  example the Link URL would be ‘#Lightbox1′.

4.) Set the class of the link. For this link to be identified as a lightbox link we need to set its class to ‘lightbox’. Go to the advanced tab and in the classes box enter lightbox. Click Insert

4.) Publish the page and then View the page.  Click the link and view the lightbox pop up in all its majesty.

New Media Player for the WYSIWYG Editor

March 10th, 2011 by Infront Support

The SiteWorks WYSIWYG editor just got an update with additional support for media files. Now, when you choose Flash in the Embedded Media tool and link to an .flv, the editor automatically adds a robust video player to the embed code with many standard features including scrubbing, pause, volume and full screen capability.

The new Embedded Media tool also supports HTML5 video and has improved support for iFrames, which is the way YouTube is currently having users embed it’s video files.

The editor still supports only these file types: gif, jpg, png, bmp, swf, dcr, mov, qt, ram, rm, avi, mpg, mpeg, asf, flv. This means some newer video formats will not be able to be uploaded to your library. However, if you have video hosted elsewhere, such as a streaming server, you can link directly to it using any of the embedded media options in the editor.

Watch for an upcoming Tips & Tricks post with more details about using the Embedded Media tool.

We’re getting SASSy

March 8th, 2011 by Infront Support

Working with Ruby on Rails, it was only a matter of time before we looked into SASS for generating our CSS. And boy, am I excited!

When we talked about moving to SASS with our development team someone said, “So it does what I always thought Cascading Style Sheets would do?”, which seems to me like a pretty good way to sum things up. It’s features make it much closer to the way other programming languages work and it makes a whole lot more sense in a development environment.

At it’s basic, SASS allows for reusable code. It supports the use of variables, mixins (aka, reusable code snippets), class inheritance, nesting and functions, amongst other things. It makes CSS much easier to read and, most importantly, to maintain.

We will be writing SCSS, the newest version of SASS, which uses the same syntax as standard CSS, making it easy to integrate with our older code and workflow. At the end of the day, the SCSS code we write is output to standard CSS, which is what websites use.

Here’s a little snippet of some recently written SCSS:


a {
color: $rust;
text-decoration: underline;
&:hover{color: lighten($rust, 15%);}

And the CSS that it outputs

a {
color: #763901;
text-decoration: underline;

a:hover {
color: #c25e02;

Not a whole lot to look at, but as you can see, I can reuse the hex color for “rust” over again without having to copy/paste or remember that funky number. I can also use the function “lighten” to create a color that is close to rust, without having to open Photoshop and choose another hex value. To simplify things even more, I can nest the hover state so the code is much more concise.

So what does this get us? Hopefully, a happier, more productive work flow and sites that are much easier to edit. Aren’t you excited too?

SiteWorks Interface Updates

November 16th, 2010 by Infront Support

A couple of updates have been made to the SiteWorks UI.

The inclusion of Component Icons in the Pages list, to indicate the Components being used on that page.

Page Components Icons

The ability to choose how your Site Name will display in your site’s Title Tags.

This feature can be found in the Dashboard under Site Settings.

SiteWorks Title Tags

The Title Tag will appear at the top of the browser window and will display similar to the examples below, depending on your settings.

Title Tag Examples

Introducing 301 Redirects

November 11th, 2010 by Infront Support

We recently added a great new feature to SiteWorks: the ability to create 301 Redirects.

What is a 301 Redirect?

A 301 Redirect allows you to move a page without losing the original page’s Search Engine ranking.

For example, if you have a page called Page1 and you want to rename it to Page2, the current Google ranking of Page1 will be lost. When a user finds Page1 in their Google search, it will come up with a 404 – Page Not Found error and Google will eventually remove this page from any search results.  Meanwhile your new page, Page2, will have to crawl up the Google ranks, just as Page1 had done way back when.

Rather than lose the great Search Engine status you have achieved, you can now create a 301 Redirect.   It allows you to forward the old URL to the new URL, thus telling the Search Engines, and subsequently the users that find your old page, where this new data can be found.  Eventually the new page will crawl up the Search Engine ranks, but in the meantime, the Search Engine ranking for your old page content will remain intact.

How do I create a 301 Redirect?

In SiteWorks, head to Site Settings under the Dashboard tab.  In the left side navigation, you will see a tab for 301 Redirects.  This is where you will create all of your 301 Redirects, and there are two ways to do this.

If you have a lot of pages that need to be redirected, you can create a CSV file with all of the new and old URLs separated by commas.  The 301 Redirects page has a link to our sample CSV file, which you can download and use to create your own in order to prevent any errors when you upload it.

If you only have a few pages that you feel need to be redirected, you can manually enter the old URLs and select the new URLs in your SiteWorks site.

One thing to note here, when you enter your old and new URLs, whether in a CSV or manually, you need to remove from the URL and be sure the URL begins with a slash (/).

When can I remove 301 Redirects?

It is recommended that you leave them there forever.  Ideally, Search Engines will have reindexed your content after a few months, but in case they have not, or if there are other websites that link to your site, it is good practice to leave the redirects in place. By leaving them you are not hurting anything, other than possibly having a lengthy list on your 301 Redirects page in SiteWorks, and are ensuring that Search Engines and users will not encounter broken links to your site.

At the end of the day…

301 Redirects are most useful when you first launch a new site, in order to keep the Search Engine status of all your pages intact.  However, as you continue to update your site, be sure to add 301 Redirects any time you move a page within your site.  Organic Search Engine rankings take a long time to achieve and are a valuable marketing tool that you do not want to lose.

Creating External/Redirect Links

March 30th, 2010 by Infront Support

External / Redirect Links

In addition to creating navigation links to your website’s content pages, SiteWorks 3 now gives you the ability to create links to your library documents (such as .pdf, .zip, and .doc files), and even links to outside sites directly within your site’s navigation.

To create these  links either create a new page in the desired section, or edit the page settings for an existing page. When you do, you’ll notice two new check boxes as seen below:

When you select the “Redirect Page To URL” option, you will notice the friendly URL text box is replaced with a URL text box as seen below.

Now you can enter whatever website address want inside the URL field, and the page will appear in the navigation section where you created it. However, instead of linking to a standard SiteWorks 3 page, the link will redirect to the website address you entered.

You can also easily add links to documents from your Library. Just click the “Pick File” link and you’ll see the document manager appear, simply check the document you want to link to, and click “Insert”.

If you no longer wish for a page to be an external link, simply deselect the “Redirect to URL” check box.  At this point, the friendly URL box will reappear, and you can reassign the friendly URL (please note: The friendly URL will be automatically created for you if you don’t manually create one.)  Once done, make sure to publish the page.

Remember, if you choose to redirect to a URL, any content on the page will be ignored, but not lost.  Rather than loading the specific page, the specified URL will be loaded instead (also known as page forwarding).  If you ever want to revert back to using the content on the specified page, you can do so by using the same check box.

Open In New Window

In addition to creating pages to act as redirect links, you can also have any page now open in a new tab or window. Just click the “Open in New Window” check box and publish the page.  When someone clicks that link, it will create a new tab or window (depending on their browser settings).  This is especially useful when linking to a third party site.  This way you can link to another useful resource, without the viewer ever having to leave your site.

Rule of thumb: If you link within your website, keep the link in the same window.  If you link outside of your website, open in a new window.

SiteWorks 3.1.2 – Google Site Verification

February 20th, 2010 by Infront Support

You can now add a Google Site Verification Code meta tag to your site. Simply go to your Site Settings, click on Google Analytics, and paste the verification code into the Google Site Verification field found in the Site Settings.

For more details follow our step-by-step post.

Google Site Verification Code

February 20th, 2010 by Infront Support

Google offers webmaster tools to people who manage websites. These tools are designed to help your website perform better with Google’s search engine.

Once you’ve signed up and added your site, you need to add some code to your website’s home page. This let’s Google know that you do indeed have control of the website.

The first option to inform Google that you have control over a site is to add a META to your home page. We’ve updated SiteWorks3 to allow you to simply paste in the site verification code and it will show up on your home page.

Google will provide you with a line like this:

<meta name="google-site-verification" content="T4V-VUpqeRDfSTh4d47xFeLfmF7Tlvry-wKvBJzpFVg" />

Simply copy the the content of that meta tag without the quotes (T4V-VUpqeRDfSTh4d47xFeLfmF7Tlvry-wKvBJzpFVg, in this case), then:

  1. Log into your SiteWorks 3 Admin Dashboard
  2. Click Site Settings
  3. Select Google Analytics
  4. Paste the value into the Google Site Verification field
  5. Save the Settings
  6. Go back to Google’s Webmaster Tools
  7. Click the “Verify This Site” link