Miscellaneous Topics

This section is a grab-bag of miscellaneous topics.

Embedding Video with Rich Text Editor

Using IndieMade's rich text editor on pages makes it easy to embed video directly into the page itself.  This method can also be used on blog posts, event descriptions, news descriptions, gallery descriptions and product descriptions.

Step 1

Find the video on YouTube or the website on which it is hosted. Click the Share button under the video.

youtube share link

Step 2

Copy the URL from the box below the video.

youtube share copy URL

Step 3

Create the page where your video will appear on your IndieMade site. (Or, go to the existing blog entry or page where you'd like to post the video.)

add new page for video

 

Step 4

Click the filmstrip button in the rich text editor's toolbar.

add media button

 

Step 5

Paste the URL that you copied from the video site. Click OK and save the page.

Paste URL video embed

iframe in the body

 

Step 6

See it live on your website.

 

 

Secret and Final Step 7: Celebrate with cookies.

How to Burn and Embed Your Other Artist Blog on Your Website

This page will take you through the steps of burning any external blog (as long it has a feed, most do) and embedding it on your website.  You will notice blurry images and some things marked out with squares, but I recently did this for someone and thought I would take the screenshots to share with you!

Step 1: Find Your Feed & Copy the Feed URL (web address on top)

If you look for the feed icon on your site it will generally take you directly to your feed.  

Feed Icon

If you don't see a feed url anywhere, you can check your root url and add a /feed at the end.  For instance, this is IndieMade's feed url:  http://wwwindiemade.com/blog/feed

A feed page looks like a scary mess of code, don't worry about it, though, you just need the url (I pulled this off of Blogger):

    

(it won't be blurry, I just did this to protect the identity of this blogger)

 

Step 2: Create an account (it's free!) with Feedburner and sign in.

There are other burning tools out there, but feedburner is free and has worked the best for me.

(www.feedburner.com)

          

 

Step 3: Past the feed url you just copied and hit "next."

       

        Copy your artist blog feed url     

   

            

Step 4: Enter a title for your feed (for your use) and leave the feedburner address alone. Hit next.

                  

 

Step 5: Skip to feed management.

                    

 

      

          Step 6: Click Publicize Tab

                        

 

Step 7: Click on Buzzboost and start customizing from the bottom.  Copy code from Buzzboost on top when you are done.

You are welcome to use the settings I typically use.  Full HTML will provide your images within the blog posts.

                            

 

Step 8: Create a page on your IndieMade site. 

Add page for blog

 

Step 9: Click "Source" in the rich text editor. 

Select Source

 

10 Paste code & Save.

paste script


                   

You're Done!


 

Now check out your new (external) blog on your indieMade site:

                                            

 

                                              

Create a Username for your Facebook Page

Log in to Facebook and click on "Account" to use Facebook as a Page.

Log on to Facebook

 

Click on the Page that needs a username.

Click on the page that needs a username

 

Click on Edit Page.

 Click on Edit Page 

 

Under Basic Information, click on "Create a Username."

  Click on Create Your Username  

 

Continue as "you."

   Click Continue As You   

 

Type in your preferred username.

    Type in your preferred username    

 

Check your spelling and hit the "Confirm" button.

     Click to confirm     

 

Now add your username to your IndieMade account and you're done!

insert facebook path


      

Photo sizing

Good photos are essential for your IndieMade site. This page gives you some guidance about how to get a beautiful, fast-loading website with the least amount of fuss.

Automatic Resizing

In many instances, photos you upload to your site will automatically be resized by the IndieMade system. This is not only a huge time saver for you, it keeps your site loading quickly and your pages looking consistent.

The following categories of photos are resized automatically:

  1. Your site banner
  2. Product images attached to a product in your store
  3. Photographs that you upload as gallery images
  4. The primary image associated with a news story

In each case, the eventual size and cropping strategy depends on the theme you've chosen. For example, for the peasy theme your product detail images will be resized, cropped, and centered to 380x285, with 80x60 thumbnails for navigation. For paper, the product detail image is shrunk, but the full image is always visible.

When you switch themes, all your images will automatically be resized to match the new theme's design.

Photos You Should Resize Yourself

You can also upload images using the rich text editor. If you are adding images to blog posts or pages, for example, then the IndieMade system does not resize them for you -- this way you can lay them out however you like.

When uploading an image using the editor, you can specify the height and width of the image on screen, as seen here:

 Example of the Image Properties Window 

However, you will get better results if you resize the image using the image editing software of your choice before uploading them to your site. Not only is the quality higher, but your web page will load much more quickly (if you take a 2GB image and display it in a 50x50 box, the browser still has to suck down the entire 2GB, and that takes time). It takes a tiny bit more work on your part, but the results are far superior.

We recommend you keep your images between 400 and 700 pixels wide and no certainly larger than the width of your page -- if the theme you've chosen is 960 pixels wide, then it will look awful to upload a 2000px wide image.

Popular Image Editing Software

There are, of course, many options for editing images. Some popular ones are shown below.

  • Photoshop, an Adobe product that is powerful but hard to learn
  • GIMP, a sophisticated but complex free alternative to Photoshop
  • Paint.net, a free Windows-based image editor
  • Pinta, a multiplatform program similar to paint.net, free
  • PicMagick.com, a free online photo editor
  • Picasa, a Google image editing program

Our resource collection has lots of tips for how to take great product phtotos, so check those out also.

Credits and Legal

IndieMade is built on top of Drupal, the Content Management System. Shopping Cart functions are powered by Ubercart. We are proud members of The Drupal Association.

Social media icons by Komodo Media, Rogie King / CC BY-SA 3.0. Font Awesome by Dave Gandy.

Background textures courtesy Subtle Patterns (Subtle Patterns) / CC BY-SA 3.0

Password protect a product, page or gallery

With our new feature, you can now password protect pages, products, and galleries. If you have a newsletter and only want to allow subscribers to access certain parts of your site, password protection is ideal because you may give out the password to these select few, or to loyal customers.

Enabling the Option to Password Protect:

The option to enable this setting is may be found in dashboard>website>settings. Scroll down to "Sitewide Messaging and Vacation Mode " section. At the very bottom, you will see the checkbox that says: "Allow me to password protect products pages and galleries." (shown below)

 

 

Check this box, and save.

You will now have the option enabled to password protect a gallery, product, page, or blog/news entry!

To protect a gallery:

 Go to dashboard>content>galleries. Click "edit" under the chosen gallery. Scroll down to "password protect this gallery" and select "This Gallery is protected." You have the option to let those who do not have the password to see the title. If you'd like them to be able to see the title, check "show title." Next, you will choose the password for the gallery.

Don't forget to save your changes!

To protect a product:

Go to store>product and click edit under the chosen product. Scroll down to "Password protect this product." Check the box that says "this product is password protected." You have the option to let those who do not have the password to see the title or not. If you'd like them to be able to see the title, check "show title." Next, you will choose the password for the given product.

Don't forget to save!

 

To Protect a Page:

If you have a custom page you would like to protect, you may do so by going to dashboard>content>pages, selecting edit under the page you have chosen. Scroll down to "password protect this page" and check the box that says "this page is password protected." You have the option to let those who do not have the password to see the title or not. If you'd like them to be able to see the title, check "show title." Next, you will choose the password for the given page.

Don't forget to save your changes!

Password Protect Blog Entry, News Article or Event:

If you have a blog entry, news article, or event you would like to protect, you may do so by going to dashboard>content>pages, and selecting edit under the blog, news, or events. Then, chose which blog entry, news article, or event you would like to edit and click "edit." For Blog, you would scroll down to "password protect this Blog entry" and check the box that says "this blog is password protected." You have the option to let those who do not have the password to see the title or not. If you'd like them to be able to see the title, check "show title." Next, you will choose the password for the given page. For news articles and events it is the same.

Don't forget to save your changes!

Using the contacts page

We now store any messages you get from your contact form under Website > Contacts in your dashboard. This brings up a list of all the messages you have gotten from your contact form.

The contact form has a spam filter, and any contacts that are detected as spam will be moved to "Marked Spam" and you will not recieve an e-mail notifcation for it.

If you recieve a spam contact and it gets past the filter, click the "submit spam" link on the right side. It will be moved to the "Marked Spam" spam and the contents submitted to the filter to better detect similar spam in future messages.

 

Contact Settings

The settings tab of "Contacts" allows you to change what users see when using it, disable sending messages from the contact form to your e-mail, or disable the contact form entirely.

  • The option "Hide the contact form" completely disables the contact form. Make sure you also hide the menu link for the contact form by dragging it under "Do not display in navigation" under Content > Pages.
     
  • Unchecking "Send contacts to my email address" makes it so that the contact form only adds the contact message under the "Contacts" list page, and you won't recieve an e-mail about it.
     
  • "General Contact Information" is the information that displays on the contact form page.
     
  • "Contact Form Submission Message" is the message that appears on the page when a user submits the contact form.