Brightpearl Blog

Using custom fonts on your Brightpearl website

Traditionally, only “web fonts” have been available to use on web pages; those fonts that are present on everyone’s computers. The old chestnuts like Arial, Courier, Times New Roman and so on. A custom font face can really help define your brand – and distinguish you from other sites.

There are a number of different ways to use custom fonts, ranging from embedded font files through to javacript rendering. Typekit.com is a javascript method, replacing your default font design with one from their selection of thousands. They offer a free plan, too.

Here’s how to use custom fonts on your Brightpearl website:

1/ Make sure you’ve got a Brightpearl website on your account. Watch the website playlist on our Youtube channel if you’re not familiar with how websites work on Brightpearl. Even if you’re on a paid account, you can trial the website module for free!

2/ Sign up for a TypeKit account at www.typekit.com

3/ Copy the javascript code from your Typekit account

Copy the Javascript code

Copy the Javascript code

4/ In Brightpearl, go to the website dashboard, then Snippets. If you’ve already got a _HEAD snippet, then add the javascript code to that. If you don’t yet have a snippet with the code “_HEAD” (you need the underscore at the start) then create one, and paste in the javascript code. Read more about Snippets here.

Paste the javascript into _HEAD snippet

Paste the javascript into _HEAD snippet

5/ From the TypeKit popup editor, choose the CSS hooks that you’d like to apply custom fonts to. Typically this is just headings; the two CSS hooks that Brightpearl output for you on every website, regardless of theme, are pageHeading and subHeading. Of course you can add extra CSS hooks into template content too if you’re comfortable with HTML.

TypeKit editor

TypeKit editor

6/ Publish the font kit and check your website!

Custom fonts on your website!

Custom fonts on your website!

Want to increase conversions on your website? Put together a great “About Us” page

I notice that some of our new customers launching Brightpearl-powered ecommerce sites have chosen not to (or perhaps just forgotten or perhaps not had the time to) put up an “About Us” page as part of the top-level navigation of their sites.

Which is odd, given that (just to pick an example) the “About” page on our own website at www.brightpearl.com is one of the most visited pages on our site (and one that has among the lowest bounce rates– suggesting it helps keep visitors engaged). From watching my own browsing behavior, I know that I tend to click “About Us” links almost immediately on arriving at the page of a company I don’t already know well– very often (perhaps usually) *before* I look at any of their products; even if I’m buying a total commodity product that I already know I want.

It feels like the part of the site where I can see if an online retailer is ‘real’– no matter how elaborate their product pictures might be. And it’s also where I get the most straight talk from companies about what they do well and why. So when our customers don’t use this simple, almost universal tool for building rapport I worry that they might be missing a golden opportunity to improve conversions on their websites. It’s one thing if you’re Amazon or Apple or any other well-known brand– but if you’re growing and hoping to attract new traffic and visits from people who might never have heard of your business, why not take a moment to increase their confidence in you?

And to go a step further, there are a few things we’ve learned that make for an especially effective page:

1) Talk about the real people behind the business. People connect with people before they connect with brands– if you’re a new business growing in the face of competition from the big guys, this is something you can do far better than them: tell your founding story, show off your passionate team, your talented employees, even your suppliers if appropriate– any person who contributes to delivering your products or services. It’ll increase the human bond between your business and your visitors. Brightpearl customer Wiggly Wigglers does a great job of this: http://www.wigglywigglers.co.uk/life/meettheteam

2) Tell us why you’re great at what you do. The About Us page is a fantastic opportunity to speak directly to your prospects and customers about how you are different. Look at it another way (a really important way, actually) it’s another chance to tell customers what’s in it for them to buy from you instead of from the next guy or girl; maybe you have the best selection of product in their region, maybe you know this category better than anyone else and have spent 20 years learning which products or services work best for customers, or maybe your after-sales service is unmatched. Whatever it is, even if you’ve said it elsewhere, say it here.

3) Tell us where you’re based. Remember, this page is all about building trust. Locating your company in the real world– even if it’s a barn in the middle of nowhere– can actually help build confidence and trust. Don’t be shy, and more importantly, don’t assume people don’t care. Take a look at customer Olga Olsson’s site for a great, simple example of how powerful location can be for you: http://www.olgaolsson.com/about/rio-atelier-c-299_331.html

So no matter how much you care about the products you sell or the services you provide, no matter how much time you spend getting the pictures perfect, the layout just right or the item copy compelling and flawless, don’t forget your About us page– don’t skip it! Tell us about you because we’re more likely to reward you with our business if you do.

We’ve put together a short video to show you how to add an “About Us” page to your own Brightpearl website – watch it here.

How to sell more online with GoogleBase and Pearl

Here’s how to set up your Pearl ecommerce webshop to maximise the FREE Googlebase product search, and track your results all the way back to your accounting.

How does it work?

Google can be set up to collect a product feed from your website automatically. Sign up at http://www.google.com/base/

Set up a Lead Source in Pearl

Visit Contacts : Marketing : Lead sources and create a new one for your Googlebase feed. This allows you to track incoming leads and clicks from other websites. Pearl will insert a Lead source ID into the Googlebase data, so you don’t need to set up a lead source domain. You can see from this screen shot how the sales and new leads (customers) are being tracked.

Set up a Googlebase lead source

Set up a Googlebase lead source

Configure your web settings

Pearl will produce a file for Google to collect. We’ll insert the lead source tracking ID into the product landing URL so that each customer and purchase is tagged with the “Googlebase” lead source. Visit Website: Setup and open the Googlebase tab.

Set up your Googlebase URL

Set up your Googlebase URL

Next, go back to your Google Merchant Center account and insert the feed URL.

Use the filename “gbase.txt”

Google Merchant Center

Google Merchant Center

Either upload the file manually, or create a schedule for Google to collect automatically:

Googlebase schedule

Googlebase schedule

Enter the URL from your Website:Setup page, it will be like http://www.mydomain.com/index.php?p=gbase

That’s it! Google will soon be listing your items in search results. See the two listings here for one of our clients, “Eco kitchens”:

Googlebase search results

Googlebase search results

Users are taken directly to the product landing page. A cookie is placed on the user’s computer, and if they go on to buy online then the contact and sale are both tied to the “googlebase” lead source you created.

Googlebase landing page

Googlebase landing page

Bingo! More sales and an easy way to get your items listed online. If you want to preview or edit a spreadsheet with all your products for manual upload to Googlebase, then you can find it in the Products area:

Googlebase export products to Excel

Googlebase export products to Excel

WordPress CRM / Contact form plugin

If you run a WordPress blog or website, then you’ve probably got a “contact us” page to capture new leads. Excellent, that’s a great start. But what happens to those leads that come in from your site? You probably get an email sent to you, which you filter, respond to and then wait for a reply. You’re probably pretty busy, so if they don’t get back to you, then it’s unlikely that it’s going to turn into a deal.

How handy would it be if all your website contact form submissions appeared magically in a contact management system, with all the relevant information already filled out for you? Even better, let’s send the visitor a welcome email, perhaps even instructions for the next step that they should take. When you have time,  you visit your system, pick up the leads, and immediately you have all the information you need in front of you. If they’ve contacted you or bought from you before, then it’s easy to see what’s going on, who’s spoken to them and what their relationship is with your company.

It’s really easy to keep your new lead stack under control.

Just install the Pearl plugin for WordPress, and your contacts will be captured directly into the CRM software. The plugin is a really simple, yet uber-powerful tool, available from WordPress here. It inserts a Pearl Smartform into your blog or website, which you control from within your Pearl account.

Some of the awesome features are:

  • Tag incoming contacts
  • Assign contacts to staff members
  • Send an automated email reply
  • Send an SMS to yourself or a team of staff members
  • Trigger emails to yourself or your team
  • Add as many fields as you need, including custom fields
  • Set “required” options
  • Add as many different forms as you need to your site

Want more information? Visit our WordPress plugin page now.

Smartform on your WordPress site

Smartform on your WordPress site

Smartforms – saving you time and effort

Here’s a tip for those of you that capture leads from a website and then need to do something with those leads. Of course if you are running your website on Pearl then you get a load of other benefits too.

Smartforms are used to inject contact information directly into your CRM system from any website. Just configure your form in Pearl, insert a small bit of code into your website, and all contact requests will not only send you (or your team) an email/SMS, but will also store all the contact details in your CRM ready to follow up later.

Smartforms can also be used to trigger an automatic reply, tag incoming contacts, and give them a lead source. Watch the video below to get an overview, then read the documentation to set up your own!

If you’re running WordPress, then hang on a couple of weeks more and we’ll have our WordPress plugin ready for you.