როგორ გავუშვათ პროფესიონალური ელექტრონული კომერციის ვებსაიტი WordPress– ით (ნაბიჯ ნაბიჯ ვიდეო სახელმძღვანელო)

WordPress გარიგებები


საკუთარი ელექტრონული კომერციის მაღაზიის შექმნა შეიძლება იყოს ძალიან მომგებიანი – და თუ თქვენ უკვე გადაწყვიტეთ გამოიყენოთ WordPress ამის *, კარგად შესრულებული: თქვენ შეარჩიეთ შესანიშნავი პლატფორმა!

მაგრამ საუკეთესო როგორ უნდა დავიწყოთ? საიდან იწყება? სად და როგორ უნდა შეიძინოთ დომენი და ჰოსტინგი? რომელი თემა უნდა აირჩიოთ? რომელი მოდულების გამოყენება უნდა გამოიყენოთ? და ა.შ.!

დასახმარებლად, ჩვენ შევქმენით ა სერიოზულად ვრცელი ნაბიჯ ნაბიჯ სახელმძღვანელო იმის შესახებ, რაც თქვენ უნდა იცოდეთ (და გააკეთოთ), რომ გახდეთ თქვენი სრულად ფუნქციონალური პროფესიონალური ონლაინ ელექტრონული კომერციის მაღაზია – WooCommerce– ის გამოყენებით (შორს და ყველაზე პოპულარული – და ყოვლისმომცველი საუკეთესო – eCommerce plugin for WordPress).

რა ხდის ამ ვიდეოს განსაკუთრებულს არსებითად სამი რამ არის: 1. რომ ეს არის ზუსტად ის, თუ როგორ უნდა წავიდეთ ჩვენი საკუთარი სახლის ონლაინ მაღაზიის შექმნაზე; 2. დეტალების დონის შესასვლელად (ვიდეო ორ საათში მეტია!) – გაითვალისწინეთ: ვიდეოში ჩვენ ვქმნით მთელ მაგალითს eCommerce ვებსაიტზე – ნულიდან; და 3. რომ ვიდეო მიზნად ისახავს მთლიანი დამწყებთათვის – ხალხს, რომლებსაც მსგავსი რამ ადრე არ ჰქონიათ.

უბრალოდ შემდეგ გასწვრივ, დაჭერით, სადაც დააჭირეთ ღილაკს და რამდენიმე ასპექტით შეცვლის თქვენს კონკრეტულ მიზნებს, თქვენ შეძლებთ შექმნათ ანალოგიურად შესანიშნავი (და ტექნიკურად შესანიშნავი) ინტერნეტ მაღაზია – თავიდანვე დასრულება – საკუთარი თავისთვის!

როგორ გავუშვათ პროფესიონალური ელექტრონული კომერციის ვებსაიტი WordPress- ით:

პირდაპირი ბმული, რომ ნახოთ ვიდეო Vimeo– ზე.

– (შენიშვნა: ვიდეო კრედიტებს Topher DeRosia- ს – HeroPress- ის შემქმნელს)

ვიდეო ასო:

ამ ვიდეოში მე გაჩვენებთ, თუ როგორ უნდა შექმნათ პროფესიონალური ელექტრონული კომერციის ვებ – გვერდი WordPress– ის გამოყენებით ინტერნეტში, გადადგმული ნაბიჯებით. მე გაჩვენებთ, თუ როგორ უნდა ჩამოაყალიბოთ უსაფრთხო ჰოსტინგი, რომ ხალხს ენდობოდეს თქვენი საიტის შეძენას. ჩვენ ჩამოვაყალიბებთ WooCommerce, ასე რომ თქვენ გაქვთ ძალა, რომ გაყიდოთ ყველაფერი. ჩვენ დავაყენებთ დიდ თემას, რომელიც მშვენივრად გამოიყურება და გაფართოებულია, ასე რომ, თუ ერთ დღეს გინდა გაფართოება და რამე გიჟური გაკეთება, შეგიძლია. ჩვენ ამას Jetpack- ს დავუკავშირებთ, ასე რომ თქვენ თავიდან აიცილებთ გადასახადებისა და გადაზიდვების ზოგიერთ თავის ტკივილს. მე გაჩვენებთ, თუ როგორ უნდა შექმნათ Stripe, ასე რომ თქვენ შეგიძლიათ დაამუშავოთ საკრედიტო ბარათები და სწრაფად და მარტივად მიიღოთ ფული ბანკში. ჩვენ გადავხედავთ ელ.ფოსტის მარკეტინგს, საძიებო სისტემის ოპტიმიზაციას და ანალიზს, რათა იცოდეთ როგორ იყენებენ ადამიანები თქვენს მაღაზიას. როდესაც ჩვენ გავაკეთეთ, გვექნება მაღაზია, რომელიც ასე გამოიყურება, დიდი, ლამაზი სურათების კატეგორიებისთვის, გამორჩეული პროდუქტებით, უახლესი პროდუქტებით, გასაყიდი პროდუქტები, ბესტსელერები. პროდუქციის გარდა, ჩვენ დავფარავთ კუპონის კოდებს. ადამიანები შეძლებენ ნახონ მათი ახლახანს ნახული პროდუქტები. მათ შეეძლება შეიძინონ Stripe- ით ან PayPal- ით და თქვენი სავაჭრო გვერდის საშუალებით, მათ ექნებათ დახარისხების ვარიანტების მთელი რიგი, რათა დაეხმარონ იპოვონ ის რაც მათ სურთ. მათ შეეძლებათ დაალაგოთ პოპულარობა, საშუალო რეიტინგი, სიახლე, ფასი და შემდეგ რაც შეამცირებენ, მათ ამ ვიტრაჟით ფასების უფრო ვიწრო გაფილტვრაც კი შეძლებენ. ჩემი მაღაზია ყიდის საკემპინგე საშუალებებს, მაგრამ თქვენს მაღაზიას შეუძლია გაყიდოს თქვენთვის სასურველი. ასე რომ, მიყევით ჩემთან ერთად და როდესაც დასრულდებით, შეძლებთ თქვენი პროდუქციის ონლაინ გაყიდვას. პირველი რაც ჩვენ ვაპირებთ გავაკეთოთ არის ჩვენი ჰოსტინგის შექმნა და ჩვენ ვაპირებთ გამოიყენოთ SiteGround, მაგრამ სანამ ძალიან ბევრს მოვიყვანთ, აქ ამ სპეციალური ბმული მინდა გაჩვენოთ. ეს არის შვილობილი ბმული და ის ორ საქმეს აკეთებს. როდესაც იქ მიდიხართ, თქვენ გთავაზობთ სპეციალურ გარიგებას, მიიღებთ პროცენტულ ფასს ჰოსტინგით, მაგრამ მცირე თანხაც უბრუნდება WinningWP– ს, რომ მოგწონთ ვიდეო მოსწონს, ასე რომ მათ შეუძლიათ დარჩეს უფასო. როდესაც დაიწყებთ, დარწმუნდით, რომ დააჭირეთ ვიდეოს ქვემოთ მოცემულ ბმულს, რომ მიიღოთ ეს სპეციალური გარიგება. გვერდი, რომელსაც ჩვენ ვუყურებთ აქ, არის სპეციალური WooCommerce, რომელიც მასპინძლობს SiteGround- ში. ეს ძალიან ჰგავს მათ WordPress ჰოსტინს, მაგრამ დამატებულია WooCommerce დამატებითი ფუნქციები. მაგალითად, ეს არის WooCommerce წინასწარ დაინსტალირებული და თემით. აქ არის ჩვენი ვარიანტები მასპინძლობისთვის. StartUp არის $. თვეში, GrowBig არის $., ხოლო GoGeek არის $. ჩვენ ვაპირებთ GoGeek– ს წასვლას, რადგან იმედოვნებს დიდი ტრეფიკის გადატანა ჩვენს WooCommerce მაღაზიაში. ის ასევე PCI– ს შეესაბამება, რაც იურიდიული მახასიათებელია, რაც შეიძლება ძალიან სასარგებლო იყოს. მოდით წავიდეთ წინ და დარეგისტრირდით. დავიწყებ დააჭირეთ დაწყებას და ახლა ჩვენ ვაპირებთ შევქმნათ ჩვენი SiteGround ანგარიში. მე ვაპირებ ამ ფორმის დაბრუნების შევსებას, ჩემი საკრედიტო ბარათის მონაცემებით და მსგავსი საკითხებით. ამის გაკეთება შეგიძლიათ საკუთარ თავზე, მაგრამ მე დავბრუნდები თქვენთან დაკავშირებით, როდესაც ამ ნაწილს მივიღებთ გეგმის შესახებ. ასე რომ, ახლა მე შეავსეთ ჩემი საკრედიტო ბარათის ინფორმაცია და ჩვენ ვაპირებთ შევხედოთ ჩვენი გეგმის შესახებ ინფორმაციას. ჩვენ შევარჩიეთ GoGeek და თუ გინდათ, შეგიძლიათ დააჭიროთ აქ და შეცვალოთ იგი, მაგრამ იქიდან წასვლას ვაპირებთ და ვაპირებთ აირჩიოთ მონაცემთა ცენტრი. ჩიკაგო საკმაოდ ახლოს არის ჩემს სახლთან, ამიტომ ვაპირებ დატოვოს იგი იქ, მაგრამ თქვენ შეგიძლიათ აირჩიოთ მრავალფეროვანი ვარიანტი. ჩვენ ვაპირებთ დროებით ვირჩევთ თვეებს, თუმცა თქვენ შეგიძლიათ გააკეთოთ საცდელი ან. ჰოსტინგის ფასია $. თვეში, ჩვეულებრივი ფასია $. ახლავე, ჩვენ გარიცხავთ $ .. ჩვენ უნდა დავეთანხმოთ SiteGround- ის მომსახურების პირობებს და ჩვენ შეგვიძლია აირჩიოთ SiteGround სიახლეებისა და სპეციალური შეთავაზებების მიღება ელ.ფოსტით. მე რეალურად უკვე ვიღებ მათ, ამიტომ ვაპირებ წაშალოს ეს და ახლა ჩვენ დააჭირეთ გადახდა. ჩვენი ანგარიში წარმატებით შეიქმნა, ასე რომ, ჩვენ მომხმარებელთა მხარეზე გადავალთ. ახლა, როდესაც ჩვენ შევქმენით ჩვენი SiteGround ანგარიში, ჩვენ შევალთ და დავქმნით ჩვენი დომენის სახელს. SiteGround გამოგიგზავნით ელექტრონულ ფოსტაზე თქვენს WordPress- ის რწმუნებებს, ასე რომ გადახედეთ აქ. ახლა პირველი რაც გვინდა გავაკეთოთ არის ჩვენი დომენის კონფიგურაციაა და ჩვენი ვარიანტები არის უკვე დომენის შექმნა ან ახალი დარეგისტრირება, ან მოგვიანებით გადაწყვიტოს. სურვილისამებრ, ჩვენ შეგვიძლია ასევე დააჭიროთ აქ და ვირჩევთ ამ ყუთში დაბრუნებას. თუ თქვენ უკვე გაქვთ დომენი, რომელიც მასპინძლობს სხვაგან, SiteGround- ს აქვს შესანიშნავი დოკუმენტაცია, თუ როგორ უნდა აღინიშნოს ის აქ. ეს არის მათი ცოდნის ბაზაში და არსებობს კონკრეტული ინსტრუქციები, თუ როგორ უნდა აღვნიშნოთ თქვენი დომენის სახელი SiteGround- ში, ან როგორ რეალურად თქვენი დომენის სახელის გადატანა SiteGround- ში, ან კარგად მუშაობს. ახლა ჩვენ ვაპირებთ შექმნათ ახალი, ასე რომ, მე დააჭირეთ დავრეგისტრირდე დომენის ახალ სახელს და მას mywpstore.com დაერქვას. ის ამბობს, რომ ის ხელმისაწვდომია და ეს $. წელიწადში და აქ რამდენიმე ვარიანტი გვაქვს. ჩვენ ასევე შეგვიძლია დავიცვათ ჩვენი პირადი ინფორმაცია დომენის კონფიდენციალურობით და მე გირჩევთ, რომ ეს გააკეთოთ, წინააღმდეგ შემთხვევაში, სპამერებს შეეძლებათ თქვენი ინფორმაციის სამუდამოდ მოსავალი. მოდით, ასეც მოვიქცეთ და შემდეგ ჩვენ შეგვიძლია ვარჩიოთ ვებსაიტის მავნე პროგრამის SG საიტის სკანერთან გამოვლენა. ამას შეიძლება დავუმატოთ მოგვიანებით და ჩვენ ვაპირებთ შევხედოთ მრავალფეროვან ვარიანტს, ამიტომ ახლა არ ვაპირებ აირჩიოთ ეს. ასე რომ, ჩვენ დაადასტურებთ და დაადასტურებთ ახლავე, ჩვენ უნდა გადავიხადოთ $. და მათ გაიხსენეს ჩემი საკრედიტო ბარათი, როდესაც დარეგისტრირდნენ. შემდეგ ჩვენ ვადასტურებთ, რომ ჩვენ ვკითხულობთ და ვეთანხმებით საიტის გარშემო პირობების დაცვას და კონფიდენციალურობის პოლიტიკას. მე დავტოვებ, როგორც სავარჯიშო თქვენთვის და ჩვენ დააწკაპუნებთ გადახდას და დავალებას. ახლა ჩვენი ჰოსტინგის ანგარიში მზად არის გამოიყენოს. ჩვენ მოვალთ მომხმარებელთა არეალში. ახლა რომ შევქმენით ჩვენი დომენის სახელი, მინდა გაჩვენოთ რამდენიმე საკითხი და შემდეგ ვაპირებთ SSL- ს დაყენებას. ახლავე ვაპირებ ჩემს ანგარიშებზე დაწკაპუნებას და მინდა გაჩვენოთ, რომ მათ უკვე დაყენებული აქვთ WordPress ჩვენთვის mywpstore.com. ასე რომ, თუ მე იქ წავალ, შეგიძლიათ ნახოთ. არა მხოლოდ მათ, მათ ჩვენთვის WooCommerce დაამონტაჟეს და თემა, რომელსაც ჩვენ ვხედავთ, Storefront ეწოდება. ეს არის ძალიან ზოგადი თემა, რომლის დიზაინიც უნდა იყოს გამოყენებული. ჩვენ ნამდვილად არ ვაპირებთ ამ თემის გამოყენებას, მაგრამ კარგია, რომ თავიდანვე დავაყენოთ. ახლავე, ჩვენ გვინდა, რომ ეს იყოს უსაფრთხო დომენის სახელი და გამოიყენოთ HTTPS და გვქონდეს პატარა მწვანე ჩაკეტვა, და ეს ყველაფერი. ასე რომ, ჩვენ ვაპირებთ SSL- ს დაყენებას და აქ როგორ გაკეთდა. ჩვენ დავდივართ cPanel– ში და ყოველთვის გვინდა უსაფრთხოდ წვდომა, ასე რომ მოდით, იქ წავიდეთ, ახლა კი არსებობს SSL– ის ორი სახის სერთიფიკატი, რომელთა მიღებაც შეგიძლიათ. თქვენი SSL სერთიფიკატი არის ის ფაქტი, რაც ბრაუზერს და სერვერს ეუბნება, რომ ეს უსაფრთხოა და დაშიფვრის საშუალებას იძლევა. თქვენ შეგიძლიათ გადაიხადოთ იგი, ან შეგიძლიათ გამოიყენოთ უფასო სერტიფიკატი Let’s Encrypt– დან. SiteGround გთავაზობთ უფასო სერთიფიკატებს, ასე რომ, ჩვენ ამის გამოყენებას ვაპირებთ. აქ მარცხნივ არის cPanel- ის ძებნა და ჩვენ შეგვიძლია ჩაწეროთ ნება და ის ფილტრები მოდით, გადადით მარცხნივ დაშიფვრაში. ასე რომ, ჩვენ ვაპირებთ შეავსოთ ეს ფორმა და ის შექმნის და დააინსტალირებს SSL სერთიფიკატს ჩვენთვის, შემდეგ კი ჩვენ უზრუნველყოფილი იქნებით. ახლა გახსოვთ ადრე, როდესაც გვითხრეს, რომ გვინდოდა ამ პანელის უსაფრთხო შესვლა, მათ მხოლოდ ამისათვის შექმნეს ჩვენთვის, მაგრამ ეს არ არის ის, რაც ჩვენ გვინდა ჩვენი ვებსაიტისთვის. ჩვენ ვაპირებთ აირჩიოთ mywpstore და ნამდვილად გვინდა Wildcard SSL. ჩვენ არ ვაპირებთ მის გამოყენებას ახლა, მაგრამ ეს საშუალებას იძლევა მომავალი მოქნილობა და ამიტომ გირჩევთ ჩართოთ იგი. ახლა კი დააჭირეთ ინსტალაციას. ახლა კი ის დაინსტალირებულია. ასე რომ, ახლა ჩვენ უნდა შევძლოთ ჩვენს საიტზე დავბრუნდეთ და ჩავდოთ https: // და მივიღოთ მწვანე ჩაკეტვა. თუ ჩვენ დააჭირეთ მას, იგი ამბობს, რომ კავშირი უსაფრთხოა. ასე რომ, ახლა ჩვენი საიტის მთელი ტრაფიკი დაშიფრულია. შემდეგ გადავხედავთ ელ.ფოსტის შექმნას ჩვენი დომენის სახელისთვის. შემდეგი რამ, რის გაკეთებასაც ვაპირებთ, არის ჩვენი ახალი დომენის ელ.ფოსტის შექმნა, მაგრამ სანამ ამას გავაკეთებთ, საჭიროა დიასახლისის გაკეთება. ჩვენი დომენი რომ ვიყიდეთ, ჩვენ გამოგვიგზავნეს ელ.ფოსტა იმ მისამართით, რომელსაც ჩვენი SiteGround ანგარიშის შექმნისას ვიყენებდით, და ის გამოიყენებს გადამოწმებას, რომ ეს ელ.ფოსტის მისამართი ნამდვილია. მოდით, გადავხედოთ ამ ელ.ფოსტს. ასე რომ, აქ არის ჩვენი ელ.ფოსტა. ძვირფასო მომხმარებლებო, ახლახანს თქვენ დარეგისტრირდით, გადარიცხეთ ან შეცვალეთ საკონტაქტო ინფორმაცია თქვენი ან სხვა დომენების, mywpstore.com. თქვენი დომენის აქტიური შესანარჩუნებლად, ICANN მოითხოვს, რომ დაადასტუროთ თქვენი ახალი საკონტაქტო ინფორმაცია. დააჭირეთ ქვემოთ მოცემულ ბმულს და მიჰყევით მოცემულ ინსტრუქციას. მოდით, ასე მოვიქცეთ. ასე რომ, ეს მნიშვნელოვანია. თუ ჩვენ არ გადავდგამთ ამ ნაბიჯს, დომენი შეჩერდება. მათ დაადასტურეს, რომ სახელი, გვარი და ელ.ფოსტაა. მე დააჭირეთ ინფორმაციის გადამოწმებას, ახლა კი ეს გაკეთდა და ჩვენ შეგვიძლია დავხუროთ ეს ჩანართი. ამასთან, კიდევ ერთი ელ.წერილი მაქვს. ახლა ნათქვამია, როგორც ჩვენი მიმდინარე კონფიდენციალურობის დაცვა და უსაფრთხოების მცდელობების ნაწილი, ჩვენ ვითხოვთ, რომ დაადგინოთ თქვენი მონაცემების გამოყენების თანხმობის პრეფერენციები. მოდით, დააწკაპუნოთ აქ და გავაკეთოთ ის. ახლა Tucows არის კონტრაქტორი, რომელსაც SiteGround იყენებს დომენური სახელების დასარეგისტრირებლად. ასე რომ, SG Hosting Inc.– მა Tucows შეარჩია, რომ მოგაწოდოთ დომენური სახელები და შესაბამისი მომსახურება. კანონმდებლობით Tucows Inc. ითხოვს თქვენს თანხმობას, რომ ქვემოთ მოყვანილი მონაცემების რამდენიმე ნაწილის დამუშავება მოხდეს, ამიტომ თანხმობა ვრცელდება ამ პირზე, რაც მე ვარ, მე ვარ და შენი თანხმობით ნათქვამია, რომ Tucows Inc. შემდეგ მონაცემებს გაზიარებს რეესტრის სერვისების პროვაიდერი, გეიზირებული კარის სისტემა და ჩვენი მონაცემების გადაცემის პროვაიდერი. დამატებითი ინფორმაციისთვის ეწვიეთ ჩვენი მონაცემების გამოყენების ინფორმაციის გვერდს. ახლა ეს პროცესი შედარებით ახალია და ევროპაში დამკვიდრებულ რამდენიმე ახალ კანონთანაა დაკავშირებული. ეს არის ის, რაც ყოველთვის გააკეთეს დომენის რეგისტრატორებმა, უბრალოდ, ახლა ისინი მოითხოვენ თანხმობას. ამრიგად, მე ვაპირებ თანხმობას ყველა ზემოთ ჩამოთვლილთან დაკავშირებით და დავზოგავ ჩემი თანხმობის პარამეტრებს. ახლა ნათქვამია, რომ შეგიძლიათ განაახლოთ თქვენი თანხმობის შერჩევა ნებისმიერ დროს, ამ გვერდზე დაბრუნებით. ასე რომ, უბრალოდ შეინახეთ ელ.ფოსტა, რომელიც მიიღეთ და ნებისმიერ დროს შეძლებთ დაბრუნებას აქ. ახლა მოდით შექმნან ელ.წერილი ჩვენი ახალი დომენის სახელისთვის. ჩვენ შეგვიძლია ჩაწეროთ ფოსტა აქ საძიებო პანელში და აქ უამრავი ვარიანტია. მე ვაპირებ დააკლიკეთ ელ.ფოსტის ანგარიშებს და სწორედ აქ შეგვიძლია შევქმნათ ელექტრონული ფოსტის მისამართი, რაღაც @mywpstore. ჩვენ გავაკეთებთ [email protected] და მე შევქმნით პაროლს, და ჩვენ უნდა გამოვავლინოთ საფოსტო ყუთის კვოტა. აქვე აღნიშნავენ, რომ შეუზღუდავი არ არის დაშვებული. მაქსიმუმი მეგაბაიტია, ეს ძალიან ბევრი სივრცეა. მე ჩემს მეგაბაიტიანებს ვაყენებ და ანგარიშს შევქმნი. ახლა რომ ელ.ფოსტის მისამართი არსებობს, მაგრამ როგორ უნდა შეამოწმოთ იგი? ნება მომეცით გაჩვენოთ. ჩვენ დავუბრუნდებით cPanel Home– ს და აქ ისევ ჩავწერთ ფოსტაზე და აქ არის ვებ – გვერდის ვარიანტი. ახლა თუ უკვე შეგიძლიათ კომფორტულად შექმნათ ელ.ფოსტა თქვენს ელ.ფოსტის კლიენტში, რომელიც შეიძლება იყოს Thunderbird, ან Apple Mail, ან Outlook ან სხვა რამ, თქვენ მისასალმებელია. ეს კარგად მუშაობს. ჩვენი მიზნებისათვის ჩვენ უბრალოდ ვაპირებთ გამოიყენოთ მოწოდებული Webmail. ჩვენ შეგვიძლია შევცვალოთ ჩვენი ელ.ფოსტის კონფიგურაცია ნებისმიერ დროს და შეგვიძლია შევარჩიოთ ამ ელექტრონული ფოსტის სამი კლიენტიდან რომელიმე. SquirrelMail არის ყველაზე მარტივი, Roundcube ჰგავს ნამდვილ ელ.ფოსტის კლიენტს თქვენს სამუშაო მაგიდაზე, და ურდოს ძალიან ძლიერი. მე ვაპირებ აირჩიოთ SquirrelMail. თუ გსურთ საკუთარი თავის შექმნა, აქ მითითებულია ელექტრონული ფოსტის მრავალი კლიენტისთვის. მე ვამოწმებ, როგორც ნაგულისხმევად SquirrelMail და შემდეგ დააჭირეთ SquirrelMail. ახლა ჩვენს ვებგვერდზე ვართ შესული, გარდა ეს არასწორი მისამართია. ის ჩვენს საიტშიგვერდის ადმინისტრატორის ანგარიშში ჩავწერეთ და ეს არ გვინდა. მოდით, ჩვენ დააჭირეთ ლოგოს აქ მარცხენა მხარეს და ახლა ჩვენ შეგვიძლია ჩავწეროთ ჩვენი ახალი ელ.ფოსტის მისამართი და პაროლი, რომელიც ჩვენ მისცეს. ახლა ჩვენ ვადგენთ ამ ელ.ფოსტის მისამართის კონფიგურაციას. ასე რომ, ჩვენ ამას სტანდარტულად დავაყენებთ და დააჭირეთ SquirrelMail და იქ ვართ. ახლა ეს არის პარამეტრების გვერდი SquirrelMail– სთვის და მას სურს რაღაც ინფორმაცია, როგორიცაა ჩვენი ინფორმაცია. აქ არის ტოპერი და ჩვენ შეგვიძლია ხელი მოვაწეროთ ხელმოწერას, ჩვენ შეგვიძლია ავირჩიოთ დროის ზონა და შემდეგ, როდესაც ჩვენ გავაკეთეთ, ჩვენ გამოვაქვეყნეთ. მარცხნივ არის ჩვენი ყუთები. ეს არის კომპოზიციური ბმული. მოდით ელ.ფოსტით გამოვიგზავნოთ ჩვენი ახალი მისამართი და გამოგიგზავნოთ და ის უკვე აქ არის. ასე რომ, ახლა ჩვენ გვაქვს ელ.ფოსტა, რომელიც მუშაობს ჩვენი ახალი დომენის სახელზე და გირჩევთ გამოიყენოთ ეს თქვენს მაღაზიასთან. ეს საშუალებას აძლევს ბრენდის თანმიმდევრულობას მაღაზიასა და ელ.წერილს შორის, რომლის საშუალებითაც შეძლებთ კომუნიკაციას თქვენს მომხმარებლებთან. ახლა აღარ გჭირდებათ cPanel– ის გავლა, ამ ელ.ფოსტის კლიენტთან მისასვლელად. თქვენ უბრალოდ შეგიძლიათ სანიშნე ეს გვერდი და ნებისმიერ დროს დაუბრუნდეთ მას. შემდეგ ჩვენ ვაპირებთ ჩვენი თემის დაყენებას, მაგრამ სანამ მივიღებ ამ საკითხს, მე მსურს თქვენი მაღაზიის ახალი მომხმარებლის შექმნის გზით. სტანდარტულად, SiteGround იყენებს თქვენს საიტს მომხმარებლის სახელით და პაროლით თქვენი WordPress მომხმარებლის სახელისა და პაროლისთვის და ჩვენ უნდა გამოვყოთ ის, რომ თუ ვინმემ ისწავლა ერთი მათგანი ვერ ხერხდება სხვაში ავტომატურად მოხვედრა. ჩვენ აქ ვართ საიტის გვერდის ადმინისტრატორში და თუკი მივდივართ ჩემს ანგარიშებზე, შემდეგ კი დააჭირეთ ინფორმაციას და პარამეტრებს, შეგიძლიათ ნახოთ აქ თქვენი cPanel მომხმარებლის სახელი და პაროლი, რაც თქვენ გამოიყენეთ ამაში. მოდით, შევიდეთ ჩვენს საიტზე და ახლა გვინდა შევქმნათ ახალი მომხმარებელი, და ეს მომხმარებელი შეიძლება იყოს თქვენთვის სასურველი. მაგრამ უნდა შეეცადოთ გამოიყენოთ ელ.ფოსტის ახალი დომენი, რომელიც ჩვენ ჩამოვაყალიბეთ. ამიტომ მე ვაპირებ წასვლას მომხმარებლებზე, დავამატო ახალი, ვაპირებ ამ ფანჯრის დახურვას, რადგან ეს არ უკავშირდება მომხმარებლის დამატებას და მე ვაპირებ მომხმარებლის სახელი და ელ.ფოსტის მისამართის შედგენას. ახლა ამ მისამართს რეალურად არ ვაკეთებ. ეს არის ის, რაც მე ადრე შევქმენი ვიდეოში. მე დავდებ ჩემს პაროლს. მე არ ვაპირებ არჩევანს გავაგზავნო ელ.ფოსტა და არ გავხადო ადმინისტრატორი. ახლა ვაპირებ მომხმარებლების შეცვლას. ასე რომ, მე გამოვრიცხავ ამ ერთს და შევა ახალში. მე ვაპირებ წაშალოთ ავტომატურად შექმნილი ერთი. ჩვენ ყველა მომხმარებლის შინაარსს ახალ მომხმარებელს ვანიჭებთ. ახლა ჩვენ მხოლოდ ერთი მომხმარებელი გვყავს. მოდით, ახლა გადავხედოთ ჩვენი თემის დაყენებას. თემა, რომელსაც ჩვენ ვაპირებთ გამოვიყენოთ, arraythemes.com– დან მოდის და Array თემების შესახებ ერთი შესანიშნავი რამ არის ის, რომ ისინი საკმარისად კარგად არის შემუშავებული იმისათვის, რომ იყოს ლამაზი გარედან და დაშიფრული იყოს ისე, რომ თუ გზა გჭირდებათ დეველოპერი, რომ გააფართოვოთ იგი საკუთარი მიზნებისთვის, ამის გაკეთება მარტივია. ჩვენ ვაპირებთ გამოვიყენოთ უახლესი და ის სპეციალურად გაკეთდა WooCommerce– სთან მუშაობისთვის. მას აქვს თქვენი პროდუქციის შესანიშნავი მოსაზრებები, მას აქვს მრავალი განლაგება თქვენი ბლოგისთვის და ის უზადოდ მუშაობს WooCommerce– სთან. ასე რომ, შეგიძლიათ შეიძინოთ მათ კლუბში $ $ და მიიღოთ ყველა მათი თემატიკა, ან შეიძინოთ მხოლოდ უახლესი $. ჩვენ ამას ვაპირებთ. ახლა ვაპირებ შეავსოთ ჩემი სახელის და საკრედიტო ბარათის ინფორმაცია და დააჭირეთ შეძენას. და როგორც ჩანს, ისინი ფასდაკლებით გვთავაზობენ, ამიტომ ავიღოთ. ახლა მე შეავსეთ საკრედიტო ბარათის ინფორმაცია, მაგრამ წარდგენის ჯერ არ მაქვს გაკეთებული. მე არ ვაპირებ აირჩიოს ფასდაკლებები და თემის სიახლეები ჩემს საფოსტო ყუთში, მაგრამ ახლა დააჭირეთ შესყიდვას. ახლა კი ჩვენ გავაკეთეთ ჩვენი გარიგება. ზემოთ, აქ არის ბმულები სხვა საკითხებთან დაკავშირებით, რომელთა საშუალებითაც შეიძლება თქვენთვის საინტერესო იყოს. აქ არის თემატური დოკუმენტები, თემების მხარდაჭერა და დაფა. მოდით წავიდეთ ბოლოში აქ და დააჭირეთ ჩამოტვირთვა. ჩვენ ახლა გადმოვწერეთ ჩვენი ფაილი. ინსტალაციისთვის ჩვენ გადადით Appearance, Themes და ზედა გვერდზე დააჭირეთ დამატება New, შემდეგ ჩვენ დააჭირეთ ატვირთვის თემას და შემდეგ ავირჩიოთ ის ფაილი, რომელიც ჩვენ უბრალოდ გადმოვწერეთ. ჩვენ დააჭირეთ ინსტალაციას ახლა და შემდეგ გააქტიურეთ. გააქტიურების შემდეგ, ჩვენ მივიღებთ ამ ეკრანს, რომელიც დაგვეხმარება, რომ დავიწყოთ. მასზე ბმული მოცემულია მარცხნივ სახელწოდებით “დაწყება”, რომელიც ამ გვერდზე მარჯვნივ გვაბრუნებს. ჩვენ დავიწყებთ დაწყებას და აქ უამრავი რამეა, რასაც ვაპირებთ გავაკეთოთ და რამდენიმე, რომელთა გაკეთებასაც არ ვაპირებთ მოგვიანებით. ნათქვამია, რომ ჩვენ გირჩევთ რომ დაამატოთ და გააქტიუროთ თქვენი თემის სალიცენზიო გასაღები დაწყების გვერდზე. ეს ითვალისწინებს თემის უახლეს განახლებებს და სხვა საკითხებს. ჩვენ შეგვიძლია მივიღოთ იგი ჩვენი Dashboard- დან, რომელიც თქვენ ნახეთ ერთი წამის წინ, მაგრამ თუ ჩვენ დააჭირეთ აქ, პირდაპირ ლიცენზიის გვერდზე შეგვიძლია წასვლა იქ, მარჯვნივ, დააჭირეთ ლიცენზიებს და აქ არის ჩვენი ლიცენზიის გასაღები. ჩვენ დააკოპირებთ ამას და მარჯვნივ, აქ ჩაწერეთ ჩვენი ლიცენზიის გასაღები და იქ მივდივართ. ახლა ჩვენ მივიღებთ განახლებებს, როდესაც ისინი გამოვა. თუ ჩვენ დავუბრუნდებით დაწყებას და ოდნავ ქვევით გადავინაცვლებთ, ნახავთ, რომ არსებობს თემის დემო დემო მონაცემები. ახლა ამ საიტის ზოგიერთი წინასწარ კონფიგურირებული პარამეტრია და ჩვენ ამის გამოყენებას ვაპირებთ, მაგრამ ზოგიერთი ეს არის მონაცემები, რომლის გამოყენებასაც არ ვაპირებთ, მაგალითად პროდუქტებს და მსგავსი რამ. ჩვენ ვაპირებთ ვინდოუსის რამდენიმე პარამეტრის და რამდენიმე ვიჯეტის დამონტაჟებას. ეს დაგვეხმარება ჩვენი საიტის წინ წამოწევაში. ასევე არსებობს უამრავი რეკომენდებული დანამატი, რომლის დამონტაჟებასაც ვაპირებთ. მას შემდეგ, რაც მივიღებთ პერსონალიზატორის პარამეტრებს და ვიჯეტს, და ყველა დანადგარის რეკომენდებულ დანამატს, ჩვენ ყველანი უნდა ვიყოთ, რომ ჩვენი მაღაზია დავიწყოთ. WordPress- ის პერსონალიზატორისთვის არის ადგილი, სადაც შეგიძლიათ მოაწყოთ მრავალი ზოგადი პარამეტრი თქვენი საიტისთვის, ასევე რამდენიმე სპეციფიკური პირობა ისეთი რამებისთვის, როგორებიცაა WooCommerce. ახლა ჩვენს ახალ თემას, სახელწოდებით უახლესს, აქვს სპეციფიკის სპეციალური პარამეტრი, რომელიც ძალიან გამოსადეგია და იმის მაგივრად, რომ გავაცნოთ და ყველამ თავად ვაყენოთ ისინი, ისინი უზრუნველყოფენ იმპორტის ფაილს. ახლა სანამ ჩვენ გამოვიყენებთ, ჩვენ უნდა მოვახდინოთ Customizer Import / Export დანამატის ინსტალაცია, ასე რომ, გადავიდეთ დანამატებზე, დაამატეთ ახალი და აქ ვეძიოთ. აქ არის, Customizer ექსპორტი / იმპორტი. ჩვენ დააჭირეთ ინსტალაციას ახლა და გააქტიურეთ. ჩვენ მხოლოდ რამდენიმე წუთში ვიზრუნებთ ამ შეტყობინებებზე, მაგრამ ახლა ჩვენ ასევე უნდა გადმოვწეროთ პერსონალიზატორის იმპორტის ფაილი და მას უწოდებენ უახლეს customizer-eksport.txt. დატვირთვის დასრულების შემდეგ შეგიძლიათ დააჭიროთ ამ პატარა X აქ, მარჯვნივ. ახლა ჩვენ მივდივართ გარეგნობაზე, პერსონალიზაციაზე, ექსპორტზე / იმპორტზე. ასე რომ, აქ არის გარეგნობა, შეცვლა, ექსპორტი / იმპორტი. ჩვენ ვირჩევთ და ასევე შეარჩევს გამოსახულების ფაილების ჩამოტვირთვა და იმპორტი. დარწმუნებული არ მაქვს, არსებობს თუ არა, მაგრამ თუ არსებობს ისინი, ჩვენ გვინდა, და ახლა ჩვენ დააჭირეთ იმპორტს. ახლა ჩვენ გვაქვს მრავალი წინასწარ კონფიგურირებული პარამეტრი, რომელიც ყველა ჩვენთვისაა შექმნილი, მაგრამ ახლა რომ დასრულდა, ჩვენ ასევე გვინდა ვიჯეტის დამონტაჟება და ამისათვის ჩვენ გვჭირდება სხვა ექსპორტიორი. მოდით, გადავიწეროთ ეს დანამატის სახელი და კვლავ გადავიდეთ Plug-ins- ში, დაამატეთ ახალი, და ჩვენ ვეძებთ მას მას. ჩვენ დააჭირეთ ინსტალაციას ახლა და შემდეგ გააქტიურეთ. შემდეგ ინსტრუქციებში ნათქვამია, რომ გადმოტვირთეთ ვიჯეტის იმპორტის ფაილი აქ. Მოდი გავაკეთოთ ეს. უახლეს-ვიჯეტის-ექსპორტის.wie და ჩვენ ვხურავთ ჩამოტვირთვის ფანჯარა, შემდეგ კი ამბობს, რომ წასვლა ინსტრუმენტები, ვიჯეტის იმპორტიორი & ექსპორტიორი. გადადით ინსტრუმენტები, ვიჯეტის იმპორტიორი & ექსპორტიორი და ჩვენ ვირჩევთ ჩვენს ფაილს და ვიმოქმედებთ ვიჯეტს. ახლა ამან უამრავი შედეგი მოგვცა. არსებობს რამდენიმე ვიჯეტი, რომელიც არ შემოვიდა, თუმცა ყველა დანარჩენი გააკეთეს და ეს არის მნიშვნელოვანი. ასე რომ, ახლა ჩვენ დავუბრუნდებით ამ გვერდს და დაინახავთ, რომ არსებობს რამდენიმე დამატებითი დანამატი. მოდით დავაყენოთ ისინი. ახლა შემოთავაზებულ დანამატებს პირველი ეწოდება Array Toolkit და ეს მოცემულია თავად თემის შექმნის ჯგუფის მიერ. ასე რომ, ჩვენ ვაპირებთ Plug-ins– ში წასვლას, დაამატეთ ახალი და მოძებნოთ ეს და აქ არის. ჩვენ დააჭირეთ ინსტალაციას ახლა და გააქტიურებას და ახლა არაფერი არ გვაქვს საჭირო. ჩვენ უბრალოდ ვიყენებთ მათ. ჩვენ მოგვიანებით ამ ვიდეოში გამოვიყენებთ MailChimp- ს გამოყენებას, მოდით, მოდით დავაყენოთ MailChimp WordPress- ისთვის. დააინსტალირეთ ახლა და გააქტიურეთ. შემდეგი არის მოკლე კოდები Ultimate. ეს უზრუნველყოფს უამრავ მოკლე კოდებს ისეთი საგნების შესაქმნელად, როგორიცაა ჩანართები, ღილაკები და ყუთები და სხვა. შემდეგი არის Tiled Gallery Carousel Jetpack– ის გარეშე. ეს ქმნის ზოგიერთ სურათს, რომელიც ნამდვილად გამოიყურება თვალწარმტაც სურათებით. შემდეგი არის WooCommerce, რომელიც ჩვენთვის უკვე დამონტაჟებულია SiteGround- ის მიერ, ასე რომ, ჩვენ ვაპირებთ გამოტოვოთ ეს, და ასევე ვაპირებთ Instagram- ის ვიჯეტის გამოტოვებას. ჩვენ არ ვაპირებთ Instagram– ზე ამ ვიდეოს გაშუქებას. დაბოლოს, არის WPForms, რომელიც არის მარტივი, პატარა ფორმების დანამატი, რომელზეც Array Themes განსაკუთრებით კარგად მუშაობს. დააინსტალირეთ ახლა და გააქტიურეთ და ამ წუთს ჩვენ გამოტოვებთ ამ პატარა tutorial- ს. ასე რომ, ახლა ჩვენ დავაყენეთ Array Toolkit, MailChimp for WordPress, Shortcodes Ultimate, Tiled Gallery Carousel გარეშე Jetpack. ჩვენ უკვე გვქონდა WooCommerce და გამოვტოვეთ Instagram ვიჯეტი, და ჩვენ დავასრულეთ WPForms. ეს უნდა იყოს ყველა, რაც ახლა ჩვენ გვჭირდება მოდული. ჩვენ ვაპირებთ გავაკეთოთ ერთი ბოლო რამ, სანამ არ ვაკეთებთ კონფიგურაციას WooCommerce და Jetpack- ის დაყენებამდე. ამის მიზეზი ის არის, რომ Jetpack– ს აქვს მრავალი მახასიათებელი, განსაკუთრებით შეიქმნა WooCommerce– სთვის და გვინდა, რომ ხელმისაწვდომი იყოს WooCommerce– ის შექმნის დროს. ახლა Jetpack არის დანამატების კოლექცია. ისინი მოწოდებულია WordPress.com– ს მიერ და ამის შესახებ ერთ – ერთი საინტერესო რამ არის ის, რომ ყველა რთული სამუშაოა შესრულებული WordPress.com სერვერებზე და არა თქვენს სერვერზე. როდესაც საქმე WooCommerce– ს ეხება, ეს ნიშნავს რომ გადასახადები და გადაზიდვები ისეთი რამ არის, რაც თქვენს სერვერს აქვს გამორთული და შემდეგ ინფორმაცია თქვენს სერვერზე მიდის. ეს ხელს უწყობს სიჩქარესა და გაანგარიშებას, და როდესაც წესები იცვლება ისეთი საგნების მიმართ, როგორიცაა გადასახადები, მაშინ Jetpack შეძლებს შეინარჩუნოს თქვენ და არ უნდა მიაქციოთ მას ყურადღება. მოდით, მოდით დავაყენოთ Jetpack. ჩვენს დესკტოპის გვერდზე მე დააჭირეთ Jetpack ბმულს, აქ მარცხნივ, და ვაპირებ დააჭიროთ Jetpack. ახლა ჩვენ ვქმნით ანგარიშს Jetpack- თან. შეგვიძლია შევარჩიოთ სახელი და პაროლი. ახლა თუ უკვე გაქვთ ანგარიში WordPress.com– ზე, შეგიძლიათ გამოიყენოთ ამისათვის. თქვენ არ გჭირდებათ შექმნათ ახალი. ჩვენ ამას მხოლოდ იმიტომ ვაკეთებთ, რომ ჯერ არ გვაქვს. ჩვენ შევქმნით ჩვენს ანგარიშს. ახლა, როგორც ჩანს, Jetpack აპირებს დააკისროს, რაც არ არის თანდაყოლილი ცუდი. არსებობს რამდენიმე შესანიშნავი თვისება, მაგრამ ასევე არსებობს უფასო მოდელი და ჩვენ დავიწყებთ უფასოდ. აქ არის ბოლოში ღილაკი, ახლა კი Jetpack- თან ვართ დაკავშირებული. და ჩვენ გვინდა, რომ გავააქტიუროთ ყველა შემოთავაზებული ფუნქცია, მაგრამ ჩვენ ჯერ არ ვაპირებთ ამის გაკეთებას. ჩვენ ვაპირებთ მათი გააქტიურებას სათითაოდ, როგორც ეს გვჭირდება. ახლავე, ჩვენ Jetpack- თან არაფერს გავაკეთებთ. ჩვენ უბრალოდ გვინდოდა მისი დაკავშირება და ჩამოყალიბება, ასე რომ, როდესაც მისი გამოყენების დრო დადგება, ის ხელმისაწვდომი იქნება ჩვენთვის. ახლა დროა შექმნათ და კონფიგურაცია WooCommerce. ჩვენ ჩვენ აქ სწორად ვსაუბრობთ ჩვენს WordPress dashboard- ზე და თქვენ შენიშნავთ თავზე, არის ღილაკი, რომელიც ამბობს Run Setup Wizard- ის გაშვება. ჩვენ ამას ვაპირებთ. მე დააჭირეთ მას და პირველ რაც მას სურს იცოდეს სად ვართ. მე შტატებში ვარ და რადგან ვყოფილვარ შტატებში, მინდა დოლარი გამოვიყენო და მხოლოდ ფიზიკურ პროდუქტებს ვაყიდი. მაგრამ მე პირადად არ გავყიდი პროდუქტებს ან მომსახურებას, მხოლოდ ინტერნეტით, ასე რომ, მე არ დავტოვებ დაუმოწმებლად. ჩვენ გვაქვს შესაძლებლობა, რომ WooCommerce– ს დაეხმაროს გაუმჯობესდეს გამოყენების თვალთვალის საშუალებით. ახლა, რადგან მე ვქმნი დემო მაღაზიას და არა რეალურ მაღაზიას, ვაპირებ გამორთოთ ეს, მაგრამ გირჩევთ დატოვოთ ეს თქვენი რეალურ მაღაზიაში. ეს მათ ეხმარება უკეთეს პროდუქტს შექმნან. აქვე შეგიძლიათ მეტი ინფორმაცია იმის შესახებ, თუ რა აგროვებს მათ. მოდით, დააწკაპუნოთ, მოდით. ახლა ჩვენ გვაქვს სამი ვარიანტი გადახდის მისაღებად. არსებობს სხვები, მაგრამ ისინი შემდგომში დამონტაჟდება და ჩვენ ვაპირებთ გავაკეთოთ Stripe და PayPal, მაგრამ არა ხაზგარეშე გადასახადები. ჩვენ ვაპირებთ მას, რომ შექმნას Stripe ახალი ანგარიში. ჩვენ ვდებთ ჩვენს ელ.ფოსტის მისამართს და ის ახორციელებს ანგარიშის შექმნას. ახლა ეს მუშაობს იმის გამო, რომ ჩვენ WooCommerce და Jetpack უფრო ადრე დავაკავშირეთ და მიუხედავად იმისა, რომ ის ქმნის Stripe ანგარიშს ჩვენთვის, ჩვენ მოგვიანებით მოგვმართავენ მასში შესვლა და რამდენიმე ნივთის დაყენება. ახლა PayPal– სთვის შეგვიძლია გადავიღოთ გადახდები PayPal ანგარიშთან დაკავშირების გარეშე, მაგრამ არ ვაპირებთ ამის გაკეთებას. ჩვენ ვაპირებთ ჩვენი PayPal ანგარიშის დაკავშირებას რამდენიმე წუთში. ახლა ჩვენთვის აპირებს რამდენიმე დანამატის დამონტაჟებას. WooCommerce Stripe Gateway, WooCommerce Services და WooCommerce PayPal Express Checkout Gateway, ეს ყველაფერი ავტომატურად მოხდება და ჩვენ არაფრის გაკეთება არ გვჭირდება. ჩვენ უბრალოდ დააჭირეთ გაგრძელებას და ახლა ჩვენ ვაპირებთ კონფიგურაციის გადაზიდვას. ნათქვამია, რომ თქვენ ყველანაირად მოაწყვეთ ტრანსპორტირება შეერთებული შტატების ნებისმიერ წერტილში და მის გარეთ. ჩვენ გირჩევთ გამოიყენოთ ცოცხალი განაკვეთები, რომლებიც იკვებება ჩვენი WooCommerce Services დანამატით და Jetpack– ით, რომ მიიღოთ შეერთებული შტატების საფოსტო სამსახურის ზუსტი ფასების მისაღებად შეკვეთის შესრულების ღირებულების დასაფარად. ასე რომ, ჩვენ ვაპირებთ ვირჩევთ ცოცხალ განაკვეთებს, მაგრამ ჩვენ შეგვიძლია გავაკეთოთ ბრტყელი განაკვეთი ან უფასო გადაზიდვა და მსურს აღვნიშნო, რომ ამ პროდუქტის დახვეწა შესაძლებელია მოგვიანებით. ასე რომ, თქვენ შეგიძლიათ მიიღოთ ცოცხალი განაკვეთები თქვენი პროდუქციის უმეტესი ნაწილისთვის, მაგრამ გთავაზობთ უფასო გადაზიდვას, როგორც ფასდაკლებით რაიმე ნივთზე, შემდეგ კი თქვენს სხვა ზონებში განთავსებული ადგილები, კვლავ აპირებთ დატოვონ ეს პირდაპირ რეჟიმში. მათ უნდათ იცოდნენ, თუ როგორ გავზომოთ წონა და ზომები, ჩვენ გავაკეთებთ უნცია და ინჩი, მაგრამ ეს შეიძლება იყოს ფუნტი, გრამი, კილოგრამები და სხვა. ჩვენ დააჭირეთ გაგრძელებას და ახლა კიდევ ორი ​​ვარიანტი გვაქვს. არის ავტომატიზირებული გადასახადები. მე გირჩევთ გამოიყენოთ ავტომატური გადასახადები ამ Jetpack– ის კარგი მონაცემებით, თუ ვინ რა ვალდებულია ვის და როდის და არ გჭირდებათ ეს, რაც მშვენიერი რამ არის, რადგან გადასახადები არის თავის ტკივილი ონლაინ რეჟიმში. აქ ასევე გვაქვს ვარიანტი, რომ გავწევთ MailChimp- ს. მე ასევე გირჩევთ, რომ თქვენი მომხმარებლები ელ.ფოსტის სიაში მოხვდეთ, რათა მათ ელ.ფოსტა გაუგზავნოთ და ახალი პროდუქტი აჩვენოთ, ან გააფრთხილოთ ისინი, რომ გაიხსენონ ან მსგავსი რამეები, წარმოუდგენლად გამოსადეგია. ჩვენ ვაპირებთ დავტოვოთ ორივე მათგანი და ნათქვამია, რომ შემდეგი დანამატები დამონტაჟდება და გააქტიურდება თქვენთვის, MailChimp for WooCommerce. ახლა მას სურს ჩვენი MailChimp API გასაღები და ჩვენ შეგვიძლია იქ მივიღოთ MailChimp სისტემაში შესვლის გზით და შევცვალოთ პარამეტრების, დამატებების და API კლავიშების საშუალებით. ახლა MailChimp არის ელ.ფოსტის სიის სერვისი. მათ საშუალებას გაძლევთ შექმნათ ელ.ფოსტის მისამართების სიები და შემდეგ გაგზავნოთ შეტყობინებები ამ სიის სხვადასხვა ქვესაქანს. ამ შემთხვევაში, თქვენ აპირებთ დამატებით ველს დაამატოთ ჩვენი გადახდების ფორმა, რომელშიც ნათქვამია, გსურთ გსურთ დარეგისტრირდეთ ინფორმაცია ამ პროდუქტის ან სხვა პროდუქტების შესახებ, და cetera? მოდით წავიდეთ MailChimp და აქ ნათქვამია, რომ უფასოდ შეგვიძლია დარეგისტრირდეთ. ჩვენ გამოვიყენებთ ჩვენს ახალ ელ.ფოსტის მისამართს და დააჭირეთ დაწყებას. მოდით შევამოწმოთ ჩვენი ელ.ფოსტა. ასე რომ, ჩვენ ჩვენს ვებგვერდზე მივდივართ და ნახავთ, რომ ჩვენ გვაქვს ორი ელ.ფოსტა. ეს არის WordPress.com– დან და უკავშირდება Jetpack– ის დარეგისტრირებას. ახლა ჩვენ შეგვიძლია განვიხილოთ ეს როგორც HTML და ის ბევრად უკეთესად იმუშავებს. მოდით, დააჭირეთ დაადასტუროს ახლა ჩვენი WordPress.com ანგარიში და ახლა ეს გაკეთებულია. ამიტომ მე ვაპირებ ამ შეტყობინების წაშლას და შემდეგ ჩვენ გადავხედავთ ჩვენი MailChimp ანგარიშის გააქტიურებას. ჩვენ შეგვიძლია დააჭიროთ აქ და დავამტკიცოთ, რომ ჩვენ არ ვართ რობოტი, მე ვაპირებ ამას დააჭიროთ. მაგრამ იქნებ მე ძალიან ჭკვიანი რობოტი ვარ. მოდით მოდით ჩამოვაყალიბოთ ჩვენი MailChimp ანგარიში. თქვენ ის ცოტათი თქვით ჩვენს მაღაზიასთან და სად არის და ჩვენ გავაგრძელებთ. თქვენი ბიზნესი რამეს ყიდის ინტერნეტით? თუ ინტერნეტით ყიდით, ჩვენ დაგეხმარებით თქვენი მაღაზიის ინტეგრირებით თქვენს ანგარიშთან, ასე რომ თქვენ შეგიძლიათ გაგზავნოთ მიზნობრივი ელ.წერილი ელექტრონული კომერციის მომხმარებლებზე, აკონტროლოთ ROI და სხვა. ჩვენ დააჭირეთ დიახ და ნათქვამია, რომ მათ აქვთ ინტეგრაცია ამ ხუთი პლატფორმისთვის და მრავალი სხვა, და სწორედ აქ არის WooCommerce. ის, რომელსაც ჩვენ ვიყენებთ. ჩვენ შეგვიძლია ჩვენი კამპანიები გავუყოთ მიმდევრებს და შევქმნათ სოციალური პოსტები. ეს ალბათ კარგი იდეაა ნამდვილი მაღაზიისთვის. არ ვაპირებ ამის გაკეთებას ამ ვიდეოში, მაგრამ თქვენ შეგიძლიათ გააკეთოთ ეს მითითებების შესაბამისად. დაბოლოს, მათ უნდათ იცოდეთ, თუ გვსურს გამოვიწეროთ მათი ბიულეტენი. ახლა არ ვაპირებ უარს. ჩვენ დააჭირეთ მოდით. თუ ჩვენს ბლოგს დავუბრუნდებით, იგი ამბობს, რომ გვინდა გადავიდეთ ანგარიშის პარამეტრებზე, დამატებები, API კლავიშებზე, ასე რომ მოდით. არსებობს ანგარიში, დამატებითი ინფორმაცია, API კლავიშები. იგი ამბობს, რომ ახლა არ გვაქვს უფლება, ასე რომ უნდა გავაკეთოთ. ასე რომ, ჩვენ შევქმნით კლავიშს და ეს არის ის. რაც უნდა გავაკეთოთ, დააჭირეთ ამ ღილაკს. ასე რომ, ჩვენ დააკოპირეთ ამ API კლავიშს და ჩასვით იგი აქ, ახლა კი MailChimp- ს სურს ცოტა მეტი ინფორმაცია ჩვენი მაღაზიის შესახებ. ჩვენი ლოკალი არის ინგლისური, ჩვენ ვიყენებთ აშშ დოლარს და აღმოსავლეთის დროის ზონაში ვართ. ასე რომ, ახლა მე შევცავ ყველა ცვლილებას და ახლა, როდესაც ელ.ფოსტს გამოვგზავნით, მას სურს გარკვეული ინფორმაცია იცოდეს. Ვისგან არის? მე უბრალოდ დავასახელებ ჩემს სახელს, ჩავსვამ ჩვენს ახალ ელ.ფოსტის მისამართს, ნაგულისხმევი საგანი, ნაგულისხმევი ენა არის ინგლისური და ნებართვის შეხსენების მესიჯი, რომელიც ამბობს, რომ myWPstore– დან ხართ გამოწერილი გაზეთში და შეინახეთ ყველა ცვლილება. ახლა ჩვენ გვინდა ჩვენი მაღაზიის სიას სინქრონიზაცია და ეს იქნება ეს. საწყისი სინქრონიზაციის დროს, გამოიწეროთ არსებული მომხმარებლები. ახლა ჩვენ არ გვაქვს ისეთი, რომ ძალიან კარგი გამოვიდეს. ჩვენ გვაქვს ჩვენი ოპტ – ის პარამეტრები, რომელთა ყურადღებით წაკითხვაც გჭირდებათ, რადგან ის, რაც თქვენ გჭირდებათ, იცვლება იმით, თუ სად ხართ, Advanced Checkbox პარამეტრები, შეცვალოთ check-box– ის ადგილმდებარეობის ჩასარიცხად შეკვეთის შეყვანისას, WooCommerce– ის ერთ – ერთი ხელმისაწვდომი მოქმედების ფორმა. ჩვენ ვაპირებთ ამის დატოვებას პირდაპირ ბილინგის ფორმაზე. და შემდეგ მას სურს იცოდეს, რა ზომის ზომაა პროდუქციისთვის, რაც მას ელ.ფოსტში მოყვება. ჩვენ ვაპირებთ წასვლას და მე ყველა ცვლილებას შევინახავ. იქ მივდივართ. ახლა MailChimp და WooCommerce ურთიერთობდნენ ერთმანეთთან. MailChimp- მა იცის თქვენი პროდუქციის შესახებ და WooCommerce იცის თქვენი ელ.ფოსტის მკითხველების შესახებ. ჩვენ ახლა დავტოვებთ ამას მარტო და ჩვენ დავუბრუნდებით მას, როდესაც ჩვენ დავიწყებთ გადახდების პროცესს. სანამ მივიდეთ Stripe პარამეტრებზე, მინდა ზევით აღვნიშნო, რომ მზად არის ჩვენი MailChimp API კლავიშის სწორ პარამეტრ გვერდზე განთავსება. ახლა თქვენ შეიძლება გაიხსენოთ, რომ ჩვენ ჩვენი კლავიატურა უკვე ჩადეთ ერთ პარამეტრის გვერდზე. ეს დანამატი WooCommerce- სა და MailChimp- ს აკავშირებდა. ეს აკავშირებს WordPress- ს და MailChimp- ს. მოდით წავიდეთ წინ და ჩავდოთ ჩვენი გასაღები იქ. ისევე, როგორც ახლა, WordPress- მა იცის ჩვენი სიის შესახებ. რამდენიმე წუთში უფრო ღრმად გადავხედავთ MailChimp- ს, მაგრამ ახლა გადავხედოთ Stripe- ს. Stripe არის საკრედიტო ბარათის პროცესორი. ახლა ვთხოვეთ WooCommerce– ს, რომ შექმნათ ანგარიში Stripe– ით. მოდით, ჩვენს ელ.ფოსტაზე გადავიდეთ და აქ არის ელ.ფოსტა Stripe, WooCommerce Services გადასახადებიდან, მოითხოვეთ თქვენი Stripe ანგარიში და იგი ამბობს, რომ Stripe გაადვილებს ონლაინ გადასახადების მიღებას. WooCommerce Services- მა ახლახან შექმნა Stripe ანგარიში თქვენთვის, გთხოვთ, დააჭირეთ ქვემოთ მოცემულ ბმულს, რომ დარწმუნდეთ, რომ თქვენი გადახდები შედის დაუყოვნებლად თქვენს საბანკო ანგარიშზე. მოდით, დააწკაპუნოთ, მოითხოვეთ თქვენი Stripe ანგარიში. ჩვენ უნდა შევქმნათ პაროლი და ახლა ჩვენი Stripe ანგარიში შენახულია და ჩვენ შეგვიძლია ნახოთ დაფა. Stripe– ის მუშაობის გზა არის ის, რომ ვინმეს ეწვევა თქვენს ვებ – გვერდზე, შეარჩევს პროდუქტს და ავსებს შესყიდვის ფორმას, ხოლო როდესაც დააჭირეთ გაგზავნას, ის აგზავნის თქვენს საკრედიტო ბარათის ინფორმაციას სტრიპში, სადაც ის დამუშავებულია და თანხები გროვდება. შემდეგ Stripe ფლობს მას მოკლე დროში, ჩვეულებრივ, მხოლოდ ერთ დღეს, შემდეგ კი პერიოდულად უგზავნის მათ მიერ შეგროვებულ ფულს პირდაპირ თქვენს საბანკო ანგარიშზე. ასე რომ, თქვენ ნამდვილად არ გჭირდებათ ძალიან ბევრი რამის გაკეთება. ახლა რაც WooCommerce- ს სჭირდება არის API კლავიშები. ასე რომ, ახლავე ჩვენ ვხედავთ, რომ Stripe არის ჩართული და ასე ხდება Stripe მოხსენიება თქვენი ვებ – გვერდის წინა ბოლოს, და თქვენ ხედავთ, რომ ჩვენ გვაქვს Live Publishable Key და Live Secret Key, მაგრამ თუ ჩვენ ჩართავთ ტესტის რეჟიმში, გასაღებები არ არის. ამიტომ ჩვენ უნდა მივიდეთ ტესტირების გასაღებების მისაღებად. ახლა ჩვენ ვხედავთ ტესტის მონაცემებს. ამის ნახვა შეგიძლიათ აქ. ცოცხალი მონაცემების წვდომისათვის საჭიროა თქვენი ანგარიშის გააქტიურება. ჩვენ არ ვაპირებთ ამის გაკეთებას ამ ვიდეოში. თქვენ დააჭირეთ აქ პირდაპირ და ეს გულისხმობს თქვენს საბანკო ინფორმაციის მოთავსებას, რათა Stripes- მა ფულის გაგზავნა შეძლოს. ახლა ჩვენ ვაპირებთ Stripe- ს გამოყენებას მხოლოდ ტესტის რეჟიმში. ჩვენი API კლავიშების მისაღებად ჩვენ ვაპირებთ დაწკაპუნებით დეველოპერებს, შემდეგ კი შემდეგ ბმულს, რომელიც მდებარეობს ქვემოთ, არის API კლავიშები. აქ ნახავთ, რომ ჩვენ გვაქვს გამოსაქვეყნებელი და საიდუმლო გასაღებები. ახლავე ნათქვამია ზევით, ეს არის ჩვენი ტესტის API კლავიშები, ამიტომ მე ვაპირებ ჩემი გამომქვეყნებელი გასაღების კოპირებას და დავბრუნდები WooCommerce- ში და ჩასვით იგი აქ, და შემდეგ მე ვაპირებ მოვიძიო ჩემი Test Secret Key და ჩასვით იგი აქვე ახლა, რადგან ეს არის სატესტო კლავიშები, ისინი პრაქტიკულად ვერ გამოიყენებენ ბარათების დამუშავებას. კიდევ ერთი ვარიანტი, რომლის გადახედვაც გვინდა, არის გადახდის მოთხოვნის ღილაკები. თუ ჩვენ ამას დავტოვებთ, Apple Pay გახდება Stripe მეშვეობით ვარიანტი. კიდევ ერთი ვარიანტია დაშვებული ბარათების დაშვება თუ არა. ახლავე ვაპირებ ამის დატოვება. ასე რომ, ჩვენ დააწკაპუნებთ შენახვის ცვლილებას და იქ ვართ. ახლა შეიქმნა სტრიპტიპი, როგორც ცოცხალი, ასევე ტესტის რეჟიმში. ახლა თუ შევეცადე რამის დამუშავებას პირდაპირ რეჟიმში, ეს არ იმუშავებს, რადგან მე არ ვუკავშირდები სტრიპს ჩემს ბანკთან და ამის გაკეთებას ვაპირებ. ეს არ არის ძალიან რთული და სტრიპი სიამოვნებით დაგეხმარებით, თუ დარეკავთ მათ ან გამოგიგზავნით ელ. ასე რომ, ახლა Stripe არის ყველა მითითებული. ჩვენ გვაქვს კიდევ ერთი გადახდის კარიბჭე, რომელიც უნდა შეიქმნას სანამ გადავიდეთ. ასე რომ, მე ვაის კომერციასა და პარამეტრებში წასვლას ვაპირებ, ხოლო ზედა ცენტრში აქ არის გადახდები და ჩვენ ვაპირებთ PayPal- ის დაყენებას. თქვენ გაითვალისწინებთ, რომ აქ მრავალფეროვანი გადახდის კარიბჭეა და აქ ბევრად მეტია. თუ WooCommerce.com– ზე მიდიხართ, ნახავთ, რომ იქ შეიძლება იყოს ასობით ადამიანი და ღირს მათგან ძებნა, რომ ნახოთ, არის თუ არა თქვენთვის შესაფერისი, ვიდრე PayPal ან Stripe, მაგრამ PayPal და Stripe ჩვეულებრივ მოიცავს მხოლოდ ყველაფერს, რაც ყველას სურს. . ახლა თქვენ აქ გაითვალისწინებთ, რომ რეგულარული PayPal ჩართული არ არის. ეს იმიტომ ხდება, რომ PayPal სტანდარტმა მომხმარებლებს გადაუკეტეს PayPal– ში, რომ შეიტანონ მათი გადახდის ინფორმაცია და ბევრი მომხმარებელი მიიჩნევს, რომ ეს უხერხულია. PayPal Express საშუალებას აძლევს ხალხს გადაიხადოთ უფლება თქვენს საიტზე დატოვების გარეშე. ეს უკვე ჩართულია და ამიტომ ჩვენ მარჯვნივ ვაპირებთ დააჭირეთ მართვას. ამ სათაური მომხმარებლისთვის ხილული იქნება, როგორც მათთვის, რომ მათ აირჩიონ გადახდის გადახდა და შემდეგ არის აღწერილობა, რომელსაც ასევე იხილავს. ახლა ჩვენ ვცხოვრობთ ცოცხალ გარემოში და ჩვენ ვაპირებთ გადასვლას Sandbox- ზე, ახლა კი აქ გვაქვს სამი ვარიანტი PayPal- ზე დასაკავშირებლად. ჩვენ შეგვიძლია დააჭიროთ ამ ცისფერ ღილაკს, რომ დავქმნათ ან დავაკავშიროთ არსებული PayPal Sandbox ანგარიში, ჩვენ შეგვიძლია დააჭიროთ აქ, რომ გადართოთ სახელმძღვანელო API სერთიფიკატის შეყვანა, რაც იმას ნიშნავს, რომ ჩვენ მივდივართ PayPal– ში და ვიღებდით ჩვენს სერთიფიკატს თავს და ჩავწერთ მათ, ან შეგვიძლია გადავამოწმოთ გადახდები WooCommerce მომსახურება. ეს, ფაქტობრივად, ყველაზე მარტივი ვარიანტია და გააჩნია Jetpack მოდული, რომელიც ჩვენ დავაყენეთ. ჩვენ ვაპირებთ წინ წავიდეთ და გავაკეთოთ ეს. ახლა კი ეს განყოფილება შეიცვალა, რაც მხოლოდ ჩვენი ელ.ფოსტის მისამართი არის PayPal, და ეს ის არის, დანარჩენზე ზრუნავს. ახლა როდესაც ადამიანები არჩევენ PayPal– ის მეშვეობით გადახდას, ფული გამოჩნდება თქვენს ანგარიშში. ახლა აქ რამდენიმე სხვა ვარიანტია, ჩვენ გადავხედავთ. აქ არის ბრენდის სახელი, ეს უნდა იყოს თქვენი მაღაზიის სახელი, ან ბრენდი ან სხვა რამ, რაც თქვენთვის მნიშვნელოვანია. ჩვენ დავამატებთ ჩვენს ლოგოს სურათს და რა თქმა უნდა მოვათავსებთ Alt Text- ს, ეს ძალიან ბევრს ეხმარება ეკრანის მკითხველთან და ჩვენ ვაპირებთ ორივე წერტილისთვის ერთსა და იმავე სურათს ჩავდოთ, მიუხედავად იმისა, რომ ამბობს, რომ სხვადასხვა ზომებია, რადგან WooCommerce ზომავს ეს ჩვენთვის. ახლა აქ საკმაოდ ბევრი რამ არის სურვილისამებრ, რომელთა გაშუქებას არ ვაპირებთ. ზოგიერთი მათგანი კონკრეტულად ბიზნესთან არის დაკავშირებული და იქნება არჩევანი, რომლის გაკეთებაც თქვენ უნდა. მაგალითად, ინვოისის პრეფიქსი, თუ ნულიდან დაიწყებთ, ჯობია დატოვოთ იგი WC– ში, მაგრამ თუ უკვე გაქვთ ინვოისის პრეფიქსი წინა მაღაზიაში, გსურთ შეცვალოთ აქ. აქ არის ბილინგის მისამართის ან ტელეფონის ნომრის მოთხოვნის ვარიანტები, გარდა ამისა, ჩვენ შეგვიძლია სურვილისამებრ მანიპულირება გავუკეთოთ ღილაკს. სმარტფონის ღილაკები საშუალებას გაძლევთ გააკეთოთ ისეთი რამ, როგორიცაა ფერის და ფორმის არჩევა და ა.შ. ჩვენ არ ვარჩევთ იმ ფაქტის დამალვას, რომ PayPal– ს შეუძლია გამოიყენოს საკრედიტო ბარათი, რადგან ჩვენ გთავაზობთ Stripe- ს, რომელსაც აკეთებს საკრედიტო ბარათები. ასე რომ, მიუხედავად იმისა, რომ ამ გვერდზე უამრავი ვარიანტია, ჩვენ ყველაფერს ნაგულისხმევი დატოვებთ, რადგან ისინი ძალიან კარგად მუშაობენ, მაგრამ ექსპერიმენტებს მოგერიდებათ და ნახოთ რა მოგწონთ. ახლა ჩვენ დააჭირეთ ცვლილებების შენახვას. ახლა PayPal არის მითითებული. რამდენიმე წუთში, ჩვენ ვაპირებთ ექსპერიმენტს, რომ ფაქტობრივად გავაგზავნოთ რამდენიმე ტრანზაქცია Sandboxes– ის მეშვეობით. ახლა, როდესაც ჩვენი მაღაზიის მრავალი კონფიგურაცია გვაქვს მოწყობილი, ჩვენ დავიწყებთ მუშაობას ჩვენი ვებსაიტის წინა დასასრულის შესაქმნელად, როგორც ეს მაღაზია გვინდა, რომ გვქონდეს. ახლა წინა ბოლოს გამოიყურება ისე, როგორც ამას აკეთებს, რადგან მას აქვს მრავალი, ბევრი სტანდარტული პარამეტრი. ჩვენ შემოვიტანეთ ვიჯეტის ვიჯეტები და არსებობს რამდენიმე ველი, რომლებშიც ნაგულისხმევი ტექსტია და ა.შ. მოდით, დავიწყოთ. პირველ რიგში, მოდით შევქმნათ საწყისი გვერდი. ახლა ჩვენი მთავარი გვერდი არის ბლოგის გვერდი და არ გვინდა ეს, გვინდა რომ ის იყოს რეალური გვერდის გამოყენებით. ასე რომ, ჩვენ დავიწყებთ პერსონალურად და შემდეგ გადავალთ საწყისი გვერდი, და თქვენ ახლავე ნახავთ, ახლავე, ჩვენს საწყის გვერდზე აჩვენებს უახლეს შეტყობინებებს. ჩვენ გადავდივართ სტატიკურ გვერდზე და შემდეგ რეალურად უნდა შევქმნათ საწყისი გვერდი. ასე რომ, ჩვენ დააჭირეთ დაამატეთ ახალი გვერდი და მას ვეძახით მას Home და დააჭირეთ დამატება. ახლა, ჩვენი საწყისი გვერდი არის გვერდი, სახელწოდებით Home. შემდეგ ჩვენი შეტყობინებების გვერდისთვის, ჩვენ ასევე უნდა შევქმნათ ის, მაგრამ მას ბლოგის მაგივრად სიახლეებს ვუწოდებთ. ახლა კი ჩვენ გვაქვს ახალი ამბების გვერდი, მოდით, დააწკაპუნოთ პუბლიკაციაზე, ჩაკეტოთ კონფიგურატორის დახურვა და ახლა ჩვენი გვერდი გვაქვს. მაგრამ ჩვენ აქ კვლავ გვაქვს გვერდითი მხარე და გვინდა შეცვალოთ ჩვენი ლოგო. მოდით, მოდით დავუბრუნდეთ კონფიგურაციას და ჩვენ გადავდივართ თემის ოფციებში, ზოგადი პარამეტრებში და გვინდა ერთი სვეტი და გვერდითი მხარე. აქ კი ნათქვამია: ნახე ჩვენი ზამთრის გაყიდვა! Იშოპინგე. ეს არის სწორედ ეს ტექსტი აქ, მოდით, წაიშალოს იგი და ამის ნაცვლად იგი აჩვენებს თარიღს. შემდეგ მოდით გავაკეთოთ ჩვენი ლოგო. ჩვენ გადავალთ საიტის პირადობისთვის და ვირჩევთ ლოგოს. ახლა ჩვენ უკვე ატვირთეთ ჩვენი ლოგო, როდესაც ვმუშაობდით PayPal– ით, ასე რომ აქ არის. ჩვენ არ გვინდა დავჭრათ, ასე რომ, მე ვაპირებ დააჭირე Skip Crapping -ს და დააჭირეთ მას, სადაც ნათქვამია myWPstore, მაგრამ ჩვენ არ გვინდა ეს ტექსტური სათაური ან სუბტიტრები, ასე რომ, ჩვენ არ წაშლით მათ. შემდეგ ჩვენ დააჭირეთ პერსონალიზატორის გამოქვეყნებას და დახურვას და ამჯერად მე შევქმენი Customizer, რომ ის ფაქტობრივად ლოგო ოდნავ უფრო დიდი გახადა, რადგან ეს არის სათანადოდ საპასუხო თემა, ლოგო უფრო პატარა ხდება, როგორც ბრაუზერი ვიწროვდება, ასე რომ ის კვლავ ხდება კარგად გამოიყურება თუნდაც მობილური ტელეფონისთვის. ახლა დიზაინის ჩვენი შემდეგი ნაბიჯები, ფაქტობრივად, ბრუნავს პროდუქტებზე, ჩვენს შინაარსზე, რომელიც ჩვენ ჯერ არ გვაქვს. ასე რომ, ჩვენ ვერ ვიქნებით სათანადო ნავი და ვერ გამოვყოფთ კატეგორიას და პროდუქტს საწყის გვერდზე. მოდით, გადახედოთ ზოგიერთ პროდუქტს. პროდუქტის ჩასატარებლად, ჩვენ გადავალ Dashboard, შემდეგ პროდუქტებს, ჩვენ ყველა პროდუქტს დააჭერთ და, რადგან ეს არ გვაქვს, ეს გვაძლევს დიდ ღილაკს, რომ შევქმნათ ჩვენი პირველი. ახლა ნამდვილად არსებობს ორი სახის პროდუქტი WooCommerce, მარტივი და ცვლადი. ცვლადი პროდუქტი არის ნებისმიერი პროდუქტი, რომელიც მოგთხოვთ ვარიანტებს. მაგალითად, ეს შეიძლება იყოს მაისურის ზომები ან ფერები. მარტივი პროდუქტი არ გაძლევთ რაიმე ვარიანტს, თქვენ უბრალოდ ყიდულობთ მას ისე, როგორც ეს არის. ჩვენ დავიწყებთ მარტივი პროდუქტით. ჩვენ ვაპირებთ კომპასის გაყიდვას. ჩვენი მაღაზია აპირებს კემპინგის ხელსაწყოს გაყიდვას. ეს არის შესაფერისი დრო, რომ განვიხილოთ შეცდომის შესახებ შეტყობინება, რომელიც აქამდე ნახე მთელი ვიდეო. იგი ამბობს, რომ ჩვენი თემა, უახლესი, შეიცავს WooCommerce შაბლონის რამდენიმე ფაილის მოძველებულ ასლს. მე დავუკავშირდი Array თემებს ამის შესახებ და მათ ვუთხარი, რომ ამ კონკრეტულ შაბლონს არც გავლენა აქვს რაიმე ფუნქციაზე და არც დიზაინზე, ასე რომ, ჩვენ ახლა უსაფრთხოდ შეგვიძლია ავღნიშნოთ იგი. ამ ვიდეოს ნახვისას, პრობლემა შეიძლება მოგვარდეს და შესაძლოა თქვენ ვერც კი ნახოთ ეს შეცდომა. ასე რომ, ახლავე ვაპირებ დააჭირეთ Dismiss- ს დაჭრა. მოდით, ჩავწეროთ ჩვენი პროდუქტის სახელი და შემდეგ შეგვიძლია მოვათავსოთ ინფორმაცია ჩვენი პროდუქტის შესახებ. შემდეგი ჩვენ ვირჩევთ ჩვენი პროდუქტის ტიპს. როგორც აღვნიშნე ეს მარტივი პროდუქტია. WooCommerce- ს ასევე შეუძლია გაუმკლავდეს ვირტუალურ ან გადმოტვირთვის პროდუქტებს, რომლებიც ბილეთებს ან პროგრამებს ჰგავს. ჩვენ არ ვაპირებთ ამ ვიდეოში ამ ტიპის გაშუქებას. ჩვენი მხოლოდ ფიზიკური პროდუქტები იქნება. შემდეგ ჩვენ შევიტანთ ფასს. ჩვენ ახლა არ ვაპირებთ გაყიდვის ფასის გაკეთებას. ამას რამდენიმე წუთში დავფარავთ. ეს არის დასაბეგრი პროდუქტი, რომლის მიმართ გამოიყენება სტანდარტული საგადასახადო განაკვეთები. თუ გსურთ, შეგიძლიათ შეიტანოთ ინფორმაცია ინვენტარიზაციის შესახებ, მაგრამ ეს არ არის საჭირო. SKU- ს დავდებ. ჩვენ ასევე შეგვიძლია შევარჩიოთ მარაგის მართვა. ჩვენ შეგვიძლია ვთქვათ, რამდენი გვაქვს და შეგვიძლია დავუშვათ შეკვეთები, თუ არა, და შეგვიძლია არჩევითად რომ ვთქვათ, მხოლოდ ერთი თანმიმდევრობით შეძენილი მხოლოდ ერთი გვქონდეს. ახლა არ ვაპირებ საფონდო მართვას. შემდეგ გადადის გადაზიდვაზე. ჩვენ ვამბობთ, რამდენს იწონის და თქვენ აღვნიშნავთ, რომ ეს უნციაა, რადგან ჩვენ ვაყენებთ მას ადრე, შემდეგ განზომილებებში. გაითვალისწინეთ, რომ თქვენ არ აყენებთ პროდუქტის განზომილებებს, როგორიცაა კომპასი, მაგრამ ეს შეფუთვაა, შემდეგ კი შეგვიძლია შეარჩიოთ გადაზიდვის კლასი. ჩვენ არ დაგვიმზადებია რაიმე ტრანსპორტირების კლასები. ეს არც არის საჭირო. თუ მხოლოდ ერთი გზით იგზავნით, კლასელი აღარ გჭირდებათ. თქვენ შეგიძლიათ სურვილისამებრ დააკავშიროთ პროდუქტები, ასე რომ, თუ ჩვენ ასევე გავყიდეთ კომპასის შემთხვევა, ჩვენ შეგვიძლია დავუკავშირდეთ მას, მაგრამ ახლა არ ვართ. არსებობს ატრიბუტები, რომლებიც დამზადებულია ჩვეულებრივად, ასე რომ, მაგალითად, შეგვიძლია ვთქვათ, რომ ეს არის ნიკელის მოოქროვილი ან მსგავსი რამ, მაგრამ ახლა ჩვენ არ ვაპირებთ რაიმე ატრიბუტების ჩასატარებლად და შემდეგ წინასწარ, ჩვენ შეგვიძლია შევიტანოთ შესყიდვის ჩანაწერი და ნათქვამია, ჩაწერეთ სურვილისამებრ შენიშვნა, რომელიც შეძენის შემდეგ მომხმარებელს გაუგზავნეთ. არსებობს მენიუს შეკვეთა, რომლის საშუალებითაც შეგიძლიათ განათავსოთ პროდუქტები კონკრეტული მიზნით და შემდეგ შეგიძლიათ სურვილისამებრ ჩართოთ მიმოხილვები, ჩვენ ამას დავტოვებთ. ასევე გვაქვს პროდუქტის მოკლე აღწერა, რომელიც გრძელი მსგავსია, მაგრამ სხვადასხვა ადგილას ჩნდება. გრძელი ჩანს ერთი პროდუქტის გვერდზე, სადაც მოკლე გამოჩნდება პროდუქტების საარქივო ჩამონათვალში. ასე რომ, ჩვენ უბრალოდ ვაპირებთ ამის პირველ წინადადებას და აქ მოვათავსოთ. მოდით, გადახედოთ ჩვენს გვერდითა ზოლს. შეგვიძლია შევარჩიოთ კატეგორიები. მე ვაპირებ დავამატო ახალი, სახელწოდებით აქსესუარები. ახლა არ ვაპირებ მონიშნეების გამოყენებას. ჩვენ გვინდა ღილაკების გაზიარება და მე ვაპირებ პროდუქტის გამოსახულების ჩადებას. ჩვენ მოვათავსებთ alt ტექსტს, როგორც ყოველთვის და შეარჩიეთ ნაკრები პროდუქტის სურათი. ახლა ჩვენ შეგვიძლია დავამატოთ პროდუქტის გალერეის სურათებიც, ასე რომ, თუ ამ პროდუქტის ერთზე მეტი სურათი გაქვთ, შეგიძლიათ ჩასვათ იმდენი, რამდენიც გჭირდებათ. მე მხოლოდ ერთი სხვა მყავს. ასე რომ, მე დავამატებ გალერეას და ეს. ჩვენ დავასახელეთ სათაური და გრძელი აღწერა. ჩვენ შევარჩიეთ მარტივი პროდუქტი. ჩვენ ჩადეთ რამდენი ღირს. ჩვენ ეს არ გამოგვიჩენია, რომ ის გაყიდვაში გაკეთებულიყო ახლავე. ჩვენ ძირითადად გამოტოვეთ ინვენტარი. ჩვენ ჩავწერეთ ინფორმაცია გადაზიდვის შესახებ. სხვა პროდუქტები არ გვაქვს, რომელთანაც დაკავშირება გვაქვს. სხვა ატრიბუტები არ გვაქვს და გადავწყვიტეთ, რომ მიმოხილვები გავააქტიუროთ. შემდეგ ჩვენ მას პროდუქტის მოკლე აღწერა მივეცით. ჩვენ კატეგორიაში ჩავსვით, ჩავსვით გამოსახული გამოსახულება და შემდეგ პროდუქტის გალერეაში დავამატეთ სურათი. მოდით, ჩვენ დააჭირეთ გამოქვეყნებას და ჩვენ ჯერ კიდევ არ გაკეთებულა რაიმე დიზაინის სამუშაო ცალკეული პროდუქტის გვერდებზე, მაგრამ მოდით გადახედოთ და ვნახოთ, როგორ გამოიყურება. რადგან Array თემები შესანიშნავია, ის მშვენივრად გამოიყურება ყუთში. ჩვენ შეგვიძლია გავადიდოთ სურათი, შეგვიძლია დააჭიროთ სხვა სურათის სანახავად, შეგვიძლია ვნახოთ გრძელი აღწერა, გადავხედოთ დამატებით ინფორმაციას, ვნახოთ მიმოხილვები. აქ, მარჯვნივ, ჩვენ შეგვიძლია ვნახოთ ჩვენი მოკლე აღწერა, შეგვიძლია ავირჩიოთ რამდენი გვინდა ვიყიდოთ, შეგვიძლია კალათაში დამატება ან გამოიყენოთ PayPal Buy Now და აქ არის ჩვენი გაზიარების ღილაკები და ჩვენი SKU, ასევე კატეგორია. რამ, რაც ამ გვერდზე მინდა დაფიქსირდეს, არის URL. ეს არის myWPstore.com/?product=brass-compass. კითხვის ნიშანი და თანაბარი ნიშნები SEO- სთვის არ გამოირჩევა. მოდით გადახედოთ როგორ გადავწყვიტოთ ეს. ჩვენ გადავალთ პარამეტრებში, პერმის ლინკებზე და შევცვლით მისამართის ტიპს სახელის დასადგენად. აქ ასევე გვაქვს რამდენიმე ვარიანტი, თუ როგორ გამოიყურება ჩვენი მაღაზიის პროდუქტები. თუ გვსურს, რომ სიტყვების მაღაზია URL- ში იყოს, ან შეგვიძლია დატოვოთ ის ნაგულისხმევი, ეს არის პროდუქტი / ნიმუში-პროდუქტი. მირჩევნია იქ მაღაზია მქონდეს. აქ შესაძლებელია აგრეთვე არ ჰქონდეთ კატეგორიაში კატეგორიაში, მაგრამ მოდით დააჭიროთ შენახვის ცვლილებას, შემდეგ ჩვენ დააჭირეთ რედაქტირების პროდუქტს და აქვე დაინახავთ, რომ შეიცვალა. თუ ისევ მის სანახავად მივდივართ, ეს არის / მაღაზია / სპილენძის კომპასი, რომელიც SEO- ს შესანიშნავი URLა. შემდეგი მოდით დავამატოთ ცვლადი პროდუქტი. ჩვენი შემდეგი პროდუქტის დამზადებას ვიწყებთ, მინდა წარმოგიდგინოთ სისუფთავე რამ. WP ადმინისტრატორიის ახალი მენიუს ქვეშ არის პროდუქტი, ასევე WooCommerce– სთან დაკავშირებული რამდენიმე სხვა საკითხი. მოდით, დააჭირეთ ახალ პროდუქტს. ახლა ჩვენი ბოლო პროდუქტი მარტივი პროდუქტი იყო. ეს ცვალებადი იქნება, რაც ნიშნავს, რომ იგი მიიღებს სხვადასხვა ვარიანტს. ეს ერთი იქნება თეთრი მაისური. კემპინგის ხელსაწყოსთვის გსურთ მაღალხარისხიანი საყრდენი თქვენს და თქვენს გარე ტანსაცმელს შორის. ჩვენ ჩვენს აღწერას მოვიყვანთ. ახლა ის იქნება უნისექსი, ასე რომ არ იქნება მამაკაცები და ქალები და ეს თეთრია, ამიტომ მრავალფეროვანი ფერი არ იქნება, მაგრამ მრავალფეროვანია. ახლა, როდესაც ჩვენ ჩვენი აღწერილობა გვაქვს, შეარჩიეთ ცვლადი პროდუქტი. ჩვენ გადასახადებს ვიტოვებთ დასაბეგრი სტანდარტით, ინვენტარიზაციის მიხედვით მე ჩამოვიყალიბებ SKU- ს და ჩვენ ვირჩევთ აღარ განვახორციელოთ მარაგი. ტრანსპორტირების ქვეშ, ჩვენ დავაყენებთ უნციებს, ექვს დიუმს ოთხი სანტიმეტრით ერთი დიუმრით, გადაზიდვის კლასი არ იქნება. ჩვენ კვლავ არ გვაქვს არანაირი პროდუქტი, თუ რამის გაკეთება შეგვიძლია გავაკეთოთ, როგორიცაა იოგის შარვალი. ატრიბუტებისთვის ეს არის ის, სადაც ჩვენ ვქმნით ჩვენს ვარიაციებს. ასე რომ, ჩვენ ვაპირებთ შევქმნათ ერთი, ე.წ. ზომა და მრავალჯერადი მნიშვნელობა, გამოვყოფთ ამ ვერტიკალურ ზოლს, რომელსაც უწოდებენ მილს, ასე რომ, ჩვენ გავაკეთებთ დამატებით პატარა და შემდეგ მილს, შემდეგ პატარა, შემდეგ კიდევ ერთ მილს, საშუალო, შემდეგ სხვა მილს, დიდი , და ძალიან დიდი. გვინდა, რომ ისინი პროდუქტების გვერდზე ხილული იყოს და უნდა გამოვიყენოთ იგი ვარიაციებისთვის. მოდით, მოდით გადავიღოთ ატრიბუტები. ახლა, როდესაც ჩვენ ვარიაციებს მივდივართ, ჩვენ დააჭირეთ Add ვარიაციას და ჩვენ გვაქვს ერთი ცვალებადობა, მათ შეუძლიათ აირჩიონ ნებისმიერი ზომა, მაგრამ ახლა თუ დააჭირეთ მას, ჩვენ ყველა ამ ვარიანტს ვიღებთ. ეს ცვალებადობა ჩართულია, ის არ შეიძლება გადმოწერილი ან ვირტუალურია და ჩვენ არ ვაწარმოებთ მარაგს. ფასად, ჩვენ ვაპირებთ შევიტანოთ $ და ჩვენ ისევ შევარჩევთ არ ვყიდულობთ გაყიდვას. საწყობშია, ჩვენ იგივე წონას და ზომას ჩავდებთ, ტრანსპორტირება და გადასახადები ისეთივე იქნება, როგორც მშობელი და შეგვიძლია ჩავწეროთ მცირე აღწერილობა, მაგრამ ჩვენ არ გამოვიყენებთ. ასე რომ, მე ვაპირებ დააჭირეთ ცვლილებების შენახვას. შემდეგ ჩვენ წავიდეთ Advanced- ში და ჩვენ დავტოვებთ ამას იგივე გზით, რაც გავაკეთეთ სინგლთან, სადაც ადამიანებს შეუძლიათ დატოვონ მიმოხილვები, მაგრამ ჩვენ არ გამოვტოვებთ შესყიდვის ჩანაწერს ან მენიუს ბრძანებას. ჩვენ გვჭირდება პროდუქტის მოკლე აღწერა, ასე რომ, ვაპირებ გრძელი აღწერილობის პირველ წინადადებას მოვიძიო და იქვე დავდოთ, და ჩვენს გვერდით მდებარე ბარში მოდით მივცეთ მას კატეგორიების ტანსაცმელი. არანაირი წარწერა, გაზიარება, ჩვენ ვაპირებთ ღილაკების ჩვენებას და ახლა მოდით შეარჩიოთ ჩვენი სურათი. ჩვენ დარწმუნდებით, რომ ჩვენ მოვათავსებთ რამდენიმე ტექსტურ ტექსტს და იქ არის ჩვენი პროდუქტის სურათი, და ჩვენ კიდევ ერთს დავამატებთ გალერეას და დავამატებთ გალერეას და ახლა გამოვაქვეყნებთ. ახლა კი გადავხედოთ მას. ჩვენ ვართ, თეთრი მაისური, $. აქ არის ჩვენი ზომები. რამდენი პერანგი გვინდა და თქვენ გაითვალისწინებთ, რომ ღილაკს Add to Cart და PayPal Buy Now ღილაკები არ მუშაობს. ეს არის იმის გამო, რომ ჩვენ ჯერ არ შევარჩიეთ პროდუქტი. ახლა გვაქვს და ახლა შეგვიძლია. დამატებითი ინფორმაციის თანახმად, ჩვენ შეგვიძლია დავინახოთ წონა, ზომები და ზომები და მიმოხილვები არ გვაქვს. ახლა, როდესაც ჩვენ გვაქვს რამდენიმე პროდუქტი, მე ვაპირებ რამდენიმე პროდუქტის იმპორტს, ასე რომ, ჩვენ გვაქვს უფრო მეტი მაღაზია, მაგრამ მე არ ვაპირებ ისეთი ახალი რამის გაკეთებას, რაც მე არ მიგიღია. მე უბრალოდ ვაპირებ იგივე საქმეს და ისევ და ისევ. ასე რომ, ჩვენ გამოვალებთ. რედაქტირების მაგიის საშუალებით, თქვენ არ მქონდა დაკვირვება, რომ ბევრ, ბევრ პროდუქტში შევიდეთ. ამ პროდუქტებში ერთადერთი, რაც თქვენ არ გინახავთ, არის ნივთების გაყიდვა. ჩვენ მივიღებთ ჩვენს კომპასს, რომელიც ჩვენ ადრე შევიტანეთ და გენერალურ ჩანართზე გადავალთ და ამას ჩვეულებრივად უყურებთ $. მოდით, გავაუმჯობესოთ ჩვენი გასაყიდი ფასი და განაახლეთ ის, ახლა კი მინდა გაჩვენოთ ორი განსხვავებული რამ. ჩვენი პროდუქტის წინა გვერდზე, ახლა უკვე სრული ფასი აქვს გაფიცვის საშუალებით, შემდეგ კი იყიდება გასაყიდი ფასი, ხოლო ადმინისტრატორი შეგიძლიათ ნახოთ სრული ფასი გაფიცვის საშუალებით. ახლა კიდევ ერთი მაგარი რამეა, რისი გაკეთებაც შეგვიძლია გავაკეთოთ გაყიდვებთან. ჩვენ შეგვიძლია დაგეგმოთ, გუშინდელიდან ხვალამდე, ეს არის ჩვენი მეოთხე ივლისის გაყიდვა. ჩვენ დააჭირეთ განახლებას და განაახლეთ და დაინახავთ, რომ ის კვლავ იყიდება. თუმცა, მოდით, ეს დღეს გავაგრძელოთ და თქვენ ნახავთ, რომ გაყიდვა დასრულდა, რაც იმას ნიშნავს, რომ თუ გინდათ დღეს დასრულდეს, უნდა დანიშნოთ დასრულების თარიღი, როგორც ხვალ, და ეს ყველაფერი არის ნივთების გასაყიდად. ახლა დროა, რომ ჩვენი საწყისი გვერდი მართლაც ლამაზი გავხადოთ. პირველი ნაბიჯი, თუ ჩვენი საწყისი გვერდი მართლაც ლამაზი გახლავთ, საწყისი გვერდის შაბლონის შეცვლაა. ახლა იგი იყენებს ბლოგის პოსტის ერთ შაბლონს. მოდით, შეცვალოთ ეს გვერდი და მარჯვნივ აქვე ვაპირებთ აირჩიოთ მაღაზიის საწყისი გვერდი და განახლება და ახლა მოდით გადატვირთოთ საწყისი გვერდი. და, ისევე, როგორც ჩვენი მთავარი გვერდი მაღაზიას წააგავს, მაგრამ ეს ჯერ კიდევ არ არის სწორი. ერთი სიტყვისთვის, მე მინდა სხვა სურათი და მინდა განსხვავებული სიტყვები აქ ჩემი მაღაზიისთვის. ჩვენ ვაპირებთ დააჭიროთ Customize და ახლა დაინახავთ, რომ გარშემო პატარა ცისფერი ფანქრებია. მოდით, დააწკაპუნოთ ამაზე. მე ვაპირებ ამ სიტყვების თქმას: საუკეთესო საკემპინგე საშუალებებია ხელმისაწვდომი, მე კი მეორეხარისხოვან ტექსტს გამოვიტან. ახლა ჩვენ გვაქვს ტექსტი, რომელიც გვინდა, მაგრამ მოდით შევცვალოთ სათაურის ფონი. მე დააჭირეთ სურათის შეცვლას და გადავტვირთავ ატვირთვას. ჩვენ ჩავწერთ ჩვენს ალტერნატივას. ახლა ჩვენ შესანიშნავი გამოსახულება გვაქვს, მოდით, ოდნავ გავაანალიზოთ იგი. აქ კარგად გამოიყურება. სათაურის ღილაკის ტექსტისთვის, მოდით, შეცვალოთ იგი, გადაამოწმეთ ჩვენი მოწყობილობა. ჩვენ ვაპირებთ ბმულის ჩასვლას / მაღაზიას, რადგან ეს არის ჩვენი მაღაზიის მისამართი. შემდეგ მინდა რომ ჩვენი ღილაკი იყოს მრგვალი. ახლა ეს ჯერჯერობით კარგად გამოიყურება. მოდით, ჩვენ დააჭიროთ პუბლიკაციას და დავხუროთ პერსონალიზატორი და ვნახოთ, როგორ გამოიყურება, როდესაც ფართოა. ეს ნამდვილად მკვეთრად გამოიყურება. ახლა ამ განყოფილებაში კატეგორიებია და თქვენ გაითვალისწინებთ, რომ ამ კატეგორიას აქვს გამოსახულება და ტექსტი და ეს არ არის. მოდით, ეს გამოსწორდეს. ჩვენ გადავდივართ პროდუქტებსა და კატეგორიებზე, შემდეგ რედაქტირება, აქსესუარები და ყველაფერი, რაც აქ გვჭირდება, არის აღწერა და მინიატურა. There’s our alt-text and for our description we put in this text and then we’ll click Update. And now when I reload, there it is. Let’s change our bag image. Here’s our alt text. We’ll save and reload. Next let’s do clothing. There’s our description. We’ll upload an image. We’ll use this image and update, and then refresh. Now we have a great logo, a great header with a call to action link, and three categories. Let me click Customize and show you how those categories are placed there. The homepage template placed them there but you can click these and choose which ones they are. So for example, if we wanted to reorder them we could make accessories be in the middle and bags be on the end. This Header Search option is for this and it tells us what it is searching. The default search searches your entire site, including your blog posts but right now it’s searching only products. The shop sidebar position is this and in this section we’re going to put some products, and you’ll note that it’s going to come in columns of three. Let’s do that next. Since we’re building the store of course we want products on our homepage and while these categories are neat, we really want products right here. Fortunately our theme comes with a great way to make that happen. I’m going to go to the Dashboard and then under Appearance, Getting started. Right here it says add a WooCommerce store homepage. The way it works is that it includes a number of short codes and fortunately they even provide some great code for us. So we can simply copy this. Now we’ll edit our homepage and paste this information right here. However you note that there’s a light blue background here. We don’t really want that. What that means is that it copied some extra code from the page we were on. If we switch over the Text tab, you’ll note that all of our HTML tags are messed up. So we actually want to paste our HTML into the Text tab and now when we go back to Visual. It looks a lot more like it should. Let’s click Update and go back to our page and look at it. And here we have featured products, newest products, sale products, and best sellers. But how does that work? What makes them featured? Well let’s take a look here. Let’s click on the hat and then edit this product. In the top right box here, the Publish box, you’ll note that it says Catalog visibility, Shop and search results, Featured, if we click Edit you’ll see that we have a number of options here. We can have our product show up in both the shop and search results, or the shop only, or search results only, or we could have it completely hidden. Hidden is useful for when you run out of inventory but there’s also a checkbox here for, This is a featured product. So let’s uncheck that, click Update, and reload our homepage and now the hat is gone. Let’s look at our compass that we made ourselves. And we’ll edit this, and go to Catalog Visibility, and mark it as a featured product. Click Update, and now our brass compass is a featured product. Now there’s something important I need to tell you. The concept of featured product is a WooCommerce feature. How it gets rendered on your website is entirely up to the theme. Array Themes allows you to make a little shortcut that displays featured products but another theme might not have that shortcode and you might need to put it in a widget or something like that. For our purposes the shortcode works wonderfully but if you ever switch themes you need to keep in mind that your featured products might appear in a different way. Newest products obviously are simply listed in the order they were created so there are the two we created, plus one that was imported from an earlier date. Then we have sale products and these are simply products that are marked as on sale, and of course here we have bestsellers. Now this is calculated by number of sales. Since we didn’t really have any sales at all on this demo store, part of the data that I imported included some transaction information. So this section is simply looking at those transactions and counting them, whichever product has the most shows up in here. We’ll take a look at transactions in a few minutes but this is all there is to getting products on your homepage, just those shortcodes. Now of course you want more products than you can fit right here, so also in a few minutes I’ll show you how to make a great navigation system, so people can find all of your products. Now that we’re starting to get product archives, as well as single product pages together, it’s time to look at our sidebar. This is the homepage and our sidebar has a Cart, Product Categories, Recently Viewed, which is really slick and Search. If we go to a single product and scroll down, you’ll see there’s Cart, Recently Viewed, Product Categories, and Search again. But if we go to a category page, you’ll see there’s a Cart but then there’s also a Filter by price, and again Categories, and Recently Viewed. Filtering by price is pretty slick. For example we can make it go less than $ and our compass disappears but something else that’s slick is that the filter range is the lowest product price on the page to the highest. So if you sell a collection of $ to $ things you don’t end up with a slider that goes up to $, and people have to adjust it every time. Let’s take a look at how these side bars are organized. If we go to our Dashboard, Appearance, Widgets, we have a plain the sidebar that appears on posts and pages. We have a footer, which has right now a plain text widget, Recent Posts, Categories and Products, then we have our Shop Archive and our single product. Now if we look on our left there are a variety of widgets we could use. We looked at Filter Products by Price but there’s also Filter Products by Attribute and by Rating. Then if we scroll down, you’ll be able to see Product Categories, Products, Product Search, Products by Rating, Product Tag Cloud, which are different from filtering, it simply lists your products. Now you’ll note that the Shop Archive sidebar has a Filter Products by Price widget but the homepage does not. That’s because the WooCommerce widgets are smart enough to not show up on a page where they can’t be used even if you put it there. So while you don’t see that filter widget here it actually is the homepage. Now on our Archive, under the Product Categories, we’re showing product counts but on our single, we’re not and that bothers me. So I’m going to show product counts. So we’ll save and you can see them here on an archive and if we go to any product now you can see the counts there, as well. The most important widget to have is your Cart. That’s what people use to see what they have when they’re shopping. You’ll want that available to them at all times. Now if we go to our News page, it does not have anything related to the store and that’s not good. We want our cart on this page, as well. Now you’ll see that up here in the header but it’s not quite as visible and flashy. We want it in more than one place so that people are more likely to see it. So all we have to do is drag the cart right there. We have the option to Hide if the cart is empty, but again we don’t want people to forget that they’re here to shop, we want them to see the cart all the time. So now while looking at this post you can see we have a cart. Now my next suggestion is entirely up to you from a marketing standpoint, you could also put products there. You could choose to put a list of your store’s products or the product categories. Now this is the News page we’re talking about so we don’t want to take useful news information, like recent posts and hide it too much. So we’ll leave the Product Categories here on the bottom. So now as people are reading a post, they get to see these product categories and again we don’t have numbers, so we’ll show product counts and there they are. So now we’ve configured the sidebar on your blog on single products and on the homepage. One of the most important things on any site is the navigation. That’s how people find your content, it’s how Google finds your content, and it’s even more important with a store. If you had a brick-and-mortar store and you hid your products in the back room no one would ever buy them. So let’s take a look at how to make the navs on this site work wonderfully. There’s one right here that was automatically created by WordPress but there are several more on this page that aren’t readily visible yet because we haven’t built them. So let’s dive in. We’ll click the Customizer, and we’ll go to Menus, and you’ll see we have no menus, but we have locations, we have a Featured Product Category Menu, a Primary Menu, a Top Bar Menu, Social Icons, Featured Category, and a Footer Menu, and we’ll create a menu for each of those positions. The items you end up with in your navigation, might vary from what I have because you have a different store, but this will show you how to get them in the right place and then you can choose whatever you want in them. Let’s go back here and we’ll create new menu. And you can see here our locations. I’m actually going to start with a Social Icon Menu. With this particular theme the menu name doesn’t matter, you can name it anything you want. So I give it a name and I click Social Icon Menu and then Next, and now I can add items. Now for Social, we’re linking off our site so we don’t need any of these pages. We’ll close Pages and open Custom Links, and now I’m going to put in Twitter.com and then you could put in your Twitter handle after that, but for text I’m just going to call it Twitter, and click Add to Menu. We’ll do the same with Facebook, next we’ll do Instagram, and then we’ll leave it at that. Let’s click Publish and now you’ll see that in the top right we have social icons, and if I click this pencil it takes me right back over here where I can choose which menu goes in there. If we want to go back we can edit, we can add items, and you’ll see it added a Pinterest item. Now if you add something that it doesn’t understand, like winningwp.com, then it puts it up there in text. We can click to reorder, we can move them around, and then we can optionally also remove. So I’m going to publish that and then we’ll look at the next menu. Next we’re going to work on the Top Bar Menu, which goes right here next to Social. So we’ll Create New Menu, choose Top Bar Menu, and we’ll just call it the Top Bar Menu and click Next, and then Add Items. So let’s close Custom Links and open up Pages. We’ll add My Account and Checkout. We also want a cart so I’m going to search here and there it is. So now I’ll click Publish and we’ll close the customizer and you can see it without pencils. In the top we have our Social, we have My Account, Checkout and Cart. When we scroll this cart follows us around. Next let’s take a look at our footer nav. We come all the way down here and we can have a nav right here. So let’s click Customize and then Menus. We’ll scroll down here so we can see it, click Create New Menu, Footer, call it Footer Menu and again it doesn’t really matter but it helps for reference, and we’ll Add Items. So let’s add a home link and then we’ll make it very much like the nav top bar. So we’ll go to My Account, Checkout and we’ll put a cart in there, and then Publish. And there we are, we have very nice footer menu. So now let’s take a look at our primary navigation ’cause this is the big one. We’ll go back here, Create New Menu, there it is, Primary Menu, and we’ll click Next. Now we don’t need My Account, Checkout, or Cart because they’re right here. Cart is here and there are links in the footer, as well. So let’s make a Home button. We’ll make a News button for the blog and then down here we have some options. We have Products, so we can link to a specific product, Product Categories, and WooCommerce endpoints for things like account details, and orders, and whatnot. Right now while we only have five categories we could add them all, and Publish, and it even works while the page is slightly narrow like this. Once it goes to full width, there’s plenty of room. However, if you had many, many categories we would probably want to make this a drop-down. Let me show you how to do that. We’re going to add a page called Shop, which already exists. It comes with WooCommerce. Then we’ll just drag that right here and then each of these we’ll drag slightly to the right and what we’re doing is creating a drop-down menu. You can see it here, there’s a little drop-down arrow. So now if we click Publish and then close the customizer, you’ll see that it makes a nice drop-down of the categories. If you had indented one more it would have made another level of navigation. ნება მომეცით გაჩვენოთ. We could put shirts under clothing and we’ll Publish this and close it, and it flies out like this. So as you can see the navigation is really quite flexible. If you only have a few categories I recommend having them all visible on one line, drop-down navigations can be problematic for people with who don’t control the mouse very well. However if you end up with dozens or even hundreds of categories the theme allows for a well-built drop-down navigation system. There’s another important thing we need to work on on our homepage and that is the footer. Now the footer is simply a widget area and it comes pre-installed with some widgets, some of which are exactly what we want but some not so much. For example, the one on the left is an ad for this particular theme. Recent Posts is an excellent choice because while this is not a blog we do want our news posts on the homepage somewhere. Categories is not our product categories, it’s our post categories so we don’t want that one and here we have a Products widget but it’s not any particular products, it’s just products. So let’s go about making this a better footer. Let’s go to our Dashboard, we’ll go to Appearance, Widgets, and here’s our footer area. So we have a Custom HTML widget but we don’t really want this one. So I’m simply going to drag it out and here we have a Contact info and Map. We’ll put that right there and we’ll call it Contact Us. I’m going to leave this contact information in there since our store is fake anyway. Now we don’t need ours. This is a digital store. So let’s click Save and we’ll take a look at what it looks like. There we are. Now that we have a Contact Us widget, let’s look at the next spot. This is Recent Posts and for all that this is not a blog, the posts in our store can generate a lot of traffic and having links to your individual posts on every page can be really valuable. You don’t want to give it a lot of real estate so the footer is perfect for that. So we’re actually going to leave this widget just the way it is. Next we have Categories, except these aren’t Product Categories, these are blog categories and we don’t want that. We want to focus on products much more, so let’s go switch that out. We’ll drag Categories right out of here and then you’ll find Product Categories and here it is. I’ll drag that right up above Products and as you can see we can order by name or category order, shows a drop-down, product counts, et cetera and then we’ll click Save, and go take a look. And there we are. So next let’s look at Products. Right now this is just the three most recent products, there’s a much better option for this, let me show you. We’ll take Products out of there and we’ll add Products by Rating, and we’ll choose to show only three so that it doesn’t get too long. And now we’ll reload and there we are. It looks like we could fit a fourth in there, let’s do that. There we go. So now we have very popular products on our page as opposed to simply whatever we added most recently. Now I’d like to speak to that, it’s not inherently wrong to show what you added most recently, in fact it might make good business sense. I’ve shown you how to change the contents of your footer by using different widgets. The business decisions behind what goes in there vary from store to store. I would try different widgets and see if you get different kinds of traffic. Do some testing, put different listings of products in there and see what drives more sales, then do that. After the homepage the shop page is probably the second most important page in your entire store site. Let’s take a look at the one we have already. We’ll simply click Shop, right here and right now we’re looking at one through of results, and they’re ordered a bit randomly. However, right here we can sort by popularity, average rating, newness, or price. This sorting combined with the category sorting of our navigation, give a pretty good samp of our products to our customer. There’s one more trick that this page has up its sleeve, though, let me show you. We’ll go to Customize and then Menus. We’ll go to the bottom here and I’m going to Create a New Menu and it’s going to be the Featured Product Category Menu. We’ll click Next and then Add Items, and now what’s important is that we’re not adding categories, we’re adding product categories, and I’m simply going to add all of them, but not uncategorized. So now I’m going to click Publish and close the customizer. Now if we go to the bottom, you’ll see there are four products here and they are from the Accessories section and if I click Clothing, we get clothing, Bags we get bags, and so on. Now this is a fun way to render your product. We have far more accessories than four and there isn’t a More link but you can set the order of the products in your admin area so that the ones you think are most important appear here in this section. This gadget is by no means required but it’s kind of fun and it does a good job of showing your products. If you decide you don’t want it you, go back to Customize, back to Menus, open up the Featured Product Category Menu and right here at the bottom, Delete Menu. Now if we Publish and close the customizer and go back to the bottom, it’s going. So our shop page does everything that it’s supposed to do. It shows products and allows you to filter them, and sort them, and there’s a cart here for paying. Now that we have the front end of our store looking good and working well, we need to check our transaction system and make sure that people can actually buy. The first thing we’re going to do is look at our payment gateways and make sure they’re both in Sandbox mode or at least testing. We’ll go to WooCommerce, Settings, Payments, and let’s manage both Stripe and PayPal checkout. Stripe is enabled and is in test mode. PayPal is in the Sandbox mode Now when testing your credit card processors you can use some fake credit card numbers. Let me show you how to find the proper ones. I simply Google for Stripe test cards and this will take you to the testing section at Stripe and down the page here are test card numbers and tokens. I almost always use this first one ’cause I can remember all the s, you can use any little code on the back and any future date. So I’m going to copy this Visa number and now I’m going to try buying something with Stripe. Let’s buy our compass. I’ll click Add to Cart, here and we can do the View cart or Checkout. Let’s try both. I’m viewing my cart in the tab here and it looks good but if I simply clicked Check out it takes us right here. So I’m going to put in my billing information, you’ll note that most of it is fake, which works when you’re testing. I don’t want to subscribe right now. I don’t want to ship to a different address and I want to pay with Stripe right now, and our theme is cool enough to tell us that we can use this test code, while we’re in testing mode and we’ll place our order. And now it says, thank you, your order has been received. Now this is what your customers are going to see. Shipping was determined to be $., their shipping and billing addresses and now in the admin area, let’s go to WooCommerce Orders, and here’s my order and it’s in processing. That means the Striped charge has completed. I can click the I and see the information here, and if I click this link, which is a unique identifier with Stripe for this transaction, it takes me to Stripe and here’s where you can see the transaction happening in Stripe. Here at the top you can see there’s a Refund button and if you push that it would send money back. Now since we’re in test mode that doesn’t actually work but in live mode that is how it would work. Also in live mode in the day or so $. would come in to your bank account. So it looks like transactions are working for Stripe. If you actually click the name instead of that I you get a lot more information. You can get shipping labels, there are Order notes, Custom Fields and all the information about the transaction. Now you’ll note there’s an error here, with WooCommerce Services, details are logged here. Let’s take a look at what the error was and it says no rate requests have been made for this service. So when we were doing our configuration we set up USPS for United States shipping zone but we didn’t also do it for international, which we knew at the time and it’s fine. One more thing we want to test while we’re testing transactions is coupon codes. Let’s take a look at how those work. We’ll go to the Dashboard and under WooCommerce Coupons. There’s an existing coupon here already, it’s % off, and there are an unlimited number of uses available. Let’s click Edit real quick and I’ll show you some other options. Instead of percentage you could choose Fixed cart discount or Fixed product discount. You could optionally allow free shipping and you can set an end date for this coupon, so that you don’t have to remember to come back and turn it off, before the holiday weekend. You can set a minimum spend and a maximum spend. You can say this cannot be used in conjunction with other coupons. You can exclude sale items and you can make it apply specifically to these things. You can also choose how many times the coupon can be used and the same for individual users but we’ll leave it alone right now. The name of this coupon is %, let’s add a brand new one. We’ll call it July and we’ll make it a percentage off. We get % off and we’ll make it expire on the sixth. No usage restrictions and no usage limits. Let’s publish and now let’s go buy something. Let’s buy our compass again because it’s a nice round number. We’ll Add to cart, go to Checkout and right here it says, Have a coupon? Click here to enter your code. And Apply Coupon, and now right here you can see that it removes $. Now taxes and shipping add back $, so we’re only $ off, however, the coupon code worked and you don’t actually have to run transaction to know that it worked because you can see the total that it’s going to run. So that’s how coupons work. Now that our store is functioning well, we’re going to look at adding some things around the store, some pages and some other plug-ins that will help make it work better. Now that the basic functionality of our store is all set up we’re going to add a few pages, specifically a contact page and an about page. Let’s start with the contact page. We’ll go to the Dashboard and the first thing we want to create is a contact form. We installed WPForms near the beginning of this video because it works particularly well with our theme. You could use any other Forms plug-in if you wish. I’m going to Add a New Form. I’m going to call it Contact and simply choose Create a Simple Contact Form. We have name, email, and comment. So we’ll save this form and click the X here. Now let’s go to Pages, we’ll Add New and the title will be Contact Us and now we’ll put in some information about how to contact us and then we’re going to click Add form. We’ll choose the Contact Form and we’re not going to show the form name or form description and that’s all there is. This other button that says Add Contact Form, uses a form from Jetpack and you may use it if you wish. I chose to use WPForms. Now we’ll click Publish and let’s view this page. It looks like we want some more spacing in there. Let’s put in horizontal rules. And there we are. Now before our form works we need to go back to WPForms and go to Settings, and we need to tell it where to send email. So let’s click Email. It’s going to use an HTML template and it’s going to use a header image. and we’ll choose Save Settings. When someone submits a form it gets sent to the email of the site owner, which is found in Settings, General and you can see here that it’s [email protected] So let’s fill out our form and see what happens. I’ll put in Name, Email, and a short message and click Submit and now it says, Thanks for contacting us! We will be in touch with you shortly. And if we go to our email, you can see we have a new email from me and we asked for it in an HTML template, so we need to view this as HTML in SquirrelMail. We can also view Unsafe Images. SquirrelMail considers all images to be unsafe but now that we have everything turned on you can see the email results. Now that our contact page is working let’s add it to our navigation. We’ll go to Customize, Menus, Primary Menu, and Add Items, and choose Contact Us, then Publish, and close the customizer, and now we have a fully functional Contact Us page. Now that we have a Contact page, let’s make an About page. We’ll go to New, Page and call it About Us. Now there won’t really be anything special about this page, it’s just a plain vanilla page with some information about the store. There’s the beginnings of a great About Page but we also want to urge our customers to get back to us. So we’ll link over to our Contact page. We’ll highlight Contact Us, click the anchor, and then we’ll click Link Options, and we can choose the Contact Us page, and click Add link. That’s all there is to it. Now we’ll click Publish and we want to put it in our navigation. So let’s go back to our homepage and click Customize then Menus, Primary Menu, and we’ll put it last, and there it is. Now let’s click Publish and now we have an About page. Again, we want to keep our cart on every page so that people are reminded that this is a shopping place and that they can be adding things to their cart anytime. We have Recent Posts, a Search and Product categories. How much content goes on your about page depends entirely upon the culture that you’ve built around your store. You might need a great deal of information there but maybe similar to this page, you only need a little bit because people really understand who you are. That’s up to you but I’m sure you’re going to make a great one. One area of the store that we’ve not spent too much time on is the News section and this is essentially a blog. The reason I haven’t spent a ton of time on it is that there isn’t anything particularly special about individual posts. They are very stock WordPress posts. There aren’t any extra features or anything unusual. This is a WordPress gallery, the one that comes built into WordPress, normal images, et cetera. One thing that is cool and this just comes out of the box is these are related posts but they’re related by category. Let’s edit the post we’re looking at and I’ll show you what I mean. Over on the right, it has Design, Featured and Travel. So now we have Design, Featured, and Travel at the bottom here. This image is the featured image and it has the title and the text. Let’s look at the Archive page for a moment. It’s a normal archive page, posts all in a row, very normal but this theme has one extra cool thing. Let’s go to Customize and go to Theme Options and here we have a Featured Posts Header. You’ll note here that we could set up a Hero Header just a large image, but instead we can choose an entire category to populate the hero header. We’ll choose Design first and now for its image it takes the background image of the first post, then also links related posts underneath of it and then moves on. We can choose alignment, left, right, or center and we can change the opacity of the background image. We can even color it. I like mine without color and then you can change the colors of the text. Right now we have black text on a white background. So now I’m going to click Publish and close the customizer, and now our Archive page has this beautiful header at the top. One of the great things about this theme, Latest from Array, is that I don’t have to mess with the blog very much. I want a store, the blog is secondary, and so it came with a great many features for the store and just coincidentally happened to make an attractive blog. Our site look and feel is finally done. Next we’re going to take a look at some of the utilities that can make our site a lot more functional. One of the most important parts of running an online store is quality communication with your customers and a great way to do this is with MailChimp email lists. Now we’ve already done a number of things with MailChimp during the setup of our store but let’s review a little of what we’ve done and then look at what we need to do next. Now we actually have two MailChimp plug-ins installed. The one you see at the bottom here is connected to our WooCommerce store. It knows things about our store and it’s used specifically on the checkout form. ნება მომეცით გაჩვენოთ. Let’s add a compass to our cart and go to Checkout and right here we have the option to subscribe to our newsletter. That’s what the WooCommerce plug-in does. Now the other plug-in is called MailChimp for WP and this one is not specifically for e-commerce. It’s good for just about any site. It also is connected via API, the same key as the other plug-in. So they’re talking to the exact same MailChimp account and that’s important. Our email list is called myWPstore and it has these fields. Note these tags, how they’re uppercase. We’re going to use those in a few minutes. Now this plug-in is intended to create a form that you can use either in widgets, or in posts, or pages. If we click Form here on the left, you can see the form. Now this is in HTML and it says, Sign up for our newsletter to get updates about Array Themes discounts and new WordPress theme releases. Now this came from Array Themes and we are not Array Themes, we are running our own store. So let’s change this. There now over on the right is what it’s going to look like. Right now we’re only collecting an email address. We also want to collect first and last name. So I’m going to copy the email address field and paste it two more times, and then change it to say first name, last name and remember those tags I told you about? We need to change them right here. There are also placeholders. Now right now all three fields are required. Simply removing the word required makes them not required and that’s entirely up to you. You can make them required or not required and now we’ll Save Changes. So now we have a form that looks like this but how do we get it where we want it to go? We’ll go to the News page. Now this is our blog and the sidebar looks like this. Let’s put our sign up form right here above the search. We’ll go to Appearance, Widgets, and this is that sidebar, and then we’ll find the MailChimp signup form right here. And it put it at the bottom so let’s move it up here, and we’ll leave the title at Newsletter. So now let’s reload and there we have a sign up for our newsletter. Now there’s one more very important detail. We’ll go to MailChimp for WP, Form, and there are some tabs here at the top. These are some messages that the user will receive at various times. The defaults are great and I rarely change them but I wanted to point them out so that you can if you wish. Settings is the key here. Right now if someone filled out that form nothing would happen. We need to say that this form subscribes to this list. We can choose double opt-in and update existing subscribers. We can choose to hide the form after a successful sign up and then we can choose to have it go someplace after the form is filled out. We’ll leave it empty for no redirect at all and Save Changes. Now we will reload to refresh the form and I’ll put in my information, and we get an error that says, Please include an @ in the email address, and I know why. If we go back to our form, I changed the name but I did not change the input type. So for the names, we want to change the type to text and then Save Changes. Now we will reload to refresh the form and I’ll click Signup, and right here it says, Thank you! Your sign up request was successful. Please check your email inbox to confirm. So now we have people signing up for our email list from two different places. One is this sidebar and the other is from the cart. I suspect you’ll get far more signups from your cart than you will from your sidebar. People are used to seeing subscribe items in their sidebar but when they’re in the process of checking out and you suggest to them that perhaps they might want to know more information about the product they’re actually buying they usually sign up. So that’s a great place to have it. Another extremely important part of any online store is site speed. You need your site to load absolutely as quickly as possible. You want your products to appear, your images to pop, people need to be able to move through your store very smoothly and seamlessly. The way this is done is with caching. Caching basically makes a copy of each page and then serves that copy, rather than rebuilding it with code and databases every time. Now caching for an online store can be quite difficult. However, more and more managed WordPress hosts are offering built-in caching and it works great. Let’s take a look at what SiteGround has to offer. We have a plug-in installed here called SG Optimizer and SiteGround installed that for us. If you did a manual install of your WordPress site and you don’t have this plug-in and you’re on SiteGround, you can get it from the WordPress plug-in repository and you should absolutely have it. First let’s look at the SuperCacher Config. Right now we have our Dynamic Cache turned off, as well as Memcached. Now those are two different kinds of caching. Dynamic Caching caches each individual page and then serves that for a short time. We absolutely want that turned on. So I click it and now it’s on. Now Dynamic Caching does not happen for people who are logged into the website, so for you while you’re logged in right now you may not see an immediate change but when you’re logged out and for all of your customers who are logged out the site should appear much faster. We also want to turn on Memcached. Memcached caches specific database queries, particularly large ones and those happen quite often with e-commerce stores. So we want to turn this on. Unfortunately, we can’t do it directly from here. We have to do it through our cPanel on SiteGround. So let’s log in there, we’ll click on My Accounts and then go to cPanel. Now in here we can use this cool search and type in cache and you’ll find the SuperCacher, and right here we have Level : Memcached and there’s a switch right here to turn it on, and now it’s on. And now we can go back to our site and turn it on. We can test right here and it says it is not being cached. If we go to the top of the page, you’ll note there’s an error that says, it’s not being cached. Make sure the Dynamic Cache is enabled in the SuperCacher tool in cPanel. So let’s go back to cPanel and click on Level : Dynamic Cache. And you’ll see we can turn it on right here. So both caches need to be turned on, both in the admin and in cPanel. So now let’s go to the bottom and try testing again. Now it is being cached and now we can hide this notice. Now there are other things that are important to do with SG Optimizer, and HTTPS Config is one of them. Now the only thing this does is require that your site is run over HTTPS and this is very important for two different reasons. One is that it encrypts all the traffic between your customers and your server. That keeps them safe but the other thing is right here under this last bullet. Once your site is loaded through HTTPS it will also automatically take advantage of the HTTP protocol, too. The HTTP protocol is much, much faster than good old-fashioned HTTP. If you want to know all the ins and outs about it, Wikipedia has a great article but trust me, HTTP is way faster, and so simply having this Force HTTP option turned on, gets us both privacy for our customers and speed for our site, so we definitely want it. Lastly we have PHP Config, which you probably won’t need to change. We absolutely want to be on some form of PHP , not . If you’re building your store on a site that’s been around for a while, it might still be on some version of . If you need to change, this page can help you test to see if you have any old code that won’t work. We’re not going to change anything because PHP . is great. So for a quick review, under SuperCacher we turned Dynamic Cache and Memcached, both on this page and also in cPanel. We made sure that HTTPS was forced so that we have privacy for our customers and speed for our site, and then we made sure that we’re running on PHP . All three of those pages can dramatically increase the speed of your site, so make sure not to skip this step. Another incredibly important element to running an e-commerce site is search engine optimization and this can mean a variety of different things to a variety of different people. What we’re going to do next is set up an account with Google Search Console and Google Analytics. Let’s start off with Google Search Console. The one we want is not actually the top one but rather the second one, where it says Google Webmasters. In here you can learn a great deal about Search Console and what it can do for you. In the top right we’re going to click Sign In. If you already have a Google account you may use it for this and what’s interesting about Google accounts is that they work on all Google properties. So if you already have an account for Gmail, or Google Maps, or Google Drive, or maybe with your Chromebook, you can use it, otherwise we’ll create a new one. I’m going to create a new one now. I’m going to use my current email address, instead of making a Gmail address and then we need to create a password, and then we’ll choose Next. So now we need to go check our email to get the verification code and here’s where we verify our email address. We’ll take this number and put it right here, then they need a phone number, and our birthday, and gender, and now I’m going to send a text to my phone. And my code is . Now they’d like to add my phone number to other Google services. I’m not going to do that right now, so I’ll click Skip. Privacy, I agree, and now we are logged into the Google Search Console. Now we’re not going to do anything with it yet. We’re going to use some WordPress plug-ins to manage our console. All we needed to do is create an account, which we have now done. So next we’re going to create an account for Google Analytics and here’s a page where you can read a great deal more about Google Analytics, but in the top right I’m going to click Sign In, and now that I’ve created my other account I can choose it from my list of accounts. So three things need to happen here. We need to sign up, we need to add a tracking code, and we need to learn about our audience. Steps two and three are going to happen with WordPress plug-ins. Right now all we’re going to do is sign up. So I’ll click Sign up. We’re making a website not a mobile app. We need to create an account name, so I’m just gonna call it myWPstore, and we need to make a website name. These don’t have to be the same. We put in the address of our store, choose an industry category. We’ll choose travel and then a time zone. I happen to be in Eastern. Then we have Data Sharing Settings. I recommend you leave most of these on. I’m going to turn them off because I’m not making a real store, but turning them on can help you get better results from your stats. Now I click Get Tracking ID, but first I need to accept the Terms of Service. Now right here is our tracking ID and right here is the code that is used to make it work, but we’re not going to use either of these things directly. We’re going to use a WordPress plug-in, as I mentioned. So now that we have both Google Search Console and Google Analytics accounts created, let’s go set up the plug-ins that use them. Now that we have a Google Analytics account set up, let’s get it tied to our site. First I want to show you how to test that it’s not working and it’s quite easy. Take any fragment of this tracking ID, probably the biggest one in the middle there and copy it. Then on your website right click and View Page Source and simply search for it with Command or Control + F and it found zero results, which means our code is not anywhere in our site. We’re going to use a plug-in to get it there. Let’s go to plug-ins, Add New, and search for Monsterinsights, and we’ll find Google Analytics for WordPress by Monsterinsights. Let’s click Install and Activate. Now I’d like to talk for a moment about why we chose this one. Using any plug-in to insert your Analytics code means that when Google changes the rules your plug-in can flex with them for you, so that you don’t have to go change your code. This may not sound like a big deal but once or twice a year Google will tweak their Analytics code and you should probably get new code. If you use a plug-in it’ll take care of it for you. Now the one from Monsterinsights is particularly well written and offers a great many features. Let’s take a look. Right here it says, Please configure your Google Analytics settings and one of the great features about it is that you can authenticate with your Google account, which means you tie the two accounts together and they can communicate back and forth. And monsterinsights.com wants to access our Google account to manage our Google Analytics data, management entities, you’re AdSense data, so if you’re doing ads on your site, it can help manage those, and view and manage Search Console data for your verified sites. Remember we also set up Google Search Console. It wasn’t primarily for this plug-in but because this one can access it you get some extra good stuff. So let’s click Allow and we’re going to allow all website data. We’ll Complete Authentication and now it’s done, and look there’s our code. So let’s go back to our homepage. We’ll copy this code again, right click, and View Page Source and we’ll search for it again, and there it is. So now this whole, big block of code was put there by our plug-in and it does a great many more things than the code that Google was going to give us. Google’s code is only this long but our plug-in tracks many more things and gives us a lot more information. Let’s go back to our Settings, the version we’re using is the free version and the paid version has quite a few things specifically for e-commerce and we’ll take a look at those in just a sec. I would recommend you set it to automatic updates, that way it can keep itself up to date and thereby also allow your Google Analytics code to stay up to date. You can optionally allow usage tracking, so that they know how you’re using this. I would turn it on. I personally know the folks that made this plug-in and I trust them. Now we’ll save changes and then let’s go to the Tracking tab. We’re not really going to change anything in here but I wanted you to see what’s here. This plug-in ignores traffic from logged in administrators and editors, that way you don’t artificially inflate your stats with your own traffic. One of the things this plug-in allows that the default code does not is tracking events, and events are things like clicks on things, filling out forms, downloaded files, and things like that. If we go down to e-commerce then you’ll see that with the Pro version you can see who’s buying your product, what’s the most popular item in your store, the average order value and tons more. If you find yourself wanting that information I recommend you upgrade. Now that we’ve connected the site, let’s go back to our Google Analytics page and click the Home button here, and this is where your data will appear. Now it usually won’t appear for about hours. Google shows you your data in hour blocks, so each day you get to see what happened yesterday, except for the REAL-TIME. REAL-TIME actually shows you who is showing up and from where. So if I go to our site in an incognito window, where I am not logged in then you can see it pop up, and it says I’m from Forest Hills. I’m not actually, my internet service provider links through there, which tells you that Google Analytics isn’t % accurate but it’s close. Now let’s take a look at what we can do with Google Search Console. Before we get too deep into the Google Search Console, I’d like to explain a little bit about what it is. The Search Console is the way that your site can communicate to Google. In the old days when you put up a new page, you would have to wait until Google stumbled upon it. They would come visit your site at random times, no one knew exactly when it was, and then they would crawl your site but if your site is tied to Google Search Console when you publish a new page it immediately tells Google and Google comes and crawls it much more quickly. Furthermore Google can use the Search Console to communicate back to you problems that it finds with your site, pages that are missing, or load too slow, or maybe you’ve been hacked. You’ll find out much more early with Google Search Console. So let’s connect it to your site. We’ll go to the Dashboard, and then Plug-ins, Add New. We’ll search for Yoast and we’re going to install Yoast SEO. Now Yoast SEO does a great many things for us, but one of them is tie us to the Search Console. Now right away it says we have four notifications. Huge SEO issue. You’re blocking access to robots. That’s true, if we go to my Reading Settings it says, Discourage search engines from indexing this site, which for now is appropriate. I don’t want Google to know that the site is here ’cause it’s not ready. So we’re going to leave that alone for now and it says you still have the default WordPress tagline, even an empty one is probably better, and we will take care of that as well. Then it says Yoast SEO and WooCommerce can work together a lot better by adding a helper plug-in. Please install Yoast WooCommerce SEO to make your life better. We’ll do that in just a second and lastly, Don’t miss your crawl errors. Connect with Google Search Console here. So let’s do that one first. We need to get a Google authorization code and we can simply click a button, sign in with our proper account, and it says Yoast SEO wants to view and manage Search Console Data. Let’s click allow, and we’ll copy this big long code, and close this tab, and then we’ll paste right here, and click Authenticate, and now we’re authenticated. So let’s go back to the Search Console and we’re going to put our website address, and add a property. There now the Search Console knows about our site but it needs to know that we own that site and the easiest way is with Google Analytics, which we’ve already installed. So let’s click Verify and now we have verified that we own that site. And now Google Search Console is connected. We don’t have any data yet because we’ve only just connected, in about hours there will be a ton of great information here. Let’s go back to our Yoast page about the Search Console, and reload, and we’re going to choose that profile and save it. There, now our site and the Console are tied tightly together. Now before we install the WooCommerce extension for Yoast let’s look at some of the general settings. We aren’t really going to change many of these settings because the defaults are great but Yoast can do SEO analysis, readability analysis, it can look for cornerstone content, it can find how many text links there are, it can create an XML sitemap for you, and a XML sitemap is a special way of listing every page on your site so that Google can find them much more easily. Google loves that and you want Google to love your site. If we go to Search Appearance we get to choose how different parts of our site appear in search results. If we look here in our title bar, you see where it says General-Yoast SEO and there’s a hyphen there, the hyphen is the title separator and you can choose any of these, and that doesn’t really affect your SEO much but reflects your style. You get to choose whether you’re a company or person, and then provide the company name, and an image. Now Google knows that this site is a company. We can choose what the show in search results. We’re showing posts, and pages, and products. We can choose what to do with Media, as well as Taxonomies, and Archives. Right now we have Breadcrumbs turned off. If you’d like to better understand how Breadcrumbs affect your site I recommend reading this article, right here, and lastly there’s RSS, which is a way for other sites to read about your site. I recommend leaving these settings just the way they are. Now let’s take a look at the Social menu item. Yoast wants to know the URLs for all of your social accounts that way it can help Google know which content of yours across the internet is tied together. If you wish you can more tightly tie with Facebook, and Twitter, and Pinterest, and Google+. Whether or not you want to depends on whether or not your customers are there. If they are I recommend you do it but if they’re not the kind of folks that hang out there then it’s probably not worth it. So let’s go back to our notifications and let’s get more information about the WooCommerce SEO plug-in. This one is not free, it’s $, and right here it says what it can do for you. As soon as you’ve installed and configured it you’ll have more people clicking your rich pins. So if you use Pinterest then your pins become much more attractive. The built in breadcrumb navigation doesn’t work very well with WooCommerce but with the WooCommerce add-on it fixes that. Remember I told you about XML sitemaps to tell Google about your pages and posts. Well with the WooCommerce add-on it also makes products easier to find. You can also reorganize the user interface, so that it makes it a little easier to use for WooCommerce products. If these are the sorts of things that would help with your store, then I recommend doing it. If you have a strong presence on Pinterest by all means this is great, you should absolutely do it. Now these two things we’re going to fix a little later but I want to go to Products, and edit one and look at it with you. Now that we have Yoast installed there’s a brand new box and this is what your product looks like in a search result. We can provide a focus keyword, like t-shirt, and we can edit the snippet. Now this whole box is what will show up in your search results. Now I said we’d fix the tagline a little later but we’ll go ahead and do it now because it’ll make this look a lot better. First I’m going to update this product, then we will fix the WordPress tagline. Now we never changed the site title in the tag line because we hid them and if they’re not visible it doesn’t really matter, right? Wrong, they’re actually used in a number of places. For example, look right here in the title tab. It says Home-My Blog. Wow, we don’t want it to say My Blog, we want it to say myWPstore or whatever your store name is, and then for a tagline make it say, and then we’ll Publish, and close this. And now we’ll reload our product and now you can see that the title contains my store name. The more information you can provide to Yoast about your product, the more information that Yoast can give to Google and that’s what you want. Yoast provides analysis of this particular page, a product in this case, it says no internal links appear on this page, which isn’t actually true, it just doesn’t see any in this content. So some of these problems need to be taken with a grain of salt. To sum up what we do with Yoast, the most important thing is getting it connected to the Google Search Console and the second most important thing is making sure that you put good content into those fields on individual products. If you have good content and Google knows about it then you’re going to win the SEO game. Once your site is built and working, one of the most important things you can do is set up automatic backups. That way if something terrible happens to it, whether via earthquake, or the slip of a mouse finger, or a hacker, you can get your store back and your work is not lost. We’re going to set up backups via VaultPress through Jetpack. If we go to the Jetpack dashboard and click on Plans, you’ll note that for $ a year we get spam protection, off-site backups, priority email support, plus all the free features. Now the backups are once-daily. If you want to be able to push a button and backup your site whenever you wish, you would need to paid $ a year but it comes with a great many other things, so it could very well be worth it to you. We’re going to upgrade to Personal. You may recall that when we first set up Jetpack we chose the free model. Now it’s time to pay and to get more features. So let’s go ahead and do that. We’ll log into our WordPress.com account and now we can pay via either credit card or PayPal. I’m going to fill this out with my credit card and hit Pay, and now we’ve made our purchase. It’s installed the parts of the plug-in that it needs to for the paid version and we’ll go back to our site. Now we have an alert at the top for Akismet. We’re going to look at that in a few minutes, so I’m going to close this, but now on the left we have a nav item called VaultPress. Let’s click that. Now VaultPress has already begun backing up the site. The first time is going to take quite a long time because it’s backing up everything but after that it only backs up what’s new, so individual backups run quite quickly. There’s a yellow bar here that says, Setup remote access to enable restores and improve performance across the board. VaultPress is requesting access to our server, so let’s do that. It says, Howdy, would you like to log in to VaultPress using your WordPress.com account. We will approve. Now it says, we’ve never had a backup because it’s still going through the first one. If we upgraded our plan then VaultPress would scan our backups for security problems but let’s go to Settings and we want to provide access via SSH. Now this might seem a little complicated, but it’s really not. We’ll click SSH and it’s going to want this information from our server. It’s also going to provide this public key to our server. Fortunately SiteGround provides us this information and is asking for this information. Let’s take a look at how to do that. We’ll go to SiteGround, My Accounts, and then Information and Settings. Now VaultPress wants a server address. We can use myWPstore.com. It also wants a port number but SiteGround’s SSH port number is not . If we google for the SiteGround SSH port the second option down says how to log in to SiteGround via SSH, and right at the top it says the SSH port on SiteGround’s server is also instead of . So let’s take that and put it right here. Now our username is our cPanel username and we’ll put that right here, and we’re not going to use a password. We’re going to use this key. So I’m going to copy everything in this black box and now we’ll go back to SiteGround and go to cPanel. I’m going to search for SSH and there’s only one option. We’re not going to make a new key pair, we’re going to upload a key, and this is the one that we just copied from right here. Don’t put in anything for allowed IP address and click Upload and now it’s been successfully added. Now we click Save and it’s attempting to connect, and it worked. While we’re here at the VaultPress dashboard let’s go to backups and it shows that our uploads folder is % done. It’s going to take hours to finish this first backup, so we’re going to leave this here. Once the backup is done when you go to the VaultPress dashboard there will be a button to restore. It will take the most recent backup and just overwrite your site with it. If you’ve made any changes since the last backup, you’ll lose them, however that’s a very low price to pay for getting your site back if you lose it. We’re almost done with this video but before we wrap up there are a couple more major tools that I want to show you. The first is called Akismet and you’ll note right here there’s a warning at the top of our dashboard regarding Akismet. Now Akismet helps block spam but it also deals with email in general. If you’re not aware recently the European Union passed a law called GDPR, which deals with how people can manage their own personal information. As a result your website should now either tell people they can delete their own information or deliberately choose not to do that. This box gives us that option. We can enable an alert or we can disable. I’m going to click enable and you’ll note that it takes us to a dashboard for Akismet, and right there is the choice that I made. It displays a privacy notice under my comment forms. If you don’t want to do that you simply click here and Save Changes. I’m going to leave it on. Now let’s talk about some other things that Akismet does. Normally you need to set up Akismet and get an API key, and things like that, but since we purchased a personal license for Jetpack it set it up for us and it gave us an API key. So now all we need to do is look at our settings. Right now we have it set to show the number of approved comments besides each comment author. That helps you know which authors have a particularly good reputation. There’s also a Strictness option. Normally spam is put into your spam folder, however Akismet right now is set to take the worst spam and just delete it. If you wish you can have all of it going to your spam folder so that you don’t ever miss any. This can get pretty tedious actually. Most sites get lots and lots of spam. I would leave this default the way it is and now at the bottom it says our subscription type is Jetpack Personal Yearly and it is active. The documentation around Akismet will all refer to comments because that’s what it’s really made for, however Akismet filters all forms being filled out on your site, which means if somebody leaves a product review that is spammy it’ll get filtered. So even if you have comments off, if you have product reviews turned on you’ll want Akismet turned on. The other thing I wanted to show you was Site Stats from Jetpack. this is a different tool from Google Analytics but it still counts statistics for your site, but what’s interesting is it can count some different things and in different ways. Right now we’re looking at stats inside our dashboard and it can show us Referrers, and Search Engine Terms, et cetera. But what’s interesting about Jetpack is that it can show you daily views as they happen. With Google Analytics you either get real-time, which are very transient, they go away as soon as the visitor goes away or you get daily and so you don’t see a day’s stats until the day is over. With Jetpack you can watch this number right here, today views, grow as the day moves on. This is particularly useful if you release something on a given day and you want to watch how traffic is growing throughout that day. Jetpack stats are not as complete or in-depth as Google Analytics and you may even get different numbers, but as long as you look at the numbers consistently and you look at traffic over time they can provide some new insights that Google Analytics do not. Similar to Akismet normally you would have to set this up, however, since we purchased the Jetpack Personal it was set up for us, so you don’t need to do anything at all. One more thing I want to show you. You can click this button to leave your site and go to WordPress.com and get some additional information. There are Insights, which can show you all-time views, most popular day and hour, et cetera. You can look at Activity and under Traffic, you can change by days, weeks, months, and years. So to reiterate don’t treat Jetpack stats as either better or worse than Google Analytics. Simply a different source of some unique information. Our store is done but we’re going to make one last sweep through the settings and the customizer to make sure everything is set exactly right. Let’s start with the settings. We’ll go to the dashboard and I’m going to go to the Settings menu. So these are WordPress settings not WooCommerce settings. We’ll make sure we have a site title and a tagline. We’ll make sure that our email address is set properly and particularly make sure your time zone is set properly, otherwise the time stamps on your purchases won’t be right. Date and time format are entirely optional, as well as week starts on. I prefer Sunday. Next we’ll look at writing. You can choose a default post category but other than that there isn’t really anything on this page that we need to change, so let’s move on to Reading. The most important thing on this page is the Search Engine Visibility. If you’re happy with your site, you can uncheck this and Google can start finding your site. If you’re not leave it checked and uncheck it whenever you’re ready to go live. Next is discussion. I’m going to choose to turn off comments for all my blog posts. However, you may recall that we left reviews on our products. Reviews are similar to comments and still run through Akismet for anti-spam. We’re going to skip Media since the defaults there are great and go to Permalinks. You’ll want to make sure that your common settings are for post name. That gives one of the very best SEO structures for your page URLs. You could change the things down below here, as well, but the defaults are great, I would leave them. Privacy is an important section. Your site has a privacy page because Jetpack made it for you but it’s a draft right now, let’s go take a look at it. It has some boilerplate information about privacy but it’s incomplete. When we get down to the bottom all of these questions are incomplete. I have two important things to say about this. One is don’t fake it, don’t borrow from somebody else, and don’t just write something up that sounds good. The other thing is get a lawyer. This information is important and someday if you get sued, you want to have this be rock-solid. So once you’ve gotten a lawyer and you’ve gotten some good information on this page then you can come back to this page and change the status from draft to published. We’re going to see this in one more place in just a minute. The last setting is for Sharing buttons. At the top here you can connect your site to your sharing network. You can connect to Facebook and Twitter, et cetera. And once you’ve done that you can choose which services you want on your posts, pages et cetera. I’m going to add Print, and Email, and Facebook. You can choose button styles. We’ll go with official buttons. There’s a sharing label and then you get to choose on which pages you see them. Now products already have these links because your theme built them, however, posts and pages do not. So let’s Save Changes and go look at a post. You’ll find them at the bottom of the post and they look like this, and they work like this. Now again these buttons are entirely optional. An SEO expert will tell you that they’re incredibly valuable but if you don’t want them you don’t have to have them. I’m going to take mine right back off. Now that we’ve been through the settings I’m going to take a look at the customizer. Now most of these areas we’ve been through quite thoroughly. We went through the Theme Pptions and the Site Identity. Colors simply chooses a background color, which you can’t see in my screen here because it’s too narrow. On a very wide monitor you would see colored bars on either side of my store and right now they’re gray. You can set them to any color you wish. Optionally you could use a background image. There’s something very important under WooCommerce that I need to look at with you and that’s the Store notice. If enabled this text will be shown site-wide. You can use it to show events or promotions to visitors. Right now it says, This is a demo store for testing purposes, no order shall be fulfilled. I’m going to enable that and I’m going to leave it enable on mine because mine is a demo and will never be a real store but the message doesn’t have to be that this is a demo store. You could draw attention to a sale or anything else you wish. I also want to draw your attention to the Checkout. There are some fields on here that aren’t entirely necessary. For example, the Company Name field, you could make it hidden or required, Address line and the Phone field. You can optionally highlight required fields with an asterisk. Now it’s off and now it’s back on, and remember when I mentioned that we would come back to the privacy policy. This is where you choose where it links and here’s some text, in addition to that page, and it appears right here above the Place Order. Now you’ll note that there’s a link here to the privacy policy page and that is created by this short code. If your privacy policy page is still in draft then this link is not going to work and it won’t look good at all. So I would suggest either, not having this privacy policy here or changing it slightly so that it doesn’t link. There’s also a Terms and Conditions option. You can set it to any page. There isn’t a Terms and Conditions page right now but if you set it to one then this text also appears. Now all of these things are entirely optional but I recommend that you read through them and understand how they work. Now our site is done but before I let you go, I’d like to review a little bit of what we covered. We started by setting up hosting and a domain name with SiteGround, but we also used a special deal from WinningWP.com to get a discount and help support videos like this. Our theme comes from Array Themes and it’s called Latest. We also depend quite heavily on Jetpack. There are some great connector plug-ins, specifically for WooCommerce, the e-commerce plug-in that we use that helps with taxes and shipping. we also use Stripe as our primary credit card processor. It works extremely well and comes built into WooCommerce. Now let’s take a look at some of the more important things on the site that we built. We always want to provide quick and easy access to people’s own account information and the cart. So right here in the top nav we have access to our cart and then also in this nav we have access to our cart and that one sticks with us as we scroll, and we even have a third one on this page, in the sidebar. Having quick and easy access to the cart makes it easy for people to see what they have and what they can buy right now. Any barrier you can remove to people buying your products will increase sales. We also made sure that we had a big beautiful header. People like to have attractive things at the top of the site. Building off that we put in big, beautiful pictures for some of our categories. We want to entice people to click on these. And on our homepage we have a variety of listing types. There’s featured products, newest products, sale products and bestsellers, all of these things will appeal to different people. One more extremely important thing on this page is the Shop menu item. Not only can you click on it to go to the store but it provides quick, direct access to specific categories. Again the fewer times you make people click to get to what they want, the more likely they are to buy. Now that said, if they do simply click on the Shop button, we also have this wonderful sort tool, which helps them find exactly what they want. Additionally our theme provides for us some great widgets, like this Filter by price, to help people narrow down what they’re looking for and what’s great about it is it works on whatever page you’re looking at. Also in every sidebar we have a widget for product categories. This is very similar to the drop-down menu under the Shop button. The Recently Viewed widget is really slick because it helps people get back to something they just saw a few minutes ago but can’t quite remember where it was they saw it. We also created a Contact Us page so that people can get a hold of us and ask questions about the products. You always want to be available to your customers. Another tool we included was MailChimp email lists. If you can get your customers on an email list and communicate with them regularly, they’re far more likely to come back and buy a second time. So people can sign up both here in the sidebar, as well as on the Checkout page. If we add a product to our cart and then View cart and go to Proceed to checkout, you’ll see that they can subscribe right here. Something else we covered was coupon codes. People are far more likely to buy something if they think they’re getting a deal. So if you create a coupon code and make it available, they’re probably going to buy. There are two more very important elements that we covered. We covered SEO using the Yoast tool and if we look at a product, you’ll see that we can edit how it appears on Google and the opposite twin of SEO is Statistics, both Google Analytics, Jetpack Stats, as well as Google Search Console. These things let you know what people are actually doing on your site. That knowledge can help you change your site to fit what they want. The store I built here is for camping gear but you can use this model to sell anything. When you’re done with your store and it’s live please come back and make a comment here below it on YouTube. We’d love to see the stores that you make.

იხილეთ მეტი ვიდეო…

* ჯერჯერობით საუკეთესოა პლატფორმებისთვის, რომლებთანაც უნდა შექმნან e-commerce საიტი, ჩვენი აზრით, არის Shopify (შესანიშნავია მათთვის, ვინც WordPress- ით უკვე არ არის კომფორტული, სურს მარტივი რამ შეინარჩუნოს და, სავარაუდოდ, არ უნდათ მეტი არაფერი) ნორმა მოგვიანებით ხაზის ქვემოთ) და WordPress (თავდაპირველი სწავლების მრუდი ოდნავ მეტია ვიდრე Shopify, მაგრამ ბევრად უფრო დააკონფიგურიროთ) – შედარებისთვის დაწვრილებით იხილეთ აქ.

რამის დამატება?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map