Articles tagged "storefronts"

Tips & Tricks: Put Your Best Foot Foward with a New and Improved Storefront

How to Improve Your Storefront!

Your storefront needs to do a lot: it should be eye-catching and easy to read, and have everything a customer needs to know. With Lulu’s storefront tools, you can make your storefront welcoming and unforgettable. Here are a few ideas on improving your storefront:

  • Give your storefront a title. The title is not only the name of your storefront, but it’s also what is displayed in the top bar of your browser, and the link on which users click when they find your site in search results.
  • The long and short of it.
    • Short Description: The short description is your storefront’s meta-description and is limited to 512 characters. This description will be displayed under your storefront’s title in search results, and should reiterate your storefront keywords and summarize what your storefront is about.
    • Long Description: With the long description, you can enter as much information as you like, and use HTML. This will be displayed on your storefront, and is a good place to put in author bio, mission statement, and a complete description of your book.
  • Add a bio. If you’re an expert in the field you’re writing on, let the audience know. You can use html code here to insert images and links. Don’t forget to provide a link to your email address. This will allow potential customers to contact you directly with any questions, or praise! For a crash course in HTML coding, check out: http://www.w3schools.com/html/default.asp
  • Make it attractive. You can customize colors and fonts when you build your storefront. Be sure to keep in the style and tone of your book. If your book is funny, bright colors are great. If it is for an academic audience, perhaps you want something more subdued.

Customizing the Mini-Storefront with CSS

One of the really useful things about the new HTML/Javascript Mini-Storefront Widget is that it generates your storefront display in good old-fashioned HTML. As a result, you can use Cascading Style Sheets (CSS) to customize the display of your storefront. This guide will give you an overview of the customization options available, and demonstrate how to use them. You don’t need to be a CSS guru, but knowing a little about CSS will help (learn more about CSS).

Meet the Lulu Mini-Storefront Widgets

Ever wanted to put your Lulu storefront on your own website? Well, the community development team here at Lulu has been hard at work on some tools that let you do just that. We’re calling them the Lulu Mini-Storefronts and we’ve got three great options to choose from:

Javascript/HTML

Pros: Easy to add to your site, very customizable
Cons: Helps if you know CSS and HTML

Best For: Personal websites, personal weblogs, sidebars

  1. Go to the Lulu Mini-Storefront Wizard
  2. Click on HTML/Javascript Widget
  3. Copy and paste the widget code on your site
  4. Use CSS to style the widget any way you want

Flash

Pros: Easy to add to your site, works well on profiles pages
Cons: A little too big for a blog sidebar

Best For: MySpace, other profile pages

  1. Go to the Lulu Mini-Storefront Wizard
  2. Click on Flash Widget or MySpace Widget
  3. Customize your widget
  4. Copy and paste the widget code on your site

Facebook

Pros: It works on Facebook!
Cons: It only works on Facebook!

Best For: Facebook!

  1. Go to the Lulu Mini-Storefront application on Facebook
  2. Click on Add Application

Jackson Fox, Community UX Engineer