Resolve

A collaborative online community that brings together photographers and creative professionals of every kind to find ways to keep photography relevant, respected, and profitable.

Have an idea for a post?

Want us to find an answer to your question? Interested in becoming a contributor?Email us

‹ Home

Posts Tagged: liveBooks

website homepage

If you’re in the process of building a website for your business or redesigning your website, the homepage is typically the first place you start with.

Your homepage needs to provide visitors with a quick rundown of your business; think of it like your elevator pitch. Who you are, what you do, and why they should be interested. It’s important to sum up the important parts of your business and to “hook” the users so they want to keep scrolling and check out every page.

Need a little guidance? Here’s a brief checklist of the top things every website homepage should include.

Logo

First and foremost, give your website a piece of your brand identity with your logo. Your business logo needs to live at the top of your homepage in order to stay top of mind to your visitors.

Logos let consumers know more about you and gives them something to remember and identify your brand with down the road, so it’s an essential part of your homepage that shouldn’t be overlooked.

Give your brand identity and website some thought to figure out the best placement for your logo — maybe it’s the top corner, maybe it’s front and center. Either way, make sure it leaves a lasting impression on your website visitors.

Introductions

This is your chance to quickly communicate to a new visitor who you are and what you do. While you can save the details and backstory for your About page, the intro on your homepage should hone in on exactly what you want your brand to represent — this is where your tagline or brand statement should go.

Include a heading and a subhead to give consumers a bite-sized idea of what your business is, who it’s for, and what they can get out of it.

Navigation

Your website should provide a good user experience, and this is especially important when designing your navigation menu. The navigation on your homepage should feel intuitive; it should flow easily, guide visitors from page to page and take them where they need to go.

The navigation bar is often the first place users check out so they can get a feel for what the rest of your website has in store for them. Be strategic when thinking about how you want your navigation bar organized.

Products/Services

You will likely have a separate page that lists your products or services and into more detail, but the homepage is your chance to highlight a few of them.

If you have an online shop, this is where you can feature your recent products, a new collection, or seasonal picks. Use this page to draw them in and give them a sneak peek of your product offerings.

If you have a service-based business, use the front page to talk a little bit about each service you offer, and link it to the page that goes into more detail.

Contact Information

Once potential customers or clients have scrolled through your homepage, have a solid idea of what your business is, and are attracted to what you offer, they will be looking for a way to contact you.

Whether you have a brick and mortar address or you solely operate online, include your contact information on your homepage.

As a business, the last thing you want is for a potential client or customer to struggle to find a way to reach you. Make it easy for the user by having a space on the homepage clearly dedicated to your contact information or including a button that links to your contact page.

Start Designing Your Website Today!

liveBooks offers mobile-responsive, customizable website templates for creative professionals and businesses worldwide.

The best part? Our website designs are ready for search engines and look great on any mobile device!

We’ve also got a top-notch support team who’s here to help you every step of the way. Start for free here.

How to Know If Your Website is Mobile Responsive

Within the last few months, Google has announced that it will be changing its algorithm to rank mobile-optimized websites higher than ones that aren’t as mobile-friendly. This will be taking effect next month, and if your business’ website isn’t prepared, you could see a significant drop in website traffic.

And this isn’t just a big issue for SEO: more than half of all web users today are browsing websites on mobile devices. This means your overall user experience for your online customers matters now more than ever before.

If you aren’t sure if your website is up to the proper standards, here’s how to check for mobile-responsiveness.

First: Understanding Mobile-Friendly Design

Have you ever stumbled across a website on your phone or tablet that looks like a tiny version of what it looks like on desktop? Many websites that are not mobile-friendly require users to “zoom in” (as if you were expanding an image on your phone) in order to read information or make the buttons appear big enough to click on with a finger.

In contrast, websites that are mobile-friendly or responsive have a unique design that fits well on smaller devices. The text will appear at an appropriate size, the buttons are big enough to select, and the navigation menu is clear and easy to use without you having to search for it.

Using Google’s Test

One of the easiest tools available out there is the Mobile-Friendly Test provided by Google. Simply enter your website’s URL and the test will be completed within a minute or two.

Then you’ll see “a screenshot of how the page looks to Google on a mobile device, as well as a list of any mobile usability problems that it finds.”

If your results say that it has no loading issues and is mobile-friendly, you’re good to go!

Or Try it For Yourself

Another way to test for mobile-responsiveness is to visit the website on your own mobile device(s).

Try loading your website on your iPhone or Android device and see how it functions. Can you explore the website easily? Does it load quickly? Is the text legible?

You might even double-check by borrowing phones or tablets from friends or family to see how your website appears on different devices and browsers.

What to Do if Your Website Isn’t Responsive

Whether you had less-than-stellar results on Google’s mobile test or you saw for yourself that your website is indeed not mobile-friendly, no need to panic!

Instead, work on tackling the problem at the source. Start your free trial on liveBooks today! liveBooks offers mobile-responsive, customizable website templates for creative professionals and businesses worldwide.

The best part? Our website designs are ready for search engines and look great on any mobile device!

We’ve also got a top-notch support team who’s here to help you every step of the way. Start for free here.

June 4th, 2018

How to Protect Your Images

Posted by liveBooks

Piracy and image theft can be an issue among content creators and most of the time it’s only one right-click away. One way of ensuring ownership on your images is adding watermarks on each item before uploading it online. While this is a common practice among some artists, we understand you may be hesitant to use them. Here are the pros and cons of using watermarks on your online portfolios.

The easiest way for someone to take your photograph is to right-click on it and save the image on their computer or to right-click and copy the image address. But what if we could disable right-clicking on all your images?

The way to disable right-clicking on liveBooks requires utilizing the HTML content block feature. And it’s easy! All you have to do is copy and paste a HTML snippet that will be provided in this article into a HTML block from your content editor and publish that new change. You can disable right-clicking on images on your entire website or on specific pages.

Follow these instructions to disable right-click on images throughout your entire website:

  1. In your Content editor, under Global Content, select Footer. 
  2. Create an HTML content block within the footer.
  3. Copy and paste this HTML snippet to the HTML content block you created: <script type=”text/javascript”>
    //<![CDATA[
    /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    Disable context menu on images by GreenLava (BloggerSentral.com)
    Version 1.0
    You are free to copy and share this code but please do not remove this credit notice.
    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
    function nocontext(e) {
    var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
    if (clickedTag == “IMG”) {
    alert(alertMsg);
    return false;
    }
    }
    var alertMsg = “Image context menu is disabled”;
    document.oncontextmenu = nocontext;
    //]]>
    </script>
  4. Save, publish and you’re done!

If you wish to only add this feature to a specific page, follow these instructions:

  1. In the Content editor, click into the Page you wish to add this feature to.
  2. Create an HTML content block to this page. 
  3. Add the following HTML snippet to the HTML content block you created: <script type=”text/javascript”>
    //<![CDATA[
    /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    Disable context menu on images by GreenLava (BloggerSentral.com)
    Version 1.0
    You are free to copy and share this code but please do not remove this credit notice.
    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
    function nocontext(e) {
    var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
    if (clickedTag == “IMG”) {
    alert(alertMsg);
    return false;
    }
    }
    var alertMsg = “Image context menu is disabled”;
    document.oncontextmenu = nocontext;
    //]]>
    </script>
  4. Save, publish and you’re done!

Now when you or anyone else will right-click your images, a notification pop-up will show up instead. It will look something like this, depending on the operating system installed on the visitor’s computer, phone or tablet. (For phone or tablets, these chances affect the action generated by long pressing on your images.)

The default message when trying to right-click an image is ‘Image context menu is disabled’, but you can replace it to whatever you like in the code above. If you prefer not to show the alert box at all, just delete this portion of the code:

alert(alertMsg);

return false;

}

}

var alertMsg = “Image context menu is disabled”;  

Our support specialists are happy to help you make any changes you want on your liveBooks website. Book a call, send an email or chat directly from our website!

Design and layout consistency matter when presenting your work to your online audience. Whether they are new visitors checking out your portfolios or long established fans of your work, roaming around your website should feel like a cohesive experience. The unification of style, colors, visual elements and tone of voice in your writing are elements that define your brand, albeit a small part of it. Check out this article for more details on how to enhance your brand.

So how does duplicating a page help your brand? When you duplicate a page, you create an exact clone of it on your website. This means that all the structural elements and design specifications will be transferred over to your new page. So will all your content from the duplicated page; all you will have to do is replace the copies with your content of choice.

We encourage all clients to add features and experiment with all the design editor has to offer. In this respect, we find page duplication an important feature for all our clients, because when you’ve come to the ideal setup for your page, all that’s left is to duplicate it, fill in the content and publish your work.

We make page duplication sound very easy, and it is: right now you are four clicks away from creating a new page with the same structure. Before we start, make sure your targeted page is set to visible. You can change this setting back after you’ve duplicated it.

  1. First click on your content editor to see the list of all your pages.
  2. Select the gear icon on any page that you wish to duplicate.
  3. In the black modal popup, select the blue Duplicate page link. 
  4. Select the green Yes button when prompted. Your new page will appear right under the target page and it will have the same title. 

That’s it! Now all you have to do is change the content in your new page. These two pages are not synced, so should you make any structural or design changes in one, the other will remain the same.

Don’t have a website to try out this wonderful feature? You can sign up for a free trial today!

FREE EBOOK

Learn how to engage your audience and
build brand recognition across social
channels. Learn more...

Free eBook

Search Resolve

Search

READY TO GET STARTED?

Pick your package. Pick your design.
No credit card required.

Start 14-day Free Trial
Compare packages