Ctrl+V
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Ctrl+VLog in

Phát triển ứng dụng forumotion

Lorem ipsum dolor sit amet.
Zzbaivong: Minim veniam, quis nostrud exercitation ullamco.
Duis aute irure dolor Devs Forumvi.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
jQuery Plugin announcement
By Zzbaivong

Xây dựng website bán hàng với TomatoCart

power_settings_newLogin to reply

20100922
Xây dựng website bán hàng với TomatoCart

(4Netizen) Với sự trợ giúp của TomatoCart, bạn có thể xây dựng cho mình một website bán hàng với giao diện đẹp và nhiều tính năng chuyên nghiệp.

Bạn tải mã nguồn TomatoCart 1.0.1 (bản tiếng Anh) tại http://tomatocart.com (dung lượng 15,17MB).
Lưu ý: Do quá trình Việt hóa TomatoCart chưa hoàn chỉnh nên không có gói ngôn ngữ tiếng Việt, gây khó khăn cho người sử dụng. Tuy nhiên, chúng tôi đã tổng hợp được gói ngôn ngữ tiếng Việt (trang chủ hiển thị gần như đầy đủ tiếng Việt, trang quản trị còn vài chỗ chưa Việt hóa xong). Bạn có thể tải về bản TomatoCart 1.0.1 tích hợp tiếng Việt tại http://www.mediafire.com/?61m8ir64b8fqred (dung lượng 14,2MB, mật khẩu giải nén là news.goonline.vn).

Cài đặt
Sau khi tải về và giải nén, bạn sẽ được thư mục tomatocart. Bạn tải toàn bộ file trong thư mục lên hosting để cài đặt. Nếu chỉ muốn “vọc” thử mã nguồn TomatoCart (không xuất bản lên Internet và khỏi cần hosting), bạn sử dụng phần mềm AppServ 2.5.10 để tạo server ảo trên máy tính (tải tại đây, dung lượng 16,4MB). Khi cài đến phần Apache HTTP Server Information, bạn điền localhost vào ô Server Name, nhập email bất kỳ vào ô Administrator’s Email Address, rồi nhấn Next để đến phần MySQL Server Configuration. Tại đây, bạn nhập mật khẩu vào hai ô Enter root passwordRe-enter root password (nên chọn mật khẩu đơn giản, không chứa ký tự đặc biệt). Xong, bạn nhấn Install và chờ cho quá trình cài đặt hoàn tất, rồi nhấn Finish.

Xây dựng website bán hàng với TomatoCart  9B246EB490FFBFF2ACCD2167210197C4

Sau đó, bạn dùng trình duyệt truy cập vào địa chỉ localhost. Nếu thấy trang The AppServ Open Project là việc cài server ảo trên máy tính thành công.
Bạn chép thư mục tomatocart đã tải vào thư mục C:\Appserv\www, rồi xóa đi file .htaccess trong thư mục. Tiếp đến, bạn truy cập vào localhost/phpmyadmin, nhập vào ô User Name với tên đăng nhập là root, và nhập mật khẩu đã thiết lập lúc cài AppServ vào ô Password. Tại trang phpMyAdmin, bạn nhập tên tomatocart vào ô trống dưới trường Create new database, rồi nhấn Create. Vậy là bạn đã tạo xong cơ sở dữ liệu mang tên tomatocart.

Xây dựng website bán hàng với TomatoCart  9E833F4FD5CEAA15A61D17AC3927C121

Bạn truy cập vào localhost/tomatocart bắt đầu cài TomatoCart vào server ảo (nhấn vào hình lá cờ Mỹ hoặc Việt Nam tại mục Language phía trên để chuyển đổi ngôn ngữ, bài này sẽ minh họa với ngôn ngữ tiếng Anh). Tiếp đó, bạn đánh dấu vào ô I agree to the license rồi nhấn Continue hai lần. Đến trang Database Server Setup, bạn gõ localhost vào ô Database Server, nhập tên truy cập (root) và mật khẩu vào hai ô UsernamePassword. Tại ô Database Name, bạn gõ tên cơ sở dữ liệu đã tạo (chẳng hạn tomatocart). Xong, bạn nhấn Continue và chờ chốc lát. Khi đến trang Web Server, bạn nhấn Continue lần nữa.

Xây dựng website bán hàng với TomatoCart  04E7EB863D9C7ED3A7ED85E949DE2687

Tại trang Online Store Settings, bạn điền tên cửa hàng, tên bạn vào ô Store NameStore Owner Name. Đồng thời, bạn đặt tên truy cập và mật khẩu của admin vào ba ô Administrator Username, Administrator Password, Confirm Password. Xong, bạn đánh dấu vào ô Import Sample Data rồi nhấn Continue.

Xây dựng website bán hàng với TomatoCart  2D7F4E90A2825E876C7E97CD628FDD3D

Khi thấy thông báo Finished, bạn nhấn Administrator Tool để vào trang quản trị (địa chỉ localhost/tomatocart/admin), hoặc nhấn Catalog để xem “diện mạo” của website.

Xây dựng website bán hàng với TomatoCart  51827DDAB002E2DDF6627EC663EBC578

“Mặt tiền” cửa hàng


Xây dựng website bán hàng với TomatoCart  2A0A5AD7685E9C9C1C635D6A83B230A1

Giao diện trang quản trị website

Lần đầu truy cập vào trang quản trị, chắc hẳn bạn sẽ rất thích thú vì giao diện được thiết kế rất giống màn hình desktop với hiệu ứng hình ảnh bóng bẩy và trong suốt. Tại hộp thoại Wizard Installation hiện ra, bạn khai báo một vài thông tin về cửa hàng: tên (Store Name), chủ sở hữu (Store Owner), quốc gia (Country), thành phố (Zone), quy ước làm tròn thuế (Tax Decimal Places), số thứ tự đầu tiên dùng làm mã đơn hàng (Invoice Start Number), tên, địa chỉ, quốc gia, số điện thoại cửa hàng (Store Address and Phone). Xong, bạn nhấn Next > Next. Nếu quan tâm đến khối lượng vận chuyển hàng, bạn thiết lập thêm tại bước Shipping / Packaging, rồi nhấn Finish.

Xây dựng website bán hàng với TomatoCart  7882804042A540A633F93D3E3DA914ED

Thay đổi ngôn ngữ
Để chuyển giao diện website sang tiếng Việt, bạn vào menu Start > Definitions > Languages, nhấn nút Add trong hộp thoại Languages hiện ra. Tại khung Select Language, bạn nhấn vào mũi xổ xuống và chọn vi_VN. Xong, bạn đánh dấu chọn mục Only Add New Records, rồi nhấn Save. Nếu muốn tự dịch lại những phần chưa hoàn chỉnh, bạn nhấn vào biểu tượng Xây dựng website bán hàng với TomatoCart  05881C6F0108FFBEF53C6C3C3540A0DF bên cạnh tên ngôn ngữ.

Xây dựng website bán hàng với TomatoCart  1FCE16556D950942793250BCB8F2BC81

Tiếp đến, bạn vào menu Start > Languages, chọn Vietnamese để kích hoạt ngôn ngữ vừa cài (nếu chưa thấy mục Vietnamese, bạn “làm tươi” trình duyệt).

Xây dựng website bán hàng với TomatoCart  BA7724BF3A3278162CD6617DF96F1EF4

Vào lại trang chủ, giao diện web đã được Việt hóa gần như đầy đủ. Người xem có thể chuyển đổi ngôn ngữ bằng cách nhấp vào hình lá cờ tương ứng (phía dưới thanh tìm kiếm).

Thay đổi giao diện
Nếu muốn khoác “áo” mới cho website, bạn vào Start > Templates > Templates, nhấn nút Add. Bạn nhấn tiếp Browse… tại trường Upload Template và tìm đến file .zip của giao diện cần cài đặt, rồi nhấn Save. Ngoài ra, còn có thêm cách khác để cài đặt giao diện: chép thư mục giao diện vào thư mục templates trong thư mục tomatocart. Để sử dụng giao diện vừa cài, bạn nhấn vào biểu tượng Xây dựng website bán hàng với TomatoCart  2A1C21F1F4A4170EDBDD1CAB47CA8305 bên cạnh tên giao diện.

Xây dựng website bán hàng với TomatoCart  9C032A4FC025852732C6DEA05C4CF4D5

Bạn có thể tải về năm mẫu giao diện phù hợp với sản phẩm kinh doanh của cửa hàng tại http://www.mediafire.com/?3dh7dei18itijk8 (mật khẩu giải nén là news.goonline.vn).
Nếu muốn thay đổi logo mẫu thành logo “độc quyền” của cửa hàng, bạn vào Start > Templates > Upload Logo, chọn Browse… tại trường Logo Image và tìm logo cần thay.

Xây dựng website bán hàng với TomatoCart  3835EDAE9E03BEEE90CFDB70157402E8

Phương Trúc


Comments

luatinh
(4Netizen) Sau khi đã “dựng” xong cửa hàng, bạn cần bổ sung thêm sản phẩm mới và giải quyết các đơn đặt hàng trực tuyến.

Tiền tệ
Mặc định, TomatoCart chỉ hiển thị đơn vị tiền là USD, Euro, bảng Anh. Tuy nhiên, bạn có thể thêm đơn vị tiền tệ của Việt Nam (VND) bằng cách:
- Vào Start > Definitions > Currencies, nhấn Add.
- Trong hộp thoại hiện ra, bạn điền tên tiền tệ vào ô Title (tên), Code (mã tiền tệ, điền là VND), Left Symbol (ký hiệu bên trái giá tiền), Right Symbol (ký hiệu bên phải giá tiền), Decimal Places (làm tròn số thập phân, nếu giá trị là 2 thì sẽ làm tròn thành hai số lẻ), Currency Value (tỷ giá tiền, điền bất kỳ số nào cũng được vì sẽ cập nhật lại sau). Nếu muốn đặt đơn vị tiền tệ này làm mặc định, bạn đánh dấu vào ô Set as Default, rồi nhấn Save lưu lại.

Xây dựng website bán hàng với TomatoCart  270BAB58C2E40A04DA58FD2D0261A30A

Tiếp đến, bạn đánh dấu vào toàn bộ các đơn vị tiền tệ đã có (nhấn Xây dựng website bán hàng với TomatoCart  D5FD59081B6AA5400E00AC196F33839D để xóa bớt một đơn vị ra khỏi danh sách), rồi chọn mục Update Currency Exchange Rates góc phải phía trên. Tại hộp Update Currency Exchange Rates, bạn đánh dấu vào một trong hai dịch vụ quy đổi tiền tệ là OandaXE, rồi nhấn Update. Khi thấy thông báo Success hiện ra nghĩa là đã quy đổi xong (bạn nên chọn XE vì dịch vụ này ít bị lỗi). Đơn vị tiền mặc định sẽ có giá trị là 1, các đơn vị tiền khác sẽ được quy đổi tương ứng.

Xây dựng website bán hàng với TomatoCart  DB0109D8B12FECDBB0B5D48A9E3FBA9E

Thuế
Sau khi thiết lập tỷ suất thuế, TomatoCart sẽ tự động cộng thêm thuế vào giá bán nếu cần thiết. Đầu tiên, bạn vào Start > Definitions > Zone Groups, nhấn nút Add tại khung bên trái, điền tên nước vào ô Name (chẳng hạn: VietNam), rồi nhấn Save. Tiếp đến, bạn nhấn nút Add bên phải, nhấp vào mũi tên xổ xuống tại mục Country, chọn Vietnam. Tại mục Zone, bạn chọn tỉnh, thành phố tương ứng.

Xây dựng website bán hàng với TomatoCart  9D8E4F33658A081D735FEA1C386798BA

Sau đó, bạn vào Start > Definitions > Tax Classes, nhấn nút Add bên phải. Tại mục Zone Group, bạn nhấp vào mũi tên xổ xuống và chọn VietNam, rồi xác lập tỷ suất thuế vào ô Tax Rate (%). Ở mục Priority, bạn điền giá trị là 0 hoặc 1, rồi nhấn Save. Nếu không muốn dùng tỷ suất thuế mặc định là 7%, bạn nhấn Xây dựng website bán hàng với TomatoCart  D5FD59081B6AA5400E00AC196F33839D bên cạnh mục Florida để xóa đi.

Xây dựng website bán hàng với TomatoCart  BD9BE00ECF65BAAF17B32A0CB9773D58

Thêm sản phẩm mới
Để người xem theo dõi sản phẩm dễ hơn, bạn cần gom các sản phẩm cùng loại vào thành từng chuyên mục riêng. Cách tạo chuyên mục: vào Start > Catalog > Categories, hộp Categories liệt kê các chuyên mục có sẵn > bạn nhấn Xây dựng website bán hàng với TomatoCart  D5FD59081B6AA5400E00AC196F33839D để xóa chúng đi rồi nhấn Add để thêm mục mới. Bạn có thể đặt chuyên mục vào thành “con” của một chuyên mục khác thông qua tùy chọn Parent Category.

Xây dựng website bán hàng với TomatoCart  6EA9E18BA0A937380898D4A26F3E5541

Lưu ý: Nếu đã Việt hóa TomatoCart, khi tạo chuyên mục cũng như thêm sản phẩm mới, bạn cần phải đặt tên bằng cả tiếng Việt và tiếng Anh vào hai ô hình lá cờ tượng trưng cho hai ngôn ngữ.

Xây dựng website bán hàng với TomatoCart  9E072E69657EB162A50389860C65B425

Tiếp đến, bạn vào Start > Catalog > Products > New Product để tạo sản phẩm mới. Hộp thoại New Product gồm các thẻ: General (thông tin chung như tên, mô tả sản phẩm), Data (thông tin chi tiết như giá cả, số lượng), Categories (chọn danh mục sản phẩm), Image (ảnh minh họa; nhấn Add chọn thêm nhiều ảnh nữa), Attributes (thuộc tính sản phẩm; vào Start > Catalog > Product Attributes để tạo thuộc tính), Xsell Products (sản phẩm liên quan; chỉ việc nhấp vào mũi tên xổ xuống tại hộp Xsell Products để tìm sản phẩm liên quan rồi nhấn Insert).

Xây dựng website bán hàng với TomatoCart  A16BC700B21A7240C13A2F7586B094A7

Tại thẻ Data, bạn cần khai báo các thông tin chi tiết về sản phẩm như: mã số (SKU), nhà sản xuất (Manufacturer; vào Catalog > Manufacturers để tạo thêm một nhà sản xuất mới), trọng lượng (Weights), ngày bán hàng (Date Available). Tại mục Product Type, bạn chọn loại sản phẩm: Simple Products (sản phẩm bình thường), Downloadable Products (sản phẩm có thể tải về; áp dụng đối với sản phẩm là phần mềm, ebook,…), Gift Certificate (chọn mua và gửi tặng sản phẩm đế người khác). Bạn quy định giá bán tại trường Price, gồm: Net Price (giá chưa thuế) và Gross Price (giá đã có thuế), Price Discount Group (giảm giá đối với nhóm khách hàng đặc biệt). Nếu là sản phẩm chịu thuế, bạn nhấp vào mũi tên tại mục Tax Class và chọn Taxable Goods. Sau khi nhập vào ô Net Price, ô Gross Price sẽ tự động cộng thêm thuế vào giúp bạn. Xong, bạn nhập số lượng hàng đang có vào ô Quantity và đơn vị tính vào ô Quantity Unit.

Xây dựng website bán hàng với TomatoCart  FA6803C803077E1DA724116BE7708F57

Lưu ý: Mục Price Discount Group tại thẻ Data cho phép giảm giá đối với nhóm khách hàng thân thiết. Để tạo nhóm, bạn vào Start > Customers > Customer Groups, nhấn Add và đặt tên cho nhóm. Tiếp đến, bạn vào Customers > Customers, tìm đến khách hàng cần đưa vào nhóm, rồi nhấn biểu tượng Xây dựng website bán hàng với TomatoCart  BDF432406AA40F4444D3F437965FD899 bên cạnh. Trên hộp thoại hiện ra, bạn nhấp vào mũi tên tại ô Customer Group và chọn nhóm cho khách hàng. Mỗi khi tạo sản phẩm, bạn chọn nhóm này tại mục Price Discount Group, các khách hàng trong nhóm sẽ được giảm giá.

Xây dựng website bán hàng với TomatoCart  CFACF8903E47DD1E500FAB58877D1CE0

Quản lý đơn hàng
Để mua hàng, người mua cần phải đăng ký tài khoản trên website và cung cấp các thông tin về địa chỉ, số điện thoại cho tiện liên lạc. Khi đăng nhập vào trang quản trị, hộp thoại Dashboard sẽ hiện ra thống kê những thay đổi mới trên website. Đơn hàng mới nhận được liệt kê tại khung New Orders, kèm theo số tiền, ngày đặt hàng, tên người mua cho bạn dễ theo dõi.

Xây dựng website bán hàng với TomatoCart  BDE9CE2E83EC6E95F9176E3E695B5340

Để xem chi tiết đơn hàng, bạn nhấn biểu tượng Orders trên màn hình. Tại đây, bạn nhấn Xây dựng website bán hàng với TomatoCart  85CE500251C79FBC184B36CB9E5C8726 để ghi hóa đơn (thông tin đơn hàng sẽ được lưu đồng thời vào mục Invoices), nhấn Xây dựng website bán hàng với TomatoCart  A3532C0834B2DCD324A096474441BBA7 để in đơn đặt hàng ra giấy.

Xây dựng website bán hàng với TomatoCart  1B5CA4FCB459647C2D77E79C9BD94178

Nhấn Xây dựng website bán hàng với TomatoCart  853F1BCC20796DE59F5509E4C778B9F1 để xem chi tiết đơn hàng, sau đó bạn chuyển sang thẻ Status History để cập nhật lại trạng thái đơn hàng. Mục Status gồm nhiều trạng thái như: Preparing (chuẩn bị giao hàng), Partly Paid (đã nhận được phân nửa tiền), Paid (đã nhận tiền), Delivered (đã giao hàng), Cancelled (hủy đơn hàng). Xong, bạn nhấn Update.

Xây dựng website bán hàng với TomatoCart  D9C0F347A0B6480DF2AAF80855A355E9

Lưu ý: Nếu sử dụng cơ sở dữ liệu mẫu của TomatoCart, khi người mua đặt hàng sẽ bị tính thêm phí vận chuyển 5USD. Do đó, bạn cần xóa phí này đi bằng cách: vào Start > Modules > Shipping Modules, nhấn nút Xây dựng website bán hàng với TomatoCart  D5FD59081B6AA5400E00AC196F33839D tại dòng Flat Rate.

Xây dựng website bán hàng với TomatoCart  32BD359730C669980477BCD87043B63F

Trình diễn giới thiệu sản phẩm

Phía dưới thanh menu trên trang chủ website là khung trình diễn giới thiệu các sản phẩm “nóng” khá sinh động. Để thêm một sản phẩm vào, bạn nhấn Slide Images trên màn hình quản trị. Trong hộp thoại Slide Images hiển thị các hình ảnh có sẵn, bạn nhấn Add thêm một quảng cáo mới.

Xây dựng website bán hàng với TomatoCart  A92E794F6ADA20AC5F8DA6F83E93E127

Tại hộp Edit Slide Image, bạn nhấn Browse… và tìm đường dẫn đến ảnh (dung lượng tối đa 200KB), nhập mô tả vào ô Description và liên kết đến sản phẩm cần quảng cáo (hoặc một website bất kỳ) vào ô Image Url, rồi nhấn Save.

Xây dựng website bán hàng với TomatoCart  5DDE6CDF9E630E1ACDCF6377F6C57ADB

Phương Trúc
power_settings_newLogin to reply
remove_circleSimilar topics
privacy_tip Permissions in this forum:
You cannot reply to topics in this forum