Advertisement
  1. Code
  2. WordPress
  3. Plugin Development

Xây Dựng Shop Áo Thun Của Riêng Bạn Với Plugin Spreadshirt Của WordPress

Scroll to top
Read Time: 13 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Bán Áo Thun Của Chính Bạn

Đầu năm nay, tôi đã có một ý tưởng bán áo thun để phản ánh về xã hội đang bị công nghệ hoá và xa rời tập thể. Tôi đã nảy ra ý tưởng thương hiệu là Sociables, và nhanh chóng xếp xó ý tưởng này trong một thư mục mà Jadah đã mô tả tại World Domination Summit là nơi chứa những thứ bạn sỡ hữu cho ý tưởng kinh doạnh mà bạn chẳng bao giờ cam kết thực hiện.

Sau đó tôi phát hiện ra một plugin miễn phí của WordPress cho Spreadshirt.com và quyết định viết bài hướng dẫn này để chỉ dẫn bạn quá trình xây dựng cửa hàng bán áo thun trực tuyến của bạn trên nền WordPress.

Một người tham gia WDS khác, Benny Hsu, gần đây đã viết về việc xây dựng doanh nghiệp áo thun của anh ấy, Get Busy Living, để kiếm được 100 ngàn đô dưới sáu tháng. Sở thích của tôi đúng với trò vui của việc quảng bá thông điệp Sociables của cộng đồng trong một thế giới đang quá chú tâm đến màn hình máy tính hơn là lợi nhuận và sự chi phối thế giới.

Every Once in a While You Gotta Look Up From Your Phone - SociablesEvery Once in a While You Gotta Look Up From Your Phone - SociablesEvery Once in a While You Gotta Look Up From Your Phone - Sociables

Có nhiều cách khác nhau để bán áo thun trực tuyến, với lợi điểm và bất lợi cho mỗi cách. Hsu sử dụng một dịch vụ goi vốn cộng đồng có tên là Teespring, tôi sẽ nói về nó sau. Biên độ lợi nhuận cao hơn cho dịch vụ như Teespring. Tuy nhiên, tôi đã muốn dùng gian hàng với WordPress làm trung tâm. vì thế tôi chọn Spreadshirt. Giống như CafePress, Spreadshirt dễ dàng tạo ra và đăng tải mẫu thiết kế và bán hàng. Khi bạn bán sản phẩm, bạn kiếm được khoản hoa hồng nhỏ cho mỗi lần mua hàng.

CafePress cung cấp một API, nhưng có vẻ WordPress plugin(MoneyPress) của họ không nhận được nhận xét tốt lắm. Nên tôi muốn bắt đầu với SpreadshirtSpreadshirt Plugin của nhà phát triển Thimo Grauerhoiz xây dựng.

Spreadplugin the Spreadshirt plugin for WordPressSpreadplugin the Spreadshirt plugin for WordPressSpreadplugin the Spreadshirt plugin for WordPress

Bài hướng dẫn này sẽ chỉ bạn từng bước tôi xây dựng shop Spreadshirt và xuất bản một trang WordPress cho cửa hàng Sociables của tôi.

Chọn Thương Hiệu của Bạn

Có hàng triệu ý tưởng về áo thun trên web. Tôi không thể tác động vào tầm nhìn của bạn, nhưng khi một bạn có điều này, bạn cần có tên miền và các tài khoản Twitter, Pinterest và Instagram. Tôi đã từ bỏ các trang Facebook (bởi Facebook quá khó khăn để tiếp cận các người hâm hộ nếu không trả tiền) nhưng Hsu chủ động tận dung quảng cáo mục tiêu của Facebook để gom sales.

Tôi dùng Domainer để tìm các tên miền cho ý tưởng kinh doanh của mình. Sociables.com đã được lấy, nhưng Sociables.io thì còn. Domainr cũng có một ứng dụng cho iOS. Tôi đã tìm ra Gandi.net là nơi đăng ký tên miền có nhiều chức năng và tiết kiệm nhất. @Sociables đã được sử dụng trên Twitter, thế nên tôi chọn @Socialblesio.

Chọn Một Giao Diện WordPress

Tôi tìm trên Google và ThemeForest để kiếm các thiết kế cho shop bán áo thun và sau cùng tôi đã chọn Armonico giá 58 đô. Tôi sẽ không dùng các tính năng của WooCommerce (bởi vì tôi muốn Spreadshirt kiểm soát phần xử lý cho sản phẩm), tôi thích thiết kế và sự trau chuốt mà Armonico mang lại. Họ cũng hồi đáp cho tôi rất nhanh về các câu hỏi trước khi mua hàng và mang đến cam kết 30 ngày hoàn tiền cho dịch vụ.

Armonico Theme for WordPress on Theme ForestArmonico Theme for WordPress on Theme ForestArmonico Theme for WordPress on Theme Forest

Thuê Một Người Thiết Kế

Tôi không phải là một nhà thiết kế nên tôi đã tìm một người bản địa ở Pacific Northwest mà tôi từng làm chung trước đây. Anh ta goi mình là Pope, và anh ấy là một trong những người đã dành một tháng tại sự kiện Burning Man về việc xây dựng và phân chia nhỏ thành phố. Anh ấy cũng là một nhà thiết kế đồ hoạ nhanh nhẹn và hiệu quả chuyên cho WordPress, và đang tự vận hành các shop bán áo thun của riêng mình. Anh ấy đã biến một vài ý tưởng sơ khai của tôi thành thực tế. 

Looking for me on Tinder t-shirt concept for SociablesLooking for me on Tinder t-shirt concept for SociablesLooking for me on Tinder t-shirt concept for Sociables

Chú ý: vì hạn chế về ngân sách dành cho thiết kế, tôi đã không yêu cầu anh ấy làm những thiết kế áo thun không có màu trắng và không dành cho nam giới.

Đăng Ký ở Spreadshirt

Đầu tiên, bạn cần đăng ký ở Spreadshirt.com

Register at SpreadshirtRegister at SpreadshirtRegister at Spreadshirt

Sau đó, hãy đến phần tạo shop:

Create a shop at SpreadshirtCreate a shop at SpreadshirtCreate a shop at Spreadshirt

Chọn một màu và bố cục cho shop Spreadshirt của bạn. Điều này sẽ không ảnh hưởng nhiều khi bạn sẽ hướng người dùng trở về trang shop bằng WordPress.

Choose Color and Layout of Shop at SpreadshirtChoose Color and Layout of Shop at SpreadshirtChoose Color and Layout of Shop at Spreadshirt

Đặt tên và mô tả shop của bạn:

Set Name Language and Currency at SpreadshirtSet Name Language and Currency at SpreadshirtSet Name Language and Currency at Spreadshirt
Bạn sẽ được yêu cầu tạo một sản phẩm mẫu. Tôi chỉ mới tạo ra một thiết kế tạm thời:
Create Design Sample at SpreadshirtCreate Design Sample at SpreadshirtCreate Design Sample at Spreadshirt

Bạn nên nhìn thấy điều này khi nó hoàn tất:

Create a Shop at Spreadshirt FinishedCreate a Shop at Spreadshirt FinishedCreate a Shop at Spreadshirt Finished

Spreadshirt cũng có một API và bạn sẽ cần nó để truy cập vào plugin. Đăng ký từ blog của họ:

Spreadshirt API KeysSpreadshirt API KeysSpreadshirt API Keys

Ghi lại mã API của bạn, sau này bạn sẽ sử dụng nó để cấu hình cho plugin:

Get Your API Keys - SpreadshirtGet Your API Keys - SpreadshirtGet Your API Keys - Spreadshirt

Cài Đặt Hosting Của Bạn

Tôi đang vận hành Sociables với Digital Ocean bởi vì giá tiền không quá cao và cung cấp ổ cứng SSD cho hosting. Bạn có thể tìm thấy hướng dẫn trực quan để cài đặt WordPress với Digital Ocean tại đây. Bất kể bản cài đặt WordPress nào cũng được. Bạn cũng có thể tích hợp WP-Spreadplugin vào trang WordPress hiện tại, bài hướng dẫn tập trung vào việc xây dựng một trang shop WordPress độc lập từ đầu.

Cài Đặt Giao Diện

Đầu tiên, bạn sẽ cần một giao diện. Tôi đã chọn mua Armonico ở ThemeForest, 58 đô:

Install the Armonico ThemeInstall the Armonico ThemeInstall the Armonico Theme

Là một phần của quá trình cài đặt giao diện Armonico, bạn sẽ được yêu cầu cài đặt một số plugins: MP Isotopes và MP Core. Nó sẽ cung cấp cho bạn các liên kết đến các plugin đó trong phần quản trị trang. Tôi cũng nhận ra tôi gặp một số lỗi trừ phi tôi đã cài đặt WooCommerce trước đó. Tuy nhiên, tôi không cần sử dụng bất kỳ tính năng nào của WooCommerce.

Chú ý: Nếu bạn quyết định sử dụng WooCommerce, vậy bạn sẽ tự chịu trách nhiệm cho phần xử lý thanh toán và sản phẩm. Phần tốt nhất của những dịch vụ shop áo thun này là họ sẽ xử lý tất cả các phần này.

Sau đó, tôi cài đặt các plugins tôi thường khuyến nghị: Yoast SEO, Google Analytics, Contact Form 7, và Mailgun. Hai plugins sau cuối tôi thường dùng để củng cố cho mẫu liên hệ - sẽ một bài hướng dẫn trên Tuts+ về chúng, vì thế hãy thăm trang hướng dẫn của tôi, bài viết được lên lịch xuất bản vào 16th. tháng 12, năm 2014.

Bổ sung Spreadshirt Plugin vào WordPress

Bây giờ, chúng ta cài đặt Spreadshirt plugin cho WordPress. Plugin được phát triển bởi Thimo Grauerhoiz. Anh ấy vận hành một trang áo thun với một phiên bản tuỳ biến của nó tại Lovetee. Thimo cũng tử tế và nhanh chóng trả lời câu hỏi của tôi qua email

Lovette - Sample Spreadshirt ShopLovette - Sample Spreadshirt ShopLovette - Sample Spreadshirt Shop

Từ phần quản trị, thêm một plugin mới và tìm WP Spreadshirt:

Install the Spreadplugin for SpreadshirtInstall the Spreadplugin for SpreadshirtInstall the Spreadplugin for Spreadshirt

Nhấp Install Now và kích hoạt nó:

Activate the Spreadplugin for SpreadshirtActivate the Spreadplugin for SpreadshirtActivate the Spreadplugin for Spreadshirt

Tải thiết kế của bạn lên Spreadshirt

Trước khi bắt đầu dùng Spreadshirt, chúng ta phải tải thiết kế lên Spreadshirt và tạo sản phẩm:

Upload art for your design at SpreadshirtUpload art for your design at SpreadshirtUpload art for your design at Spreadshirt

Chọn thiết kế bạn muốn đăng tải:

Confirm trademark at SpreadshirtConfirm trademark at SpreadshirtConfirm trademark at Spreadshirt

Đặt tên gọi và tên tag cho thiết kế:

Describe the design for SpreadshirtDescribe the design for SpreadshirtDescribe the design for Spreadshirt

Bạn nên xem cái này sau khi mỗi thiết kế đã đăng tải:

Design complete at SpreadshirtDesign complete at SpreadshirtDesign complete at Spreadshirt

Tạo Các Danh Mục

Chúng ta cũng cần tạo các danh mục trong Spreadshirt. Tôi đã tạo một danh mục cho mỗi thiết kế cho nên khi mọi người nhấp chọn thông qua trang chủ Sociables, họ sẽ thấy các thiết kế áo thun cho nam và nữ, ví dụ. tinder, talks to stranger, và còn nhiều nữa.

Create Categories at SpreadshirtCreate Categories at SpreadshirtCreate Categories at Spreadshirt

Ghi lại mỗi số ID cho từng danh mục, bởi vì bạn sẽ cần sử dụng chúng khi bạn đặt các shortcode của Spreadshirt plugin trên các bài viết của WordPress cho mỗi thiết kế.

Tạo Sản Phẩm Bên Phía Spreadshirt

Tiếp đến, chúng ta tạo sản phẩm, một cho nam và một cho nữ. Chọn loại áo thun, giới tính và màu sắc trong phần thiết kế sản phẩm của Spreadshirt.

Create more Products at SpreadshirtCreate more Products at SpreadshirtCreate more Products at Spreadshirt

Từ trang Products của Spreadshirt, chuyển cặp sản phẩm sang phần danh mục thích hợp. Ví dụ, cho "Looking for Me on Tinder", tôi chuyển áo nam và áo nữa đến mục Tinder tôi đã tạo ra.

Add Your Products to CategoriesAdd Your Products to CategoriesAdd Your Products to Categories

Xây Dựng Shop Của Bạn Với WordPress Armonico

Bây giờ chúng ta có thể trở lại xây dựng trang shop WordPress. Trang chủ cho Armonico chạy tuần hoàn phần slider và chọn các ô vuông sản phẩm bên dưới từ bài viết nằm bên trong danh mục bạn tao ra.

Tạo một Danh Mục cho Các Sản Phẩm của Bạn

Đầu tiên, tôi tạo một danh mục sản phẩm:

Add a category to WordPressAdd a category to WordPressAdd a category to WordPress

Tạo Các Trang Sản Phẩm

Sau đó tôi tạo các bài viết về sản phẩm cho từng thiết kế. Tôi đặt những bài viết này vào danh mục sản phẩm. Và tôi đặt shortcode của Spreadplugin có xác định ID của danh mục từ trang shop Spreadshirt.com của tôi, các ID mà tôi đã ghi chú lại:

Create Product Pages in WordPressCreate Product Pages in WordPressCreate Product Pages in WordPress

Đây là shortcode:

1
[spreadplugin shop_category="yourid"]

Có nhiều tài liệu về WP-SpreadPlugin ở đây.

Bạn cũng cần chọn hình ảnh đặc trưng cho slider xuất hiện ở trang chủ:

Set the Featured Image for Your PostSet the Featured Image for Your PostSet the Featured Image for Your Post

Sau cùng, bạn cần trở về trang Spreadplugin Options và dựng lại bộ nhớ đệm (cache). Bạn cũng có thể chờ để thực hiện việc đó khi tất cả bài viết sản phẩm đã hoàn tất. Phần xử lý này hơi chậm một chút - Tôi sẽ nói về hiệu năng của Spreadshirt.com sau.

Rebuild the Cache for the Spreadshirt PluginRebuild the Cache for the Spreadshirt PluginRebuild the Cache for the Spreadshirt Plugin

Cấu Hình cho Slider

Vào trang Theme Options của Armonico và chọn danh mục hoặc các danh mục bạn muốn dùng cho slider và cho các ô vuông sản phẩm bên dưới slider:

Set the Slider to Point to the Category of PostsSet the Slider to Point to the Category of PostsSet the Slider to Point to the Category of Posts

Slider của tôi trông thế này đây:

The Armonico Home Page SliderThe Armonico Home Page SliderThe Armonico Home Page Slider

Để cài đặt widgets của Armonico bên cạnh Slider đã có, hãy đến menu Appearance > Widgets. Chọn Action Boxes > Sidebar > Add Widget.

Configure the Action Boxes Configure the Action Boxes Configure the Action Boxes

Xác định các liên kết, hình ảnh và nội dung chữ cho từng mục.

Settings for Action BoxesSettings for Action BoxesSettings for Action Boxes

Đây là những phần nội dung đã nhập vào của tôi sau khi cấu hình

Home Page Action Boxes in Armonico ThemeHome Page Action Boxes in Armonico ThemeHome Page Action Boxes in Armonico Theme

Tôi tải về các biểu tượng của Armonico cho các hộp hành động từ trang mẫu của họ, tôi đã không thể tìm ra chúng ở trong phần giao diện được tải về.

Ra Mắt Trang của Bạn

Cuối cùng, bạn có thể ra mắt trang của mình. Bạn có thể xem qua trang của tôi như thế nào tại Sociables.io:

The Completed Armonico ShopThe Completed Armonico ShopThe Completed Armonico Shop

Tôi khuyến nghị bắt đầu bằng việc email cho bạn bè của bạn và chia sẻ trang của bạn trong mạng xã hội. Góp nhặt phản hồi từ mọi người và tiêu chuẩn hoá phần trả lời. Dùng phản hồi để cải thiện các thiết kế, chọn lựa sản phẩm và giá cả, và cho cả trang shop.

Khi bạn sẵn sàng để trải rộng sự chú ý, cân nhắc quảng cáo trên Facebook và Twitter để lan truyền thông tin. Đọc thêm về cách phương pháp quảng cáo của Benny Hsu. Anh ấy trải qua nhiều lần thử nghiệm và sai lầm với quảng cáo của mình để tìm ra điều gì thực sự công hiệu.

Trải Nghiệm Với Những Nhà Cung Cấp Khác

Hsu cũng sử dụng Teespring, môt công ty từ vốn cộng đồng, bán áo thun loại hình drop-shipping và dễ dàng sử dụng. Bạn có thể đọc thêm về những phần thực hành phát triển của Teespring tại đây.

Một lợi thế cực lớn cho Teespring là họ cung cấp mức hoa hồng tốt hơn rất nhiều so với CafePress và Spreadshirt. Một giới hạn của các trang gọi vốn cộng đồng với thời gian giới hạn của Teespring là nếu bạn không đạt được số đơn hàng tối thiểu, không có sản phẩm nào được bán ra cả.

Pope hướng tôi đến TeeChip, dịch vụ không gặp phải sự giới hạn này nhưng cách vận hành thì tương tự Teespring.

Việc cài đặt chiến dịch của TeeChip trông như thế này đây. Bạn đăng tải thiết kế của bạn và chọn một sản phầm và các màu sắc:

TeeChip Design WizardTeeChip Design WizardTeeChip Design Wizard

Bạn chọn giá và mục tiêu lợi nhuận:

Teechip PricingTeechip PricingTeechip Pricing

Đây là trang mà người dùng sẽ nhìn thấy:

Teechip PreviewTeechip PreviewTeechip Preview

Chú ý rằng những sản phẩm này có thời gian giới hạn, vì thế bạn cần phải kích hoạt chúng lại lại đỉnh kỳ. Tuy nhiên, không có giới hạn xử lý tối thiểu. Tất cả đơn hàng của khách hàng đều được chuyển đi.

Nhận xét về Spreadshirt

Cá nhân tôi, càng dấn sâu vào bài hướng dẫn sử dụng Spreadshirt, tôi càng thấy thất vọng về những tuỳ chọn sản phẩm và cấu hình cho shop. Hiệu năng của trang không tốt lắm, và điều này làm cho việc thực hiện thay đổi trở nên vất vả tăng dần. Tôi ước rằng mình chỉ có thể đăng tải một thiết kế và để cho khách hàng chọn áo nam hoặc nữ và chất lượng áo hoặc một sản phẩm đặc trưng, nhưng Spreadshirt muốn bạn chọn tất cả thứ này trước đó.

Tôi nhận ra TeeChip đơn giản hơn nhiều, và họ mang lại sự linh hoạt trong những tình huống cấu hình cho sản phẩm. Bạn cũng có thể kiếm được biên độ lợi nhuận cao hơn đáng kể với các trang gọi vốn cộng đồng.

Hiện giờ, vẫn chưa có WordPress Plugin nào cho Teespring và TeeChip. Bạn chắc có thể nhúng một iFrame nhưng tôi vẫn chưa từng thử. Một chọn lựa khác là đặt một hình ảnh tĩnh vào trang của bạn và liên kết nó tới các chiến dịch, nhưng bạn sẽ cần thường xuyên làm mới các chiến dịch này khi chúng hết hạn. I thực sự hy vọng những công ty này sẽ cung cấp phần tích hợp cho WordPress trong tương lai.

Vậy, ở vài thời điểm, tôi chắc sẽ cập nhật trang của tôi để thay thế Spreadshirt sang sử dụng TeeChip. Trải nghiệm của bạn có thể khác tôi.

Tất nhiên có rất nhiều cách để xây dựng một shop áo thun với WordPress; hãy vui lòng để lại bình luận bất kỳ, các chỉnh sửa hoặc ý tưởng bổ sung bên dưới.  Tôi rất muốn nghe những trải nghiệm từ bạn.

Bạn cũng có thể duyệt qua những bài viết khác trên trang hướng dẫn của tôi hoặc dõi theo tôi trên Twitter @reifman.

Các Liên Kết Liên Quan

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.