ArtFire Help Center



The ArtFire Shop Blog Posted On: 11/10/2011 Last Updated: 11/15/2011


The ArtFire Studio Blogs

Your ArtFire studio blog gives you an easy way to produce and publish content to engage your friends, fans, and followers directly from your ArtFire shop. Whether you're writing about your journey as an artist or your specific methods and practices, your blog offers an unique way to connect with e-commerce shoppers and turn them into loyal shoppers. Before you can start reaping the rewards that come from blogging, you're going to need to learn how to use your ArtFire shop blog. If you're an internet blogging veteran we encourage you to jump right into setting up and using your ArtFire blog here. This guide will cover everything involved with setting up your ArtFire blog: creating categories, adding new posts, migrating old posts, and more.

1. Setting up your ArtFire Shop Blog
2. Migrating posts from the previous ArtFire blog
3. Creating Blog Categories
4. Writing New Blog Posts
5. Editing and Managing Blog Posts
6. Moderating Comments
7. Blog Statistics


1. Setting Up Your New ArtFire Shop Blog



The first time you click on the "Blog" tab in MyArtFire you'll land on a blog settings page that asks you to fill out some basic information about your blog. The title, description, and tags you add here will become some of the meta data for your shop blog as a whole. You can edit or change these later by clicking on the "Settings" side tab.

You will be required to fill out a title, description, and tags before you're able to access other areas of the ArtFire Blog panel.

2. Migrating Your Old Posts - Only for sellers that used the old blogs (before 11/9/2011)

Speaking of the settings side tab, if you're a veteran ArtFire blogger looking for a way to move posts from the previous blog to your new one, then the settings tab is the right place for you! Underneath the blog title/description/tags area you'll see the "Migrate My Old Posts" box. In this box you'll find the title and post date of previous posts from your old ArtFire blog. Select one, or many at a time, and click the "Migrate Selected Posts" button.



Once migrated, posts can be found in the "My Posts" area which you can get to with the "My Posts" side tab link. Migrated posts come in as draft mode posts in case they need further editing or review before being published. Section four of this guide covers draft mode and how to immediately publish or schedule posts.

3. Creating Blog Categories

Blog categories are a feature that help your readers see what kinds of blog posts can be found in your shop blog. They allow for quick navigation to categories and let readers see all the posts that are available to them.



Before you can start giving category placements to your new and old posts you're going to need to create the categories! You can create (and edit) categories by clicking on the "My Categories" side tab. Each category can have a name and a description. The category name is what appears to the public readers of your blog in the "Blog Categories" box located in the right side column of your public blog. The description will become part of the meta date for each category you create.

We recommend setting up your blog categories before you start writing your first blog posts. Even though categories can be added, edited, and deleted at any time, you won't be able to categorize your posts as you write and edit them if the categories haven't been made yet.

4. Writing New Blog Posts



The core of the ArtFire shop blog is the Post Editor. With the Post Editor you can craft and format brand new works of art (articles) to engage, enlighten, and even thrill your readers! This section deals with writing a new blog post from scratch. If you're trying to edit an existing blog post please take a look at section five for more information. To get started with a new blog post just click the "New Post" side tab to be taken to the post editor.

The new post editor includes a Title Box, a WYSIWYG (What You See Is What You Get) editor for your post content, and a Tags box in the center column of the page. Along the right-hand side of the new blog post page you'll also see the publishing options which include: draft, published, and scheduled, along with the category placement drop-down and a "teaser image" box. Let's take a closer look at each of these sections.

Title Box - Type out the title of your blog post in this box. Remember that titles play a big part in telling a search engine what your post will be about. If you're lost when trying to write a title try thinking about the people that would benefit the most from reading your post; then try to predict how that person might go about looking for your article. Every blog post you write gives you another opportunity to engage readers and introduce them to yourself and your work.

Content Box - This is the box where you write and format the content of your blog post. The WYSIWYG editor here is very similar to the editor we already use in the ArtFire chatterbox forums so if you're a regular forum contributor the transition to this WYSIWYG editor should be smooth. There are three new buttons in this WYSIWYG that don't exist in the forums, the HTML view button, the image locker button, and the past in html button.

You can use the mock WYSIWYG box below. It looks just like the editor you'll use to write blog posts but we've changed how the buttons work, so rather than changing text, clicking a button shows a description in the content area of what that button does and how it works. Give it a try!



Click any of the buttons above to read a description of what the button does and how to use it.


Tags Box - Here you can enter comma-separated tags of keywords or short phrases you'd like to tag your post with. These tags are used by your blog's search feature.

Publishing Options - Your shop blog gives you three ways to set the status of your blog post.

Draft - Only you can see draft status blog posts, and they will never become published unless you take action to change it to "published" or "scheduled." Old posts migrated into your new blog are given draft status by default.

Published - This is the status used to immediately publish a blog post as live and active. When you start writing a new blog post this is the status that is selected by default so that submitting a blog post publishes it. If you do not want to publish a blog post immediately you'll need to use the "Draft" or "Scheduled" options.

Scheduled - Use this status to schedule a post to be published automatically at a later date. Clicking "Scheduled" activates the publishing date box below the three options. Click this box to choose a future date for publishing from the calender that drops down.

Category Placement - Use this drop-down menu to set the category for your blog post. If you haven't created any categories but would like to, see section three of this guide for instructions.

Teaser Image - A teaser image is a small image you can add to your blog posts that will show up on your blog's front page, category pages, search pages, and anywhere else that shows the title and starting text of more than one blog post on the same page.

Setting a teaser image is done from your image locker. You can open the image locker by either clicking the image locker button from the WYSIWYG editor bar, or clicking the teaser image preview area at the bottom of the right column. Once your image locker is open, click the image you'd like to set as the teaser and then click the "Set as Teaser" button.

Submit Blog Post - This button submits and saves your blog post according to the publication status (draft, publish immediately, or scheduled) that you have set.

5. Editing and Managing Blog Posts.

You can see a list of all the blog posts you've written by clicking the "My Posts" side tab. Your "My Blog Posts" page lists some basic information about each blog post and includes action links to either "edit" or "delete" the blog post in the right most column.



If you would like to edit a blog post to fix a typo, add more content, or update its status, click on the "Edit" link associated with the post. This action opens up the same editing page that new posts are written in.

6. Moderating Comments

Comments to your blog posts can be submitted by both logged-in ArtFire users as well as logged-out guests. All of the comments made to any of your blog posts can be seen and reviewed by clicking the "Comments" side tab link to get to the comment moderation page.

On the comment moderation page you'll find all of the comments that have been made on your blog posts. Each comment includes the title of the post the comment was submitted to, who submitted it, when it was submitted, the current comment status, the actual comment, as well as two action links "Approve" and "Delete."



Comments on this page are listed in reverse chronological order (newest to oldest) so you'll always see the most recent comments first. Clicking the "Approve" link will make the comment public and visible in the comments section of the post.

7. Blog Statistics

Your shop blog tracks essential visitor and referral statistics to help you figure out what blog posts are generating traffic and from what sources. You can view stats for your blog's main page by clicking on the "Statistics" side tab link. You can view stats for an individual blog post by clicking on the number in the "Views/Referrals" column in the "My Posts" side tab.

Both views and referring URLs to your blog and posts are tracked by your blog's stats engine.

The HTML View Switch - This button switches your view back and forth between the regular design view of your written content, and the pure html of your content. If you are familiar with html coding and web design the HTML view can be useful tool to directly manipulate the structure and content of your blog post. If you're not familiar with html coding it's best to stay in the normal design view.
The Color Picker Tool - Use the color picker tool to change the color of your text. Clicking the this button drops down a selection of colors to choose from.
The Bold Text Button - Use this button to bold text. You can either highlight text and click the bold button to bold the current selection, or you can click bold without any text selected to begin typing where you left off in bolded text.
The Italics Text Button- Use this button to italicize text. You can either highlight text and click the italics button to italicize the current selection, or you can click italics without any text selected to begin typing where you left off at in italicized text.
The Underline Button - Use this button to underline text. You can either highlight text and click the underline button to underline the current selection, or you can click the underline button without any text selected to begin typing where you left off at in underlined text.
The Strike-through Button - Use this button to strike-through text. You can either highlight text and click the strike-through button to strike-through the current selection, or you can click the strike-through button without any text selected to begin typing where you left off at in strike-through text.
The Indent Button - Use this button to apply a "to the right" indent that. You can either highlight text to be indented and click the indent button, or you can click the indent button without any selection to indent the current line. Indents are applied to an entire line at a time. Once you've indented once, you'll keep the indent until you use the outdent button to get back to the regular margins.
The Outdent Button - Use this button to apply a "to the left" outdent. This button should be used after using the 'indent' button to return to normal margins. Clicking the outdent button when there have been no indents does nothing.
The Horizontal Rule Button - Use this button to insert a horizontal line at any place in your blog post.
The Left Justify Button - Use this button to align the current line or selection to the left edge of the content area for your article. This alignment takes into account any indents that are currently in place. Blog post content is aligned to the left by default.
The Center Justify Button - Use this button to align the current line or selection to the middle of the content area for the article.
The Right Justify Button - Use this button to align the current line or selection to the right of the content area for the article.
The Increase Text Size Button - Use this button to increase the size of your text. You can either highlight text and click the increase text size button of the current selection, or you can click the button without any selection to continue typing in a larger text size. Text size is increased with each successive click of the button.
The Decrease Text Size Button - Use this button to decrease the size of your text. You can either highlight text and click the decrease text size button of the current selection, or you can click the button without any selection to continue typing in a smaller text size. Text size is decreased with each successive click of the button.
The Unordered List Button - Use this button if you have a list of content that you would like to add as a bulleted list. You can either highlight text and click the unordered list button to make each newline of text a bullet in your list, or you can click the unordered list button without any selection to start typing your first list item. Hit the "enter" button when finished with a list item to start the next bullet.
You can also use the indent button to indent additional list items underneath the current bulleted item. You can use the outdent button to get back to the regular bullets, and even click outdent again to break out of the unordered list entirely.
The Ordered List Button - Use this button if you have a list of content that you would like to add as an ordered list. You can either highlight text and click the ordered list button to make each new line item the next number in your list, or you can click the ordered list button without any selection to start typing your first list item. Hit the "enter" button when finished with a list item to start the next number.
You can also use the indent button to indent additional list items underneath the current numbered item. You can use the outdent button to get back to regular spacing, and even click outdent again to break out of the ordered list entirely.
The Blog Image Locker - The blog image locker is provides an easy way to directly upload images to be used in your ArtFire blogs. Click the image button to open your image locker. The first time you open your locker there won't be any images to choose from.
Click the green "Upload New Image" button to browse your computer for an image to upload. Images must be larger than 140px x 140px and less than 2MB in size.

Once you have the image you want to use in your image locker. Click the image to select it and click the green "Insert Image" button. You'll then get to choose the size of the image you'd like inserted. Choose either the "Original" full size image, or one of the smaller crops that may have be available depending on your image size.

The Image Locker is also the place where a teaser image for your blog post can be set. To add a teaser image to your post, upload and/or click the image, then click the green "Set as Teaser" button.

To delete an image from your image locker, click the image, then click the red "Delete Image" button. You can store up to 99 images at a time in your image locker. Deleting an image from your locker will not remove the image from any previous posts that it has been used in.
Insert Image via URL - Use this button to insert an image into your blog post that is hosted elsewhere. Locate the exact web address of the image, it should end in an image file extension such as .jpg, .png, .gif, etc such as http://www.example.com/images/coolimage.jpg . Type or past the images URL into the Image URL box. The image title box is an optional way to give some context to your image that is used by search engines.
Cut - Use the cut tool to cut out a selection of text that is then copied to the blogs clipboard and can be inserted in a different place with the "Paste" button. The in blog "Cut, Copy & Paste" tools may not work interchangeably with the standard keyboard shortcuts and the buttons may not work in some modern browsers.
Copy - Use the copy tool to copy a selection of text into the blogs clipboard. Copied text can then be inserted into the blog post with the "Paste" button. The in blog "Cut, Copy & Paste" tools may not work interchangeably with the standard keyboard shortcuts and the buttons may not work in some modern browsers.
Paste - Use the paste tool to insert a previously copied or cut selection of text. The in blog "Cut, Copy & Paste" tools may not work interchangeably with the standard keyboard shortcuts and the buttons may not work in some modern browsers.
The Paragraph Button - Use the paragraph button to give additional markup to your blog posts by wrapping paragraphs of text in the paragraph html tag.
The H1 Button - Highlight a selection of text in your blog and click the H1 button to make the text the most important and largest header on the page. The text in the H1 html tags of a pag are considered an important part of the page by search engine spiders.
The H2 Button - H2 text is a step down in size and importance from H1 text. Use the H2 text button to make sub-headings in your blog.
The H3 Button - H3 text is a step down in size and importance from H2 text. Use the H3 text button to make sub-headings in your blog.
Insert Emoticon Button - Click the insert emoticon button open up emoticon window. There are many different emoticons available, click the one you'd like to insert to insert it into your blog post. Click the [x] button or anywhere off the emoticon pop up window to close the window once finished.
Insert Youtube Video - This tool allows you to paste in the embed code from Youtube to add a player and video to your blog post. You'll need to locate the embeddable Youtube code for a specific video you'd like to add to your post. Copy the code to your clipboard, and paste the code in the code box that pops up when you click the Insert Youtube Video button.
Insert HTML Code - This tool allows you to paste HTML code into your blog post without it being affected by the front end of the WYSISYG editor. Once you have the code you'd like to paste copied into your clipboard. Click the Insert HTML code button