Recent Items in Store → Items in Store filed under Tutorials
Showing posts with label Tutorials. Show all posts
Showing posts with label Tutorials. Show all posts

Blog Shop Payment Info via auto E-mail Responder

product order checkout
How To's Editing your e-mail invoicing data
Price RM23.60
Description Tips on editing your e-mail data for auto invoicing received upon successful customers purchase orders.
Code Location Location code > Template > Edit HTML
More Details The auto e-mail invoice received once your customer fill the simple form and checkout pertains enough information on orders and your blogshop details.

Here's a brief look through on the details from the codes provided in the blogshop template per line:-


data.shop_name = "My Online Shop";


This data will output your blog store name on the e-mail invoice. It's located on the top most header and also at the e-mail title field.


data.shop_url = "http://your_blog.blogspot.com";


This will be your blog shop url. This field will create links to data in the e-mail invoice.



data.shop_thankyou = "http://your_blog.blogspot.com/p/thank-you.html";



This is the URL that will re-direct the sender once success submission from your checkout form. Please include the proper URL without the trailing slashes.


data.shop_email = "your_email@gmail.com";


Your e-mail address will be shown on the body of the e-mail invoice. This e-mail address will be the point of reply-to in customer's email inbox.


data.shop_currency = "MYR";


This will set the currency used/set for your blogshop. Change this to consistently output the currency with your shopping cart settings.


data.shop_bizname = "Irsah Indesign Cart Theme";


This field will output in your blogshop business details in the e-mail body. Normally a company name is best (or brand).

data.shop_bizaddress = "P15, Cahaya, 68000 KL Malaysia";


This field will output on the e-mail body in the company detail section. A clear address is required in making sure positive relationship transactions in the later.


data.shop_bizphone1 = "017-361 8321";
data.shop_bizphone2 = " 016-361 8321"; 
data.shop_bizphone3 = " 019-361 8321" ;


These three fileds will output the telephone numbers in the contact details. For the first top most filed, the handphone number is best due its setting in conjunction with the sms field output.

The later, you can included fax number, office number which ever you feel required.

data.bank1 = "MAYBANK"; 
data.bank1_acc_no = "1234 1234 1234 12"; 
data.bank1_acc_name = "Ahmad bin Abu"; 
data.bank2 = "CIMB"; 
data.bank2_acc_no = "4567 9876 1234 89"; 
data.bank2_acc_name = "Ali bin Bapoo"; 
data.bank3 = "BANK ISLAM"; 
data.bank3_acc_no = "4321 1234 4321 1234"; 
data.bank3_acc_name = "Siti Nurhaliza";


These are the datas for your banking accounts and transactions.

In data.bank* = you can include your banking name and address too. But the number of charcters are limited to 160 chars.

data.bank*_acc_no = your full banking account number for easy payment either on-line or over the counter.

data.bank*_acc_name = the name registered with the bank account. Please state in full the name provided for the above account.

Some general note.

You can include additional data within the " " (quotes) as desired, but you can NOT add nor change codes with the above format.

Be in mind, for security reasons, please do not include:-

  1. Your social security number
  2. Any credit card numbers
  3. Your personal identification number NRIC
  4. Your passport number
  5. Any security number withheld by you.

The data above is enough to make transactions as all payment online requires:-

  • e-mail address
  • account holder full name
  • banking account number.

Banking systems have already taken care for us on the safety and security for your accounts online and offline.

Category , , ,

Upload Product Image Activate FancyZoom

product image upload tutorial
How To's Upload your product image in the post pages
Price RM75.50
Description How to upload a product image easily to your Blogger product/post pages
Moderation Easy
Details While editing your Blogger post pages uploading your product image is made much more easier. Here are the simple eteps to upload your product image.


  1. Make sure your image is squared with a minimum size of 200px x 200px.
  2. In editing mode, hover your mouse to the empty space on the left side of the default product image.
  3. Click at it and making sure the cursor blinka besides the default image.
  4. Now Click on the upload image icon > select your new product image > upload > add selected image.
  5. The image will resize accordingly in the table.
  6. Now select the default image and click the " remove " link.

You can also upload supporting images to the body of your product page. You can upload any image sizes to the post product body but the system will select "medium" size for default.

Sizes larger than this will distort your product tables. This is why we opt for the FancyZoom feature provided by Blogger :-)

Make sutre FanzyZoom setting is turned on in Dashboard > Settings > Other Setting > Lighbox feature.

Category , ,

SimpleCart E-Mail Notifier/Invoicing Step 4 Guide

product item
Item Name Step 4 Installation Guide Custom Auto/Send E-mail
Price RM62.30
Description Tutorial and code snippets for customizing automated e-mail notification/invoicing.
Stock/Size Available Location Template > Edit HTML
More Details
Go to Template > Edit HTML > scroll down to bottom of template code > you will find this pieces of code snippets:-

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
simpleCart.bind( 'beforeCheckout' , function( data ){
     data.first_name = document.getElementById("first_name").value;
     data.last_name = document.getElementById("last_name").value;
     data.email = document.getElementById("email").value;
     data.phone = document.getElementById("phone").value;
     data.address = document.getElementById("address").value;
     data.postcode = document.getElementById("postcode").value;
     data.comments = document.getElementById("comments").value;

// Your custom e-mail data starts here
data.shop_name = "My Online Shop";
data.shop_url = "http://your_blog.blogspot.com";
data.shop_email = "your_email@gmail.com";
data.shop_currency = "MYR";

data.shop_bizname = "Irsah Indesign Cart Theme";
data.shop_bizaddress = "P15, Cahaya, 68000 KL Malaysia";
data.shop_bizphone1 = "017-361 8321";
data.shop_bizphone2 = " 016-361 8321";
data.shop_bizphone3 = " 019-361 8321" ;

data.bank1 = "MAYBANK";
data.bank1_acc_no = "1234 1234 1234 12";
data.bank1_acc_name = "Ahmad bin Abu";
data.bank2 = "CIMB";
data.bank2_acc_no = "4567 9876 1234 89";
data.bank2_acc_name = "Ali bin Bapoo";
data.bank3 = "BANK ISLAM";
data.bank3_acc_no = "4321 1234 4321 1234";
data.bank3_acc_name = "Siti Nurhaliza";
});
//]]>
</script>
</b:if>

The codes above are self explanatory. These code snippets will provide data to your e-mail notifier/responder. Data compiled here includes your blog store URL, store name, your business name, business address, your banking particulars, contact etc.

Fill in the appropriate fields indicated in between the quotes.

A sample e-mail notifier to your customer will look like this.

Notifier to Customer Mail


A sample a-mail notifier to the blog store owner will look like so:-

Notifier mail to Blogshop Owner


Click Save Template and test your check out page using an extra e-mail address (which you have access)  as your customer's e-mail and fill in the particulars > click Send Order > and check your "test" customer e-mail and also your e-mail inbox.

If you have a problem, please contact us using the comment form below. We do provide general support, but for advance options a small donation fee would be required.

Click Newer Item for the next installation guide.

Category , , ,
Subscribe to: Posts (Atom)
 

2012 My BlogShop Tool | Designed by: Irsah inDesigns | More Template at Blogger Template Collection