Cách tạo một cửa hàng trực tuyến tuyệt vời với WooCommerce, Divi và SiteGround (2023)

Nếu bạn đăng ký một dịch vụ từ một liên kết trên trang này, Reeves and Sons Limited có thể kiếm được hoa hồng. Xem của chúng tôi Chuẩn mực đạo đức.

Hơn 74 triệu trang web phụ thuộc vào nền tảng WordPress để lưu trữ blog, bán sản phẩm hoặc chỉ viết những suy ngẫm hàng ngày cho cả thế giới xem. Khi bạn bắt đầu xây dựng trang web thương mại điện tử bạn chắc chắn có rất nhiều lựa chọn để thực hiện và WordPress liên quan đến điều này.

Nổi bật nào nền tảng thương mại điện tử bạn sẽ chọn chứ? Bạn đang dự định lấy một chủ đề để bán sản phẩm của mình hay có ai đó mà bạn có thể trả tiền để xây dựng trang web từ đầu không? Heck, bạn thậm chí còn dự định bán gì thông qua trang web thương mại điện tử của mình?

Lưu ý của biên tập viên: Bài đăng này ban đầu được xuất bản vào ngày 15 tháng 2015 năm XNUMX và đã được sửa đổi và cập nhật hoàn toàn để đảm bảo tính chính xác và toàn diện.

Có hàng nghìn đến hàng triệu chủ đề WordPress để lựa chọn khi bạn tìm kiếm cấu trúc giao diện người dùng và phụ trợ để bắt đầu bán hàng trực tuyến. Gần giống với việc lưu trữ (nhưng chúng tôi thích SiteGround or Bluehost).

Các chủ đề tốt nhất bao gồm các công cụ quản lý thương mại điện tử nhanh chóng và dễ dàng để bạn có thể tải sản phẩm lên và quản lý những thứ như giảm giá, phần thưởng, nút và trang sản phẩm. Chủ đề của bạn cũng là điều đầu tiên mà mọi người sẽ nhìn thấy khi họ truy cập trang web của bạn. Nó hướng dẫn họ trong suốt quá trình và thực sự mang lại sự khác biệt giữa việc ai đó có hài lòng với trải nghiệm này hay không.

Nói tóm lại, các chủ đề WordPress rất quan trọng và Divi Chủ đề WordPress từ Elegant Themes là một lựa chọn khá đẹp mắt để bạn cân nhắc. Nó có thể được sử dụng cho một trang web kinh doanh tiêu chuẩn, nhưng nó cũng bao gồm các tích hợp để bán hàng thương mại điện tử và quy trình bán hàng nhanh chóng. Hãy cùng tìm hiểu cách tạo một cửa hàng trực tuyến với Divi Chủ đề WordPress.

Nhận tên miền và dịch vụ lưu trữ của bạn trước tiên

💡Bước đầu tiên trong bất kỳ quy trình tạo trang web nào là lấy tài khoản lưu trữ, tên miền và cài đặt WordPress trên trang web. Divi cũng không khác gì Có rất nhiều cách để có được hosting và tên miền nhưng cá nhân tôi nghĩ SiteGround là một trong những lựa chọn an toàn và đáng tin cậy nhất. (Để biết thêm chi tiết, hãy xem toàn diện của chúng tôi SiteGround xem xét).

Điều thực sự thú vị đó là SiteGround cung cấp một chuyên ngành quản lý WooCommerce lưu trữ gói dịch vụ có khá nhiều thứ bạn cần để bắt đầu bán hàng trực tuyến. Trong gói, bạn có thể giải quyết cho một trong hai StartUp Kế hoạch cho những người mới bắt đầu, Kế hoạch GrowBig cho các doanh nghiệp đang phát triển, hoặc GoGeek cho thành lập WooCommerce cửa hàng.

Mỗi trong số này cung cấp các tính năng nâng cao để tối ưu hóa WooCommerce trang web ở một mức giá hợp lý.

Điều đó nói lên rằng, một dịch vụ lưu trữ khác mà chúng tôi đặc biệt khuyên dùng cho Divi WooCommerce cửa hàng là BlueHost. Mặc dù các tính năng ở đây không phù hợp với SiteGround's, bạn vẫn nhận được WooCommerce-lưu trữ tập trung thông qua gói thương mại điện tử WordPress. Các kế hoạch có thể thoải mái xử lý một Divi WooCommerce store, nhưng thật đáng buồn là bạn sẽ không nhận được các dịch vụ được quản lý.

👉 Bây giờ, để rõ ràng, hãy tiếp tục với SiteGround...

Làm thế nào để bạn bắt đầu?

Tới SiteGround Quản lý WooCommerce Lưu trữ web trang, chọn một kế hoạch lý tưởng và nhấp vào Nhận kế hoạch.

Theo tôi, Gói GoGeek có vẻ như là lựa chọn phù hợp nhất vì nó hỗ trợ không giới hạn WooCommerce các trang web có khả năng thương mại điện tử tiên tiến. Ngoài sức mạnh máy chủ lớn hơn, bạn còn nhận được hỗ trợ ưu tiên, dàn dựng WordPress, sao lưu theo yêu cầu và tài nguyên siêu tốc, cũng như chuyển trang miễn phí và Cloudflare CDN, cùng các tính năng vững chắc khác.

👉 Và liên quan đến các khoản phụ cấp nguồn lực, kế hoạch này bao gồm:

  • hộp thư 6GB
  • Lưu trữ cơ sở dữ liệu 1 GB
  • Lưu trữ SSD
  • Truyền dữ liệu không đo lường
  • Dung lượng lưu trữ 30GB
  • Lên tới 100,000 lượt truy cập hàng tháng

Hãy ghi nhớ rằng dịch vụ này bắt đầu từ $11.95 mỗi thángvà nó rất giống với cách bạn cài đặt một trang WordPress thông thường trên tài khoản lưu trữ Bluehost.

Nhưng hãy nhớ, đó là mức giá đặc biệt dành cho người mới bắt đầu. Dự kiến ​​nó sẽ tăng lên 34.95 USD khi gia hạn trong tương lai, đây vẫn là một khoản phí hợp lý nếu bạn xem xét tất cả các tính năng bạn có được trong thời gian dài.

Bây giờ, khi bạn đã chọn gói ưu tiên của mình, SiteGround sẽ hướng dẫn bạn đến trang đăng ký tên miền của nó. Nếu bạn đã sở hữu một miền, hãy chọn tùy chọn thứ hai và nhập thông tin chi tiết về miền đó. Khácwise, hãy tiến hành đăng ký tên miền mới với giá 15.95 USD một năm.

Tiếp theo là giai đoạn cuối cùng, nơi bạn chọn các tùy chọn lưu trữ ưa thích cũng như nhập thông tin thanh toán và thông tin cá nhân trước khi tạo tài khoản.

Tất nhiên, đây là những điều cơ bản mà bạn đã từng xử lý nhiều lần trước đây. Vì vậy, bạn sẽ không gặp bất kỳ khó khăn nào khi nhập số điện thoại, quốc gia, tên, email, mật khẩu tài khoản, v.v.

Phần thanh toán yêu cầu bạn nhập thông tin thẻ tín dụng. Bạn có thể tiếp tục với một trong hai Khám phá, MasterCard or Visa

Tuy nhiên, và khá thú vị, SiteGround không liệt kê PayPal, mặc dù nó ngày càng phổ biến trong giới WooCommerce thương gia. Tuy nhiên, may mắn thay, hóa ra họ có thể chấp nhận thanh toán PayPal, dù là gián tiếp.

Do đó, nếu đây là chế độ ưa thích của bạn, chỉ cần để trống các trường và liên hệ SiteGroundcủa đại lý bán hàng thông qua công cụ trò chuyện trực tiếp. Họ sẽ giúp bạn hoàn tất quy trình thông qua PayPal.

Phần cuối cùng chứa một số tùy chọn cho dịch vụ lưu trữ của bạn, bao gồm vị trí trung tâm dữ liệu ưa thích của bạn, cộng với thời gian đăng ký.

Bây giờ, để giảm thiểu khoảng cách truyền dữ liệu giữa Sitegroundmáy chủ của và của bạn WooCommerce khách truy cập trang web, hãy chọn vị trí trung tâm dữ liệu gần khu vực thị trường mục tiêu của bạn nhất.

Sau đó chọn bất kỳ dịch vụ bổ sung nào bạn muốn đưa vào gói của mình và thì đấy! Đó là tất cả những gì cần thiết để thiết lập một Siteground tài khoản.

Sau khi hoàn tất, hãy đăng nhập vào tài khoản của bạn và đi thẳng đến khu vực cPanel. Bạn sẽ tìm thấy trình cài đặt tự động mặc định của WordPress. Vì vậy, hãy chọn nó, nhập chi tiết đăng nhập WordPress của bạn và nhấn nút cài đặt.

Chà, bạn sẽ nhận thấy quá trình cài đặt WordPress mất vài giây vì tất cả đều tự động. Và sau khi mọi thứ đã được thiết lập, SiteGround sẽ cung cấp cho bạn tên miền thích hợp để truy cập nếu bạn muốn thay đổi mọi thứ ở phần phụ trợ của trang web của mình.

Tạo cửa hàng trực tuyến của bạn với Divi

Những gì là Divi?

Được rồi, nếu bạn chưa thử, tôi cá là bạn đã nghe nói về nó rồi. Divi không bình thường WooCommerce chủ đề. Trên thực tế, đây là một trong những chủ đề WordPress phổ biến nhất trên Elegant Themes. Và thật thú vị, Divi is Chủ đề thanh lịchsản phẩm chủ lực của.

Vậy chủ đề này có gì đặc biệt? Và có điều gì nổi bật về Divi'S WooCommerce?

Chà, không giống như các chủ đề WordPress điển hình, Divi là một gói toàn diện hơn. Điều đó có nghĩa là nó kết hợp các tính năng chủ đề tiêu chuẩn với các chức năng bổ sung hữu ích cho Divi WooCommerce cửa hàng.

những gì là divi

Đừng hiểu lầm tôi. Mặc dù Divi'S WooCommerce hỗ trợ là trọng tâm chính ở đây, chủ đề này có khả năng làm được nhiều hơn thế. Về bản chất, Divi có thể được tích hợp liền mạch với bất kỳ loại trang web nào nhờ có nhiều bố cục trang web. Không chỉ thương mại điện tử.

Sau đó, để hoàn thiện nó, Divi đi kèm với trình tạo trang WordPress trực quan của riêng nó plugin. Bạn có thể sử dụng nó để tự do tùy chỉnh Divi WooCommerce lưu trữ mà không có bất kỳ mã hóa nào cả.

Trong thực tế, Divi được phát triển cho người mới bắt đầu. Vì vậy, bạn có thể mong đợi tìm thấy một bảng điều khiển gọn gàng mà hầu như không có đường cong học tập. Chỉ mất vài phút để hiểu rõ toàn bộ Divi hệ sinh thái, thiết lập và tùy chỉnh Divi'S WooCommerce bố cục.

👉 Do đó, cuối cùng, bạn sẽ có thể tận dụng Divi'S:

  • Mảng bố cục có thể tùy chỉnh cho bất kỳ loại trang web WordPress nào, bao gồm WooCommerce cửa hàng trực tuyến.
  • Trình tạo trang dễ sử dụng, cung cấp nhiều thành phần trang web và khả năng thiết kế.
  • Quá trình tùy chỉnh linh hoạt mà không cần bất kỳ hình thức mã hóa nào. Ngay cả người mới cũng có thể thoải mái thiết lập và tinh chỉnh đầy đủ chức năng Divi WooCommerce cửa hàng.
  • Tích hợp WordPress đơn giản. Divi là một trong số ít các chủ đề WordPress bên ngoài có thể được cài đặt liền mạch mà không cần bất kỳ chỉnh sửa phức tạp nào.
  • Tối ưu hóa thương mại điện tử WooCommerce mẫu.

Divi Trình tạo trang kéo và thả

Như chúng tôi đã nói, Divi có hai hương vị khác nhau. Khi bạn thanh toán phí thành viên trên Chủ đề thanh lịch, bạn sẽ tìm thấy tiêu chuẩn Divi Chủ đề trên bảng điều khiển, kèm theo Divi Trình tạo trang WordPress plugin.

Tuy nhiên, cần lưu ý rằng công cụ xây dựng này không chỉ gắn liền với Divi Chủ đề. Nó đến như một phần bổ sung plugin cho mọi chủ đề có được từ Elegant Themes.

Điều đó nói rằng, Divi WordPress Page Builder là trình chỉnh sửa kéo và thả với khả năng tùy chỉnh nâng cao. Nó cho phép bạn di chuyển và xác định các thành phần, cột, hàng và mô-đun mà không cần bất kỳ kinh nghiệm viết mã nào. Nói cách khác, đó là kiểu người xây dựng Divi WooCommerce người mới bắt đầu hy vọng có được.

divi thiết lập

Tuy nhiên, đừng nhầm lẫn. Mặc dù Divi Trình tạo trang nhắm đến người mới bắt đầu, đây là trình chỉnh sửa cũng hỗ trợ các nhà phát triển có kinh nghiệm. Họ có thể kết hợp một cách có hệ thống các tính năng trực quan của nó với các điều khiển CSS để thúc đẩy Divi WooCommerce các trang web lên cấp độ tiếp theo.

Tuy nhiên, hãy nghĩ xem, bạn không cần một nhà phát triển để thiết kế tất cả các thành phần trong Divi WooCommerce hàng. Bạn có thể chỉ dựa vào các chức năng trực quan.

Và bạn biết gì không?

Divi thậm chí còn cố gắng làm cho toàn bộ quá trình trở nên dễ dàng hơn nhiều bằng cách gắn nhãn và mã hóa màu cho các mô-đun bố cục của nó.

Và nói về điều này, một điều khoản đáng chú ý khác ở đây là Diviđơn giản hóa tổng thể của quá trình tùy chỉnh bố cục. Ví dụ: nếu bạn muốn giới thiệu một phần mới, chỉ cần một cú nhấp chuột. Sau đó sao chép, xóa và chèn các mô-đun cho Divi WooCommerce store sẽ chỉ đưa bạn một vài cú nhấp chuột vào nút.

Trong khi đó, DiviCửa sổ chỉnh sửa của sẽ hiển thị các thay đổi về bố cục trang web của bạn theo thời gian thực. Bạn sẽ có thể theo dõi từng điều chỉnh một cách trực quan và xem nó ảnh hưởng như thế nào đến thiết kế triển vọng tổng thể của bạn. Divi WooCommerce cửa hàng.

Định trước Divi WooCommerce Bố cục trang web

Để cứu bạn khỏi quá trình khó khăn khi tạo một trang web từ đầu, Divi Chủ đề WordPress đi kèm với một loạt các mẫu trang web được thiết kế sẵn. Và vì bạn có thể cần các tùy chọn bố cục khác nhau của cùng một mẫu, Divi cung cấp các thiết kế trang web của mình dưới dạng gói toàn diện. Do đó, bạn sẽ có được bố cục và màu sắc mẫu khác nhau.

À, nói chính xác hơn, Divi cung cấp khoảng 7-8 bố cục được thiết kế sẵn khác nhau trên mỗi gói trang web. Xem xét từng bố cục đều được xây dựng hoàn chỉnh, bạn có thể dễ dàng áp dụng các bố cục mà không cần phải làm lại nhiều cấu trúc cơ bản của chúng. Bạn chỉ cần một vài điều chỉnh ở đây và ở đó.

divi bố cục trang web

Bây giờ để tìm cho mình một người hoàn hảo cho bạn WooCommerce cửa hàng trực tuyến, chỉ cần cuộn qua các danh mục trang web khác nhau trên Divi Chủ đề. Hoặc cách khác, sử dụng từ khóa để tìm kiếm qua tất cả các tùy chọn cùng một lúc.

Nói chung, không mất nhiều thời gian để xác định một người phù hợp Divi cách bố trí cửa hàng trực tuyến. Bạn chỉ cần tích hợp nó với WooCommercevà bạn sẽ bắt đầu thiết lập một trang web thương mại điện tử WordPress hấp dẫn.

Tiếp tục, một điều đặc biệt nổi bật mà bạn sẽ nhận thấy là Divi không chỉ tập trung vào ngoại hình. Các WooCommerce bố cục đi kèm với Divi Chủ đề cũng đã được xây dựng có tính đến chức năng.

Vì vậy, ngoài các trang cửa hàng điển hình như thanh toán, sản phẩm và giỏ hàng, Divi bao gồm các mô-đun thương mại điện tử theo mặc định. Cụ thể hơn, bạn sẽ nhận được các phần như sản phẩm nổi bật, mặt hàng đang giảm giá, v.v.

Is Divi Phù hợp với WooCommerce?

Tất cả mọi thứ đã được cân nhắc, Divi ngày càng phổ biến vì về cơ bản nó là một giải pháp chủ đề WordPress tất cả trong một.

Kết hợp lại, Divi Trình tạo trang và Divi chủ đề cung cấp khá nhiều thứ bạn cần để thiết lập bất kỳ loại trang web WordPress nào. Và điều đó bao gồm một chức năng đầy đủ WooCommerce store với tất cả các khả năng thương mại điện tử cốt lõi.

👉 Tóm lại, Divi là một lựa chọn đáng cân nhắc cho bạn WooCommerce trang web vì:

  • Bạn có thể tùy chỉnh WooCommerce trang web thông qua trình chỉnh sửa trực quan kéo và thả.
  • Divi cho phép bạn lưu các chỉnh sửa của mình dưới dạng các phần tử chung trên tất cả các bố cục.
  • Nó đi kèm với hơn 20 bố cục trang web dựng sẵn được thiết kế tốt.
  • Bạn có thể dễ dàng xuất bố cục và sau đó tận dụng chúng trên các trang web khác.
  • Bạn có thể thiết kế WooCommerce lưu trữ với nhiều cột, hàng và thành phần nội dung.
  • Tất cả WooCommerce bố cục đã được tối ưu hóa cho thiết bị di động.
  • Giống như MS Word, chỉnh sửa nội dung văn bản chỉ đơn giản là nhấp chuột rồi gõ.
  • Toàn bộ quá trình tùy chỉnh trang web được theo dõi trong thời gian thực, do đó cung cấp bản xem trước trực tiếp về tất cả các thay đổi thiết kế.
  • WooCommerce bố cục đi kèm với các trang và mô-đun cửa hàng trực tuyến chính.

Bước 1: Đăng ký với Elegant Themes để có quyền truy cập Divi

Bắt đầu bằng cách đi đến Trang sản phẩm Elegant Themes cho Divi Chủ đề WordPress. Trang này cung cấp tùy chọn demo chủ đề và nút tải xuống nhanh. Elegant Themes bán các chủ đề của mình bằng cơ cấu thanh toán hàng năm hoặc một lần, phù hợp với các nhà phát triển có nhiều trang web khách hàng hoặc những người điều hành nhiều trang web thương mại điện tử. Bạn thực sự không thể chỉ mua một chủ đề, nhưng Kế hoạch cá nhân với giá 67 đô la mỗi năm tương tự như số tiền bạn có thể trả cho một chủ đề thông thường và bạn có thể ngừng thanh toán hàng năm nếu không muốn nhận hỗ trợ nữa. Hãy thoải mái thử nghiệm chủ đề trước khi bạn cam kết thanh toán.

Divi Chủ đề WordPress

Bước 2: Cài đặt Divi trên trang web WordPress của bạn

Sau khi đăng ký, hãy nhấp vào nút tải xuống chủ đề. Thao tác này sẽ đặt chủ đề dưới dạng tệp zip trên máy tính của bạn. Chuyển đến tab Giao diện ở phần phụ trợ của trang WordPress của bạn và nhấp vào tùy chọn Chủ đề.

Chủ đề mới của WordPress

Bước 3: Click vào nút Thêm mới

Wordpress thêm chủ đề mới

Bấm vào nút Tải lên chủ đề. Tìm và tải lên tệp zip chủ đề. Thực hiện quy trình để kích hoạt hoàn toàn chủ đề và sau đó bạn sẽ có thể thấy chủ đề ở giao diện người dùng của trang web của mình.

Tải lên chủ đề WordPress

Bước 4: Thiết lập của bạn WooCommerce Cửa hàng sách

Nếu bạn đi đến Divi Trang tài liệu chủ đề bạn sẽ tìm thấy mọi công cụ và tính năng mà bạn có thể sử dụng với chủ đề này, nhưng chúng tôi sẽ tập trung chủ yếu vào việc thiết lập một trang web thương mại điện tử. Sản phẩm Divi chủ đề hoàn toàn tương thích với WooCommerce để bạn có thể hiển thị tất cả các sản phẩm của mình từ đó.

Điều tuyệt vời là lần đầu tiên SiteGround đăng ký đã được cài đặt WooCommerce trên trang web WordPress của bạn, vì vậy bạn không phải lo lắng về việc cài đặt hoặc thiết lập nó. Nó đã có sẵn trong bảng điều khiển của bạn.

Bước 5: Thêm sản phẩm đầu tiên của bạn vào WooCommerce

Về mặt kỹ thuật, bạn đã thiết lập xong trang web thương mại điện tử nhưng chúng tôi thực sự muốn thêm một số sản phẩm để làm cho nó trông giống như một trang web thương mại điện tử ở giao diện người dùng. Chuyển đến bảng điều khiển WordPress của bạn, nhấp vào tab Sản phẩm bên dưới WooCommerce và nhấn vào mục Thêm sản phẩm.

WooCommerce thêm sản phẩm mới

Bước 6

Thao tác này sẽ hiển thị một trang sản phẩm mới để bạn điền vào. Nó trông rất giống với bất kỳ trình chỉnh sửa trang WordPress nào, ngoại trừ việc bạn có thể thêm tên sản phẩm, mô tả và hình ảnh nổi bật để mọi người có thể thấy sản phẩm trông như thế nào trên trang web của bạn.

Thương mại điện tử thêm trường sản phẩm mới

Bước 7: Khám phá WooCommerce Tính năng

Nếu bạn cuộn xuống bên dưới khu vực mô tả, bạn sẽ tìm thấy mọi thứ có thể WooCommerce tính năng để chơi xung quanh với. Vui lòng sửa đổi những thứ như số SKU, hàng tồn kho, giá cả, vận chuyển và thuộc tính. Các tính năng quá rộng nên tôi không thể phác thảo hết ở đây, nhưng bạn có thể truy cập WooCommerce trang tài liệu để hiểu mọi thứ bạn có thể thiết lập trên trang web thương mại điện tử của mình.

WooCommerce Tính năng, đặc điểm

Bước 8: Tạo trang chủ

Toàn bộ quan điểm của việc này là để tạo một trang chủ hoặc trang thông thường giới thiệu tất cả sản phẩm của bạn khi mọi người truy cập trang web của bạn. Do đó, bạn nên truy cập Trang > Thêm mới ở phía bên trái bảng điều khiển WordPress của bạn.

trang mới của wordpress

Bước 9: Thêm tiêu đề cho của bạn Divi Trang

Tạo tiêu đề cho trang của bạn. Nhấp vào nút Sử dụng Trình tạo Trang ở trên cùng và nhấn vào khu vực Chèn Mô-đun để bao gồm tiêu đề có chiều rộng đầy đủ. Bạn không cần phải chọn tiêu đề có chiều rộng đầy đủ, nhưng chúng tôi sẽ làm như vậy cho hướng dẫn này.

Trình tạo trang wordpress

Bước 10

Nhấp vào nút Tiêu đề toàn chiều rộng.

Thêm tiêu đề

Bước 11

Điền thông tin chi tiết về Tiêu đề trang web, văn bản Tiêu đề phụ và Màu văn bản. Bạn thậm chí có thể thay đổi Nhãn quản trị, chủ yếu để bạn tham khảo. Nhấn nút Lưu khi hoàn tất.

Tùy chỉnh tiêu đề

Bước 12

Nhấn vào ba thanh ở bên trái của mô-đun tiêu đề Toàn chiều rộng để thay đổi thêm cài đặt.

WordPress woocommerce thiết lập

Bước 13

Tại đây, bạn có thể tạo cho tiêu đề một màu nền đẹp mắt và thậm chí bao gồm một video cho công ty của bạn.

Tinh chỉnh các nút này xung quanh

Bước 14

Bây giờ tiêu đề đã hoàn tất, chúng ta có thể đưa mô-đun thương mại điện tử vào bằng cách nhấp vào vùng Chèn Cột.

Thiết lập thương mại điện tử Wordpress

Bước 15

Chọn số lượng cột bạn muốn, sau đó nhấp vào tùy chọn Insert Modules xuất hiện. Chọn nút Mua sắm ở gần cuối.

Thiết lập thương mại điện tử Wordpress

Bước 16

Hãy thoải mái sửa đổi cách bạn muốn hiển thị sản phẩm của mình. Vì vậy, bạn có thể muốn hiển thị các sản phẩm gần đây của mình, cùng với 12 mặt hàng trên trang, một vài cột và cách bạn muốn sắp xếp chúng. Nhấp vào nút Lưu.

Thiết lập thương mại điện tử Wordpress

Bước 17: Xem trước và xuất bản

Sau khi hoàn tất, bạn có thể nhấn nút Xem trước hoặc Xuất bản để xem các thay đổi ở giao diện người dùng. Như bạn có thể thấy, các sản phẩm hiển thị đẹp mắt và bạn luôn có thể quay lại để thay đổi cài đặt sản phẩm hoặc mặt tiền cửa hàng của mình trên phần phụ trợ WordPress. Chúc mừng!

Nếu bạn có bất kỳ câu hỏi nào về việc thiết lập Divi Chủ đề WordPress, vui lòng cho chúng tôi biết trong phần bình luận bên dưới.

Kết luận

Và đó là tất cả những gì cần thiết để bạn có được Divi WooCommerce cửa hàng trực tuyến được thiết lập và vận hành bằng cách sử dụng SiteGround tài khoản lưu trữ.

Tiến về phía trước, bạn có thể yên tâm rằng SiteGround sẽ xử lý tất cả các nội dung kỹ thuật quan trọng như cập nhật WordPress và WooCommerce bảo vệ. Đó là sự khác biệt cơ bản giữa quản lý WooCommerce giải pháp lưu trữ và chia sẻ lưu trữ thường xuyên. Do đó, nó mang lại cho bạn thời gian và không gian cần thiết để tập trung vào công việc của mình. WooCommerce quản lý cửa hàng.

Và như chúng ta đã thấy, điều đó sẽ rất dễ dàng với Divi chủ đề. Bạn luôn có thể truy cập Divi WooCommerce bố cục từ phần phụ trợ WordPress của bạn để tùy chỉnh thêm. nếu bạn wish, bạn thậm chí có thể thay đổi toàn bộ thiết kế bằng cách chuyển sang một bố cục khác có thể xử lý một WooCommerce lưu trữ là tốt. Sự lựa chọn là của bạn.

Nếu bạn có bất kỳ câu hỏi nào về việc thiết lập Divi Chủ đề WordPress, vui lòng cho chúng tôi biết trong phần bình luận bên dưới.

Nhận xét Responses 25

  1. Eric nói:

    “Tuyệt vời” lẽ ra phải bỏ tiêu đề

  2. Juanjo Hernandez nói:

    divi thì không sao, nhưng bạn sẽ gặp vấn đề khi phải lọc sản phẩm của cửa hàng, nó không có giải pháp tinh tế. Tôi không khuyên dùng nó vì nó không có giải pháp hoàn chỉnh. Nó không phải là một giải pháp hoàn chỉnh cho woocommerce

  3. Vicki nói:

    Xin chào, cảm ơn bạn vì bài viết này…
    Tuy nhiên, tôi đang tìm cách thiết lập một cửa hàng trực tuyến mới… nhưng sự khác biệt giữa việc thực hiện theo cách này là gì (ở trên: Bluehost+Wordpress+wooCommerce) so với chỉ Shopify?

    Đánh giá cao sự giúp đỡ của bạn!

  4. Jes nói:

    Cảm ơn bạn vì bài viết chi tiết này :) Bạn có biết cách tôi đặt kích thước hình ảnh/hình thu nhỏ cố định cho các sản phẩm được trưng bày không. Tôi đã cố gắng thay đổi nó trong cài đặt thương mại điện tử và tạo lại hình thu nhỏ nhưng không được.

  5. karen nói:

    ở Đan Mạch, chúng tôi có Viabill để bạn có thể thanh toán qua đó, có thể đính kèm nó vào cửa hàng trực tuyến của tôi không?

    1. Bogdan Rancea nói:

      Chào Karen,

      Điều đó hoàn toàn có thể xảy ra, bạn có thể cần liên hệ với nhà phát triển và xem chính xác cách triển khai Viabill trên trang web của mình.

      May mắn nhất,
      -
      Bogdan – Biên tập viên tại ecommerce-platforms.com

  6. Đá Mila nói:

    Có thể tạo ra một vendhoặc thị trường với divi & thu hút thương mại?

  7. Magda Metwally nói:

    Chào bạn,
    Tôi đang làm việc trong tính năng Cửa hàng và gặp hai vấn đề.
    1. Tôi đang cố gắng hiển thị TẤT CẢ sản phẩm và luôn phải chọn một danh mục? Tôi có phải tạo danh mục TẤT CẢ hay có cách nào khác?

    2. Tôi nhận thấy rằng với màn hình hiển thị các mặt hàng mua sắm, nó hiển thị tất cả các mặt hàng trên một trang (30 mặt hàng) thay vì trải rộng chúng trên các trang và cho phép người dùng chuyển đến trang 2, trang 3, v.v.? Có cách nào để thay đổi điều này để trang mặc định là 12 mục và phần còn lại chuyển sang trang tiếp theo không?

    1. Bogdan Rancea nói:

      Chào Magda,

      Bạn nên thử WpCurve cho các chỉnh sửa nhỏ liên quan đến WordPress.

      Chúc bạn may mắn!

      Chúc mừng!

      Bogdan – Biên tập viên tại ecommerce-platforms.com

  8. Emily nói:

    Xin chào, tôi đang tự hỏi làm cách nào để thêm các sản phẩm liên quan vào mỗi trang sản phẩm bằng Woocommerce và Divi. Cảm ơn trước!

  9. Aadil Loonat nói:

    Hi

    Tôi muốn được hướng dẫn vì đây là lần đầu tiên tôi sử dụng Divi và Woocommerce với nhau.

    Yêu cầu của tôi;
    Tôi muốn biết lựa chọn hoặc hướng đi nào để đăng ký khách hàng cho trang web, được sử dụng cho hoạt động truyền thông tiếp thị và mua sản phẩm trực tuyến.
    – Khách hàng có thể đăng ký ngay cả khi họ không mua bất cứ thứ gì
    – Làm cách nào để tôi đạt được sự linh hoạt nhất trong việc lấy những thông tin chi tiết này bằng cách xuất chúng và có một bản ghi bảng tính để theo dõi và thao tác như gửi thư hàng loạt hoặc SMS, v.v. vì sẽ có lúc tôi cần sao lưu vàoformatđề phòng ở đâu đó và sau đó cần sử dụng cùng một cơ sở dữ liệu (MySQL) cho người dùng ở phần khác của trang web hoặc nói trong cửa hàng như dành cho hiệu thuốc và chúng tôi có thể thiết lập lịch sử bệnh nhân với huyết áp, chỉ số đường huyết và nhiều trang khác chẳng hạn và sau đó có thể thêm các trang tùy chỉnh nơi hồ sơ của họ ởformation sẽ được sử dụng.
    Dữ liệu cũng cần thiết để nhập/thêm khách hàng vào chương trình hiệu thuốc địa phương trong cửa hàng thực tế của chúng tôi nhằm xử lý thuốc theo toa, địa chỉ giao hàng và quan trọng nhất là hỗ trợ y tế trongformation vì đây không phải là trường biểu mẫu tiêu chuẩn hoặc mục cấu trúc, v.v. phải phù hợp với bố cục và do đó, điều đó có nghĩa là xuất csv/tệp khác từ cơ sở dữ liệu thành viên trực tuyến để sau đó nhập vào cơ sở dữ liệu SQL trên máy chủ trong cửa hàng của chúng tôi.
    – Lý tưởng nhất là tôi cần có khả năng di chuyển dữ liệu xung quanh một cách thuận tiện hoặc suôn sẻ hơn và do đó tôi cần đáp ứng điều này một cách hợp lý trên trang web trước khi sử dụng bất kỳ đăng ký hoặc biểu mẫu nào để đăng ký. Tôi có thể thiết lập một cơ sở dữ liệu riêng cho người dùng, đó sẽ là cơ sở dữ liệu độc lập, riêng không nằm trong WordPress/Divi/Woocommerce bảng hoặc cơ sở dữ liệu được tạo theo mặc định?
    – Một yếu tố khác là sự an toàn cho thanh toán trực tuyến, điều này được thực thi thông qua chính chủ đề hay woocommerce hoặc phần phụ trợ của wordpress hoặc có lẽ trong cả 3?
    Cảm ơn và hi vọng sẽ nghe được nhiều tin tức từ bạn.

  10. Julie nói:

    Mọi khuyến nghị về việc sử dụng Divi Bảng giá và WooCommerce. Thay vì một cửa hàng, đó là một dịch vụ tư vấn trọn gói mà khách hàng mua?

  11. kitôi trời ơi nói:

    Tôi đang cố gắng thêm mã ngắn này vào mô-đun mã [product_categories parent=”0?] để hiển thị danh mục sản phẩm nhưng nó không hiển thị bất kỳ thứ gì khi kiểm tra, chỉ có div trống hiển thị với class=”woocommerce cột -4" vì vậy hãy giúp tôi về vấn đề này nếu ai đó biết vấn đề là gì

  12. Brandon nói:

    Tôi đang gặp sự cố khi làm cho trang sản phẩm của mình trông giống các trang khác. mọi thứ đều ổn cho đến khi bạn nhấp vào "tạo bản in hoàn hảo của bạn" và chọn "Bạch dương trắng" hoặc "Nhôm chải", sau đó tất cả các sản phẩm sẽ lộn xộn và nền sau có màu trắng. Tôi hoàn toàn bất lực khi nói đến những thứ này, về cơ bản tôi đã học được tất cả những điều này ngày hôm nay. Chúng tôi đang sử dụng “Nhà thiết kế sản phẩm ưa thích” cho sản phẩm tùy chỉnh của mình và tôi đang cố gắng tiếp tục phần mà người khác đã dừng lại mà không có bất kỳ kinh nghiệm nào trước đó hoặc trongformation. Bất kỳ trợ giúp sẽ được đánh giá cao.

  13. Diane Gibbs nói:

    được rồi, điều này hoàn toàn có ích, nhưng mô-đun cửa hàng vẫn có thanh bên. không có shortcode trong mô-đun đó?

  14. kirstie nói:

    Tôi đã chọn hiển thị 'các mục nổi bật' của mình.. nhưng không có gì hiển thị. Làm cách nào để chọn những sản phẩm 'đặc trưng'?

  15. Craig nói:

    Nếu bạn muốn hiển thị cửa hàng của mình theo Danh mục thì sao?
    Sản phẩm Divi các mô-đun không cung cấp tùy chọn đó, chỉ Nổi bật, Bán chạy nhất, v.v.
    🙁

    1. sebas nói:

      Bạn có thể chèn một mô-đun văn bản và sử dụng mã ngắn mà WC cung cấp;

      [product_categories parent=”0″]

      1. Xin chào Craig, bạn có thể hiển thị danh mục sản phẩm bằng cách sử dụng Divi Mô-đun cửa hàng. Trong cài đặt chung của mô-đun trong trình đơn thả xuống tùy chọn Loại, hãy chọn Danh mục sản phẩm. Bây giờ bạn đã có sẵn một số mặt hàng cho từng danh mục sản phẩm mà bạn đã tạo trong thương mại điện tử của mình, khi hoàn thành việc đó, bạn sẽ thấy tùy chọn Bao gồm Danh mục; hãy tiếp tục chọn danh mục bạn muốn hiển thị. Tôi hy vọng điều này sẽ giúp bạn. Hãy nhớ có các mục trong từng danh mục sản phẩm của bạn trước khi bạn kích hoạt tùy chọn này

        1. Đức tin nói:

          Cảm ơn bạn đã chi tiết 'luashoro'. Tôi có hai danh mục với các sản phẩm thuộc cả hai và 'Danh mục sản phẩm' vẫn không hiển thị cho tôi. Có manh mối nào không?

  16. Barbara nói:

    Xin chào, tôi đã thực hiện tất cả những điều trên, ngoại trừ việc tôi có một trang tùy chỉnh, sử dụng mẫu trang trống với Divi khắp trang web của tôi. Cửa hàng, giỏ hàng, thanh toán đều có thể được xây dựng bằng mã ngắn và trình tạo trang…tuy nhiên, các sản phẩm sử dụng woocommerce không thể…hoặc không nhiều như tôi có thể tìm thấy. Tôi chưa quen với tất cả những điều này, nhưng chắc chắn phải có cách nào đó để làm cho các trang sản phẩm trông giống với phần còn lại của trang web?? Tôi không muốn có Divi tiêu đề và tất cả những gì hiển thị?? có ý tưởng gì không? Nó có vẻ không chuyên nghiệp vào lúc này.
    Cảm ơn

    1. jcbywaters nói:

      vâng, bạn có thể xóa nó khỏi một số trang bằng cách sử dụng tùy chọn trang trống nhưng vì lý do nào đó, nó sẽ không làm hỏng nó trên những trang khác.
      có lẽ cách tốt nhất là tạo chủ đề con và chỉnh sửa một số mã
      hoặc tìm kiếm predone divi-chủ đề thương mại trả vài đô la và tùy chỉnh

      tuy nhiên đây là cách đơn giản để thực hiện đối với các trang bạn có thể

      mở quản trị viên wp, > bảng điều khiển> tất cả các trang >

      sử dụng phần sau để chỉnh sửa (xem các trang woocommerce tự động thêm tức là giỏ hàng. vân vân)

      ví dụ: eidt và tạo một trang giỏ hàng tùy chỉnh

      Điều quan trọng là phải thực hiện bước này để mọi việc trở nên dễ dàng trước khi bạn sử dụng trình tạo trang ET, tất cả những gì bạn sẽ thấy là woocommerce mã ngắn

      trang giỏ hàng = [woocommerce_xe đẩy]

      sao chép mã ngắn vào một notepad, bảng văn bản hoặc simillar mới kèm theo một chút mô tả nếu bạn muốn

      bước 1

      tẩy divi tiêu đề, đi tới thuộc tính trang thay đổi nó từ mặc định thành trống, nhấp vào cập nhật để lưu trang, xem trước, divi tiêu đề đã biến mất 🙂

      bước 2

      Tôi muốn sử dụng trình tạo trang ET để có thiết kế đẹp mới (vâng, vui lòng)

      xóa đầu tiên (cắt lưu nó sẵn sàng để dán) woocommerce mã ngắn [woocommerce_cart] vậy bây giờ bạn có một trang trống, hãy cập nhật lại các thay đổi

      bây giờ bạn có thể bắt đầu chỉnh sửa trang bằng trình tạo trang ET, bắt đầu bằng cách thêm mô-đun văn bản vào đâu đó dán woocommerce mã ngắn, [woocommerce_cart] để cập nhật thử nghiệm nhanh và xem trước các thay đổi

      Bước 3

      rửa sạch và lặp lại cho các trang khác 🙂

      Đừng quên bạn có thể bật/tắt thanh bên hoặc chỉnh sửa các tiện ích

      ngày hạnh phúc và vô số thiết kế đẹp, yipe!

      woocommerce mã ngắn > http://docs.woothemes.com/document/woocommerce-shortcodes/

      dán chúng vào notepad/tài liệu văn bản sẵn sàng để cắt và dán

      nhà vệ sinh

Bình luận

Chúng tôi sẽ không công khai email của bạn. Các ô đánh dấu * là bắt buộc *

Xêp hạng *

Trang web này sử dụng Akismet để giảm spam. Tìm hiểu cách xử lý dữ liệu nhận xét của bạn.