livebooks blog

The update for buttons is live on all liveBooks websites as of the 17th of September. This great face lift now gives buttons even more room for customization: introducing the color change on hover. It’s a small update which goes a long way: it creates a wonderful dynamic for your website and adds to the interaction of your visitors with your website. More »

While growing your portfolio may be a daily task, updating your website tends to get postponed. Because this is a common occurrence among many of our clients, we’ve added a number of features to ensure that your online presence mirrors your offline hard work. You won’t have to be a trained magician for this one – you will be able to make your pages invisible with one easy tap of your finger.

So far we’ve covered the tools that allow you to add contributors to manage your content, the ability to duplicate pages or blocks as well as your Save Design tool, just to name a few. In this week’s article we will focus on your Work in Progress pages and the feature that makes them truly awesome: keeping them invisible from your website until they’re ready to be published.

Any new page that you add to your website can be set as invisible. All you need to do is:

1. Go to your Content editor and click the gear icon attributed to the page you want to set as invisible.
2. When prompted with the page settings pop-up, disable Page Visibility.
3. The page set as invisible will now be displayed as orange and it will have the Invisible attribute above its title.

Now you can work on that page while still making changes to the rest of the site and publishing. While the page is set as invisible it will not appear on your website. When your page has the content you want, simply toggle back its visibility and hit Publish! Now your website will have a new page with awesome content that you can share on all your social media platforms.

Pro tip: When you toggle visibility for a page that has an Legacy URL, the redirect will be deleted automatically. Before making a page invisible make sure you’ve copied the redirect link so you can add it again once the page visibility is turned on. This will ensure that all legacy links will properly send your visitors to your new pages.

Your website is the online extension of your brand, and as such, it should follow the same visual guidelines as your entire business. While your logo is your own trademark that distinguishes your brand from your competitors, it alone does not tell your business’ story, its values nor does it depict the entire picture.

The tone of your business voice is an important aspect of how your market relates to you. Your marketing campaigns and how you choose to run them are indicative of your business’ core values. The fonts you use when addressing these messages can become trademarks of your brand. And the colors – think about the Coca-Cola red – not only is it unique, it’s also recognized by millions of people all around the world.

Colors matter when you create your brand, just as much as they do when they accompany your services and products. It is the fastest way to create a connection between your brand and your audience. This precise reason is why the liveBooks website templates can be customized beyond their initial state.

Let’s focus on adding borders to the images you upload on your website. These borders are a great tool to use that give each image its own presence on your website. They can be white and thin, which goes well with any website that has a color background, they can be colorful and bold, or anywhere in between.

There are two ways you can go about to adding borders to your images.

1. Sitewide borders – In your design editor go to Sitewide – Images. Enable Show borders and define their color, opacity and width. This will add borders to all images on your website. 
2. Gallery borders – In the design editor go to the page with the gallery or image you want to customize. Scroll down to the image settings and enable borders.

If you added site-wide borders and want to disable them on specific pages, you can do so by following the second set of commands. When you’re happy with the result, publish your page and the changes will instantly become visible.

When changing your colors you have to make sure you’re picking the right one. Going solely on visual similarity does not guarantee you’ve made the right choice and you need consistency in your brand. One reason you might not pick the right color is your monitor’s colors: sometimes it’s calibrated and it shows the precise colors you need, but most often it’s not.

That’s why you need to check the HEX code of your brand colors and add it when using the design editor. If you know the name of your color, you can find its HEX code here. In our design editor you can either use the HEX code, or the RGB (red-green-blue) inputs for your colors.

So what are you waiting for? Give this feature a try! Remember, you can always save your design before making drastic changes to your website, so your work is always safe.

Don’t have a website yet? We offer a two week free trial for all our websites, so you can play around our editors and create the perfect website for your business.

If your business promotes goods and services that are addressed solely at the adult audience, you should give an extra thought on who visits your website. Though the matter of age restriction online is a subject of ongoing debate, our suggestion is to view your website as you would your physical store.

Let’s say you are in the artisanal distillery business. Would you feel comfortable having a 12 year old roaming around the place? Or perhaps you are a photography artist who just opened a show of your latest bridal boudoir images. Our bet is, for both situations, you would feel more at ease if any minor visiting your business would be accompanied by an adult. And since you can’t control who reaches your adult-targeted website, the age restriction pop up comes in handy.

3 outcomes of your age restriction pop up

1. Your visitor is too young to read. This, by any mean, doesn’t mean they’re not tech-savvy. They can go from link to link until they reach your child-sensitive website. The age restriction pop up will prevent them to enter your website unless they click the right answer. There’s one in two chances they get it right. If you phrase the question right and link the redirect to a kid-safe website, chances are you successfully guide your potential visitor to another page that is better suited for them, with very little chance they will go back to your page to choose the other option. We’ll come to setting up the pop up later in the article.
2. Your visitor does know how to read and is thought not to lie online. This is the best situation you can hope for. It’s when your visitor has been given guidance either at home or at school as to how to behave both online and offline. This implies that your age restriction pop up will be answered truthfully and the kid will not enter your website, instead they will be redirected to another website.
3. Your visitor read your pop up and decides they will enter regardless. It is an outcome you might encounter and you’ll probably never hear about it. This course of action is beyond your control and there is very little, if anything, to do about it. It will be your choice if you wish to set up your galleries with a disclaimer as the first image, or if you would feel that a disclaimer should serve as the subtitle of your pages. This will be your personal choice and should be considered when it doesn’t interfere with your brand’s overall concept.

Your age restricted website as seen by Google

To see if your website should have an age restriction pop up, you can view Google’s policy on adult content here. This guideline will shed some light as to what is not considered child friendly. One thing to take out of it is that your age restriction will not decrease the rank of your page.

How to set up the age restriction pop up on your website

• In your account, go to the Settings page (gear icon)
• Under Business Type, select one of the four types:
  1. Brewery
  2. Distillery
  3. Specialty Foods
  4. Winery
• Log out of your dashboard and log back in
• Select Settings (gear icon)
• Rollover Extras under the Settings header
• Select Age Verification under Extras 

Setting up the proper pop up

Now that age verification is enabled on your website, you can go ahead and set up the message that will pop up on entry, as well as the redirect link.

First, in the Age Verification tab, you must enable it.

1. Fill in the title – this can be the title of your page or any other message you wish to convey to your visitors.
2. Fill in the prompt question – the answers your visitors will be given are Yes (which allows them to enter your website) and No (which will automatically redirect them to another website of your choice).
3. Add the Under 21 redirect URL – our advice is to send your underage audience to a website that is targeted at them and, at the same time, draw their interest so that they will not return to your page and choose the other answer.
4. Publish your changes to add age restriction to your website. To disable this feature, simply toggle the age verification feature.

When age verification is enabled, your pop up will appear regardless of what link your visitors use to enter your website.

Age verification is just one of the many features that make liveBooks a reliable platform for your business website. Not convinced? Head over to our website and start your free trial today!