The "Pages & Blogs" area is where you add and edit just about any content that does not belong on a product or collection page. Your "Home Page" is an example of an area for such content, along with the "About Us" page. Both of them are created automatically when you start your store. If you delete your home page, and decide you want to display content on your home page, you just need to re-create the page called "Home Page", add content to it, and it will re-appear.
Blogs are similar to pages, but they work a bit differently from each other. In the example picture to the right "Latest News" is a "Blog", while "Welcome to your new Spiffy Store" is an "Article". To start using your blog, you just need to delete the first article, and then add new articles to the blog that has already been created for you.
One blog contains many "Articles". You do not create a new "Blog" every time to want to add an article. You create new "Articles".
A page is created and edited as a single stream of content which can be as long as you like. Besides the "About Us" page, here are some other ways that pages could be useful:
A blog is a place for ongoing communication with your customers, updated with a new entry whenever you need to tell them something new. You could use your "Frontpage" blog for a main source of news about your store, with announcements of deals and new products. Here are some other possibilities for blogs in your store:
Whenever you create a new page or blog, you can give it a title to describe the content of the page or blog.
The title is used to create a handle for the page or blog by changing all the letters to lowercase, removing any special characters and putting a dash ("-") between each of the words. The handle is used as part of the web address for the page or blog and a unique handle is generated for each page and blog.
For example, a page with the title "About Us" would be created with the handle "about-us". The web address (URL) for this page would be:
The handle can be considered to be the "identity" of the page or blog. Handles are also known as "Permalinks".
You can subsequently edit the title, but the handle should remain the same so that all links and references to it remain intact.
There are a number of "reserved" page handles that are assigned a special meaning.
If you want to create a contact form for your site, you should create a page using the handle "contact-us". This will ensure that the special contact form code is inserted into the page to enable your customer to submit questions.
In addition, you must also have a corresponding page with the handle "contact-us-thanks". This page is displayed after the customer has submitted their query through the "Contact Us" page.
These two pages are created for you automatically when your Spiffy Store is created, so be careful not to delete them if you want to have a contact form. You can edit the pages to customize the content to suit your own store's needs.
If you delete your contact page, or your contact form isn't showing, you'll need to make sure you have created a page with the handle "contact-us" for your form to show.
It's important to spend the time writing these documents as it forms the basis of your contract with your customer when they purchase something from you. If a dispute arises, your policy documents will form the legal basis for resolving the dispute.
You will normally create these policy pages and link them into your store front, probably in the footer menu.
It's also important that this information be available to your customers at all stages of the purchase process. In order to do this, you will need to make these pages accessible from the checkout pages of your store.
Your policy pages will be automatically made available to your customers on the checkout pages if you use the following handle names for your policy pages.
If you don't need a particular policy page, then don't create one. Only the pages with the specified handles will appear on the checkout pages.
Spiffy Stores uses a simple markup language called "Textile" to let you format your text content. Whenever you are editing one of your pages or blog entries, the sidebar will display a few of the most common style codes with a link to show a more expanded formatting guide.
Please consult the complete Textile guide for more complex editing such as creating tables and aligning items. Any of these tags can be used in your product descriptions as well.
You can also use HTML in the editor, so you can copy and paste embed code from Youtube or Vimeo to embed a video, and Google Maps into a page to get them to show up. Embed code from many other video and widget providers can also be used.
A popular tutorial on embedding a YouTube video can be found at http://www.htmlgoodies.com/tutorials/web_graphics/article.php/3480061
Information on embedding Vimeo videos can be found at http://vimeo.com/help/faq/sharing-videos/embedding-videos
If you don't want to use Youtube, more information about embedding video using HTML5 can be found at http://www.w3schools.com/html/html_videos.asp
One important use of Textile which is worth covering in a little more detail is the creation of links. The easiest way to create links in your store is to use the Navigation tab, but there will probably be times that you want to create links that flow inline with your text. Textile's link format is pretty simple: just enclose the link text in quotes and follow it with a colon and the linked URL.
will result in: Hello world
When you create a link, either using the Textile markup or directly via HTML, your link will be processed before it is saved and all external links will have a target attribute added to the link to ensure that it opens in a new window.
A link to "Spiffy Stores":http://www.spiffystores.com
will be generated as
A link to <a href="http://www.spiffystores.com" target="_blank">Spiffy Stores</a>
Any link that already has a target attribute won't be altered, so you can use this to force a link to open in the same window, even if it's a link to an external site.
<a href="http://www.spiffystores.com/" target="_self">Open in same window</a>
In addition, any links that are internal to your site, are automatically converted to relative links. This will ensure that any future changes to your site, such as a change in domain name or a switch to https won't break any links that you have hard-coded.