11–17 minut
Strona internetowa w kreatorze – wygoda czy kompromis?
Cześć! Jeśli planujesz stworzyć swoją stronę internetową, to zapewne rozważasz jedno
z najprostszych rozwiązań – kreatory. Bez kodowania, szybko i intuicyjnie… Ale czy to zawsze najlepszy wybór?
Pokażę trzy popularne kreatory: WebWave, CyberFolks i Wix.
Przyjrzymy się ich funkcjom, ograniczeniom i temu, do jakiego typu strony się nadają. Zapraszam do lektury!
Spis treści
Cyber Folks_Now
Pierwszym kreatorem stron, który pokaże i omówię, będzie Cyber Folks_Now. Można go testować przez 14 dni. Po utworzeniu strony w prawym górnym rogu będzie wyświetlany komunikat, ile dni zostało nam do końca testowania kreatora. Ma bardzo prosty interfejs. Nadaje się do bardzo podstawowych stron typu wizytówka czy mniejszych projektów gdzie nie planujesz wielu rozszerzeń.
Przeznaczony jest dla osób początkujących lub takich, które potrzebują prostej strony firmowej lub informacyjnej stworzonej w kilkanaście minut, szybko i bez komplikacji.
Skorzystać można z domeny zaproponowanej przez Cyber Folks lub podłączyć własną. Po zakupie hostingu i domeny mamy dostęp do panelu klienta oraz kopii zapasowej strony. Gotową witrynę możemy połączyć z: Google Analytics, Facebook Pixel, umieścić formularz kontaktowy, w którym znajduje się checkbox z akceptacją polityki prywatności, utworzyć blog czy portfolio oraz wygenerować politykę prywatności i umieścić na stronie. Dodać usługi, produkty.
Nie ma natomiast możliwości osadzenia baneru plików cookies, dodania checkboxa do formularza ze zgodą na wysyłanie wiadomości drogą e-mailową. Edycja strony polega na tym, że zmieniamy tekst wygenerowany przez sztuczną inteligencję lub wprowadzamy własny oraz możemy zmienić tytuł, lub podtytuł czy zdjęcie główne strony. Dodanie własnych podstron dostępne jest tylko w wyższym planie. Brak dostępu do opisów meta przy SEO bądź słów kluczowych.
Strona dostosowuje się do urządzeń mobilnych jak smartfon czy tablet, ale nie można ją dostosować np. poprzez zmniejszenie czcionki, zdjęć. Nie mamy również dostępu do marginesów wewnętrznych i zewnętrznych zatem jeżeli znajdzie się np. zdjęcie, poza oknem przeglądarki nic z tym nie zrobimy.
Strona internetowa https://cyberfolks.pl/kreator-stron-now/ – umożliwia skorzystanie z kreatora witryn. Rozpoczynamy od określenia branży firmy, wybrałam Technologie i IT.
Następnym krokiem będzie wybór dziedziny – moim będzie Serwis komputerowy.
Pasujące słowa do biznesu określenia, na podstawie których sztuczna inteligencja stworzy tekst na stronę.
Przed ostatnim krokiem będzie umieszczenie nazwy firmy, ale można to pominąć i później uzupełnić.
Ostatnią czynnością, którą należy wykonać do wprowadzić adres e-mail, na którym będzie utworzone konto w panelu klienta Cyber Folks i zaznaczenie checkboxa akceptacji polityki prywatności oraz regulaminu strony. Na podstawie wypełnionych przez nas danych strona zostanie stworzona.
Przy pomocy kreatora stron CyberFolsk_Now utworzyłam witrynę dla serwisu komputerowego. Z wybranej przeze mnie konfiguracji miałam dostęp do trzech szablonów, ale są jeszcze dostępne tj. elegancji czy prosty – sprawdźcie sami!
U góry strony po prawej znajduje się przycisk dotyczący stylu naszej strony, a w nim dostępna jest paleta kolorów,
czcionka i szablony.
W palecie kolorów jest dostępnych sześć barw podstawowych, ale można też wprowadzić własny kolor na stronę.
Do wyboru mamy trzy czcionki.
Na powyższym obrazku mamy szablon minimalistyczny.
Szablon profesjonalny.
Dostępny jest również szablon kreatywny.
Cała strona stworzona przez kreator złożona jest z sekcji, która możemy edytować, ale tylko tytuł, w niektórych sekcjach nagłówek i treść.
W sekcji gdzie znajduje się zdjęcie, możemy dodać własne i zmienić tekst.
Gdy układ sekcji znajdzie się poza stroną, niestety nie mamy możliwości poprawy tego np. stosując margines wewnętrzny lub zewnętrzny.
Sekcja Hero składa się m.in. ze zdjęcia, klikając Więcej opcji, przechodzimy do Edytora, czyli ustawień strony i wówczas mamy możliwość podmiany zdjęcia na własne.
Edytując baner sekcji hero, klikając Więcej opcji, jest możliwe wygenerowanie treści na nową lub przeredagowanie treści, lub dodanie własnych.
Jak widać powyżej poza podmianą zdjęcia głównego, jest możliwe umieszczenie przycisku tekstu, który ma znajdować się na nim oraz link, do jakiej strony ma kierować.
W Edytorze jest możliwe dodanie Listy usług, Listy produktów, Portfolio, Blogu.
A także połączenie z Google Analytics do śledzenia ruchu na stronie czy Facebook Pixel.
Utrzymanie witryny jest miesięczne. Powyższe kwoty obowiązują na dzień opublikowania artykułu. Mamy do wyboru dwa pakiety, różnica między nimi polega na tym, że w Basic nie mam możliwości dodania własnych podstron, natomiast w PRO już jest taka opcja. Wykup domeny zaproponowanej przez CyberFolks lub podłączenie własnej oraz hosting potrzebny do strony można zakupić w CyberFolks, wówczas jest dostęp do kopii zapasowej strony.
Wix Studio
Kolejnym kreator stron będzie Wix. Stworzenie witryny jest możliwe za pomocą sztucznej inteligencji, szablonu lub samodzielnie. Wix studio daje więcej możliwości rozbudowy strony, na przykład poprzez dodanie aplikacji do SEO, formularz kontaktowy czy social media. WordPress posiada wtyczki częściowo darmowe i częściowo płatne jak chcemy mieć więcej dostępny funkcji natomiast Wix, ma aplikację, gdzie występują darmowe, z okresem próbnym na przykład 3 czy 7 dni roboczych oraz płatne z góry na miesiąc.
Kolejną rzeczą, jaką umożliwia nam studio, jest skorzystanie ze zdjęć z biblioteki Wix, Shutterstock czy Unsplash lub po prostu przesyłając je z naszego komputera. CyberFolks_Now nie ma takiej możliwości jak dodanie własnego kodu, z kolei będąc na kolejnej sekcji w strony stworzonej przez kreator Wix, jest możliwe dodanie kodu Java do witryny.
Elementy umieszczone na witrynie są łatwe do przenoszenia w ramach kontenera, wystarczy zaznaczyć element i poruszać nim i dopasować do strony.
Wix posiada więcej możliwości, jeżeli chodzi o stylizację tekstu na przykład poprzez dodanie cienia, wybór nagłówka H1, zmianę rozmiaru czcionki i jej wybór. Dostępne są takie czcionki jak Arial czy Times New Roman.
Wstawiając zdjęcie, czy obrazek na stronie mamy wpływ na jego rozmiar, czy wyeksponowanie elementu na nim się znajdującego poprzez centralizację.
Wix daje możliwość importowania projektu z Figmy. Posiada baner plików cookies w formie paska lub wyskakującego okienka.
W przypadku gdy stworzymy stronę za pomocą sztucznej inteligencji, należy liczyć się z tym, że ma problem z językiem polskim. Każdy tekst należy sprawdzić pod kątem poprawności językowej.
Przy formularzu kontaktowy nie ma możliwości umieszczenia checkboxa z akceptacją polityki prywatności i zgodą na wysyłanie ofert drogą e-mailową.
Kiedy poprawiłam pola formularz na język polski i chciałam skopiować go celem osadzenia na innych podstronach, nie było takiej sposobności – skopiowała mi się cała sekcja, a nie pojedynczy element.
Widok po stronie mobilnej jest cały do poprawy. Zmiana wielkości zdjęć, czcionki, ustawienie marginesów wewnętrznych i zewnętrznych.
Kopia zapasowa strony jest tylko wewnętrzna i nie ma możliwość zapisania jej na komputerze.
Wix Studio jest dla osób, które chcą ładną stronę z dużą kontrolą wizualną, ale nie potrzebują bardzo zaawansowanych funkcji na stronie.
Kreator stron Wix Studio znajdziemy pod adresem strony: https://www.wix.com/studio. Mamy trzy możliwości:
– stworzyć stronę od samego zera
– skorzystać z szablonu
lub wygenerować strukturę strony za pomocą sztucznej inteligencji. Wybrałam trzecią opcję, czyli wygenerowanie przez sztuczną inteligencję.
Następny krokiem będzie uzupełnienie formularza dotyczącego prowadzonej firmy. Należy uzupełnić m.in. typ firmy, opisać działalność, wybrać usługi oraz wpisać nazwę.
W drugiej części formularza podać lokalizację, kto jest odbiorcą usług, co wyróżnia firmę na rynku, jaki jest cel stworzenia strony – czy to strona informacyjna, sprzedażowa, promująca markę itp. Na końcu do wybrania są dwie cechy wypowiedzi na stronie na przykład neutralny i informacyjny.
Przechodząc dalej, czeka nas ostatni wybór, czy witryna ma posiadać wizualną mapę strony i prototyp, czy tylko wizualną mapę strony, różnica polega na tym, że przy wyborze wizualnej mapy strony z prototypem mamy już cały układ strony wystarczy tylko uzupełnić zdjęcia i poprawić tekst.
Za pomocą sztucznej inteligencji stworzyłam stronę dla firmy ogólnobudowlanej Pana Grzegorza Nowaka i Braci.
Będąc w Wix Studio po lewej stronie u góry mamy możliwość dodania nowych elementów na stronę takich jak akapit, kontener, separator czy przycisk.
Pod plusem za pomocą którego możemy dodać elementy na stronę, znajduje się warstwa danej strony na której aktualnie jesteśmy.
Kolejna zakładka należy do struktury strony, gdzie są wszystkie podstrony, na które możemy swobodnie się przełączać i stylizować.
Pod strukturą strony umieszczona jest wizualna mapa strony.
Następna zakładka dotyczy stylu strony a konkretnie jej czcionki, koloru całej struktury, wielkości nagłówka H1 itp.
Dalsza zakładka dotyczy zdjęć, obrazów czy ilustracji. Wix Studio ma własną bibliotekę zdjęć, z której możemy korzystać, ale także z Shutterstock i Unsplash.
WordPress korzysta ze wtyczek natomiast Wix z aplikacji. Mamy dostęp do aplikacji związanych z marketingiem jak SEO czy analityka. W WordPress mamy wtyczki darmowe i płatne natomiast Wix posiada aplikację bezpłatne, z okresem próbny na przykład 3 czy 7 dni lub w pełni płatne za miesiąc z góry.
Ostatnia zakładka należy do wprowadzenia kodu Java na stronę. Wystarczy być na danej podstronie czy Stronie głównej i wówczas mamy możliwość umieścić dodatkowy kod.
Po prawej stronie Wix Studio mieści się stylizacja zaznaczonej sekcji. Jak widać powyżej, odznaczyłam nagłówek, gdzie mam możliwość zmiany jego rozmiaru, zastosowania efektu przewijania, czyli nagłówek będzie poruszał się razem z przewijaniem się strony. Mogę mu nadać tło czy cień.
Zakładka obok dotyczy animacji i efektów.
Zaznaczając dany element jest możliwość ustawienia go, wyrównania do elementu znajdującego się obok.
Kiedy odznaczymy zdjęcie jak widać jest możliwe ustawienie jego punktu centralnego.
Również przechodząc po prawej stronie mamy dostęp do opcji danego obrazu takich jak wypozycjonowanie, rozmiar, zastosowanie cienia czy ustawienie marginesów.
Jak wspomniałam wyżej sztuczna inteligencja, ma problem z językiem polskim, należy sprawdzić w całej treści i poprawić błędy językowe. Powyżej widać błąd, jakim jest: „Płytowanie i Panele” zamiast tego powinno być Układanie płytek i paneli.
Zmiana nazw pól na język polski w formularzu kontaktowy jest jak najbardziej możliwa. W momencie, gdy chcemy skopiować sam formularz i wkleić na inną podstronę, tutaj rodzi się komplikacja, gdyż skopiuje się cała sekcja zamiast pojedynczego elementu.
Wersja strony na urządzenia mobilne, praktycznie jest cała do poprawy. Zaczynając od układu konkretnych elementów, wielkości czcionki czy zdjęć.
Ceny podane w powyższym cenniku są aktualne na dzień opublikowania artykułu. Jak widać, najniższy abonament miesięczny wynosi 52 zł z darmową domeną na rok. Przy wyższych planach dodawane są kolejne elementy jak przyjmowanie płatności czy pomoc priorytetowa.
WebWave
Ostatnim kreatorem stron będzie WebWave z naszego polskiego rynku. Jest najbardziej rozbudowy i popularny, jeżeli chodzi o stworzenie strony internetowej. Mamy możliwość stworzenia witryny poprzez szablon, sztuczną inteligencję i samodzielnie.
Edytor strony posiada dużą ilość opcji w porównaniu z poprzednimi kreatorami, posiada prowadnice co, może zmylić. Zmieniając rozdzielczość strony, należy liczyć się z tym, że układ przesunie się bliżej lewej krawędzi i będzie konieczność poprawy wszystkiego.
Podobnie jak Wix, WebWave posiada dostęp do biblioteki zdjęć Unsplash oraz posiada w bibliotece własne ikony. Mamy do wyboru dwa rodzaje baneru plików cookies, w pierwszy w postaci paska, drugi jako wyskakujące okienko na stronie.
WebWave daje możliwość umieszczenia własnego kodu HTML, CSS i JavaScript.
Witrynę da się połączyć z narzędziami od Google takimi jak Google Search Console czy Google Adsense. Z poziomu ustawień dodamy meta opisy do SEO bądź meta tagi do blogu. Również śledzenie ruchu na stronie jest możliwe.
Dostępny jest podgląd strony przed samą jej publikacją.
Mamy dostęp do kopii zapasowej strony z poziomu ustawień. Nie posiadam informacji, jakie strona posiada zabezpieczenia.
W edytorze Panel warstw nachodzi na Panel ustawień, chyba że się go odpowiednio zmniejszy, wówczas nie przeszkadza.
Analogiczne jak w Wix Studio, strona mobilna jest do poprawy. Zdjęcia i czcionka są za duże, podobnie jak sekcję.
WebWave ma rozbudowany edytor w porównaniu z Wix Studio czy Cyber Folks_Now. Ma więcej manualnej pracy przy stronie, jak wspomniałam wcześniej, zmieniając rozdzielczość strony układ, może się przesunąć. Może być trudny dla osób, które chcą stworzyć wizytówkę dla swojej firmy. Kreator stron od WebWave jest bardziej przeznaczony dla osób z doświadczeniem czy grafików. Wymagane jest dostosowanie strony wizualnie i funkcjonalnie.
Przechodząc na stronę https://webwavecms.com/ zakładamy darmowe konto i już mamy możliwość utworzenia nowej strony za pomocą: sztucznej inteligencji, używając szablonu lub tworząc od zera samodzielnie. Wybiorę utworzenie strony przez sztuczną inteligencję, na podstawie przykładowego tekstu lub mogę sama wprowadzić opis. Będzie zawierała zakładki. Po uzupełnieniu wymaganych opcji przechodzę dalej.
Kolejnym krokiem jest wybór szablonu dla naszej witryny.
Następnie wybieramy kolory, które mają znajdować się na stronie oraz styl tekstu.
Ostatnim krokiem będzie zestaw podstron, które mają pojawić się wraz ze stroną główną.
Stworzyłam stronę dla Fotografa. Jak widać edytor na pierwszy rzut oka, wygląda skomplikowanie. Prowadnica na edytorze też może zmylić.
Z lewej strony znajduje się panel dzięki, któremu możemy dodać elementy na stronę. Pierwszym jest kompozycja na przykład menu, nagłówek czy akapit. Kolejny należy do dodania kształtu na stronie w formie kwadratu czy innej figury geometrycznej.
Podobnie jak Wix, WebWave również korzysta z biblioteki zdjęć Unsplash oraz banku ikon.
Poniżej elementu umożliwiającego dodania zdjęć znajdują się ikony, teksty, teksty za pomocą sztucznej inteligencji, menu, przyciski, sklep internetowy. Ostatnia opcja z ikoną trzech kropek można dodać za jej pomocą: licznik, mapy Google, własny kod HTML, CSS czy JavaScript, listę artykułów, menu języków, logowanie, wideo i formularz kontaktowy.
Prawa strona edytora służy do nadania stylizacji strony. Składa się z panelu ustawień i panelu warstw, czyli struktury strony. Jeżeli nie odpowiednio ułożymy panel warstw, wówczas może zasłaniać nam widok panelu ustawień. W panelu ustawień znajdują się m.in. globalne ustawienia witryny, ustawienie tła, stylu tekstu, rozdzielczość na różnych ekranach, wersje językowe czy baner plików cookies. Klikając w panelu warstw na konkretny element czy sekcje przenosi nas tam.
Do wyboru mamy baner plików cookies w formie wyskakującego okienka, czyli pop-up lub paska.
W momencie, gdy ustawimy szerokość strony na 1500 pikseli, standardowo jest 1200 pikseli, układ strony zmieni się i element wyśrodkowane znajdą się bliżej lewej strony, przez to będzie konieczność poprawienia każdej sekcji ręcznie oraz dopasowanie do szerokości strony.
U góry edytora mamy łatwą nawigację przełączająca się między podstronami oraz artykułami mieszczącymi się
na blogu.
Obok nawigacji strony i artykułów położone jest przełączenie między różnymi ekranami. Zaczyna się na monitorze komputera, tablet, ekran smartfonu w pozycji poziomej, a skończywszy na smartfonie w pozycji pionowej. Można zauważyć, że strona nie jest dopasowana do mniejszych ekranów, zatem będzie konieczność poprawienia każdej sekcji i elementu oraz dopasowanie do mniejszych ekranów. Poprawy wymagać będzie zmniejszenie rozmiar zdjęć i tekstu wraz
z nagłówkami.
Strona utworzona w WebWave pozwala na integracje z narzędziami od Google, wprowadzenie ustawień SEO oraz jest dostęp do kopii zapasowej witryny.
W ustawieniach SEO wpisujemy meta tytuły, meta opisy i dodatkowo, jeżeli prowadzi blog meta tagi.
Przy planie premium mamy okazję połączyć nasz witrynę z narzędziami od Google jak Google Search Console czy Google AdSense dotyczące reklam.
W kreatorze dostosowanie czcionki przy konkretnym nagłówku realizuje się w trochę inny sposób, a mianowicie zaznaczamy tekst, który chcemy zmienić na przykład jego kolor. Uruchamia się dodatkowe okienko jak powyżej gdzie mamy dostęp do zmiany czcionki, wielkości a przy zmianie koloru zaznaczamy kolor i ważne klikamy OK, dopiero wtedy nastąpi zmiana.
Zaznaczając jedną z dwóch części, umieszczonych w sekcji możemy dowolnie ją przemieszczać według własnego uznania.
Zmiana zdjęcia jest bardzo prosta, wystarczy kliknąć zdjęcie bądź obraz a konkretnie na kółko zębate i wybrać pierwszą opcję jak zmień obraz.
Mamy do wyboru trzy typu menu: pionowe, poziome i mobilne. W przypadku ekranu monitora komputera najlepiej sprawdza się poziome menu.
WebWave dysponuje czterema planami miesięcznymi. Jest możliwe skorzystanie z darmowego planu celem przetestowania edytora bądź sprawdzenia, jakie są dostępne funkcję. Natomiast by strona została opublikowana w Internecie konieczne, jest opłacenie planu miesięcznego. Powyżej widać pierwszą część dostępnych funkcjonalności
w każdy z planów.
Druga część każdego z planów w WebWave.
CyberFolks_Now to opcja dla tych, którzy chcą postawić prostą wizytówkę w kilkanaście minut. Nadaje się do mniejszych projektów, gdzie nie planujesz wielu rozszerzeń.
Wix sprawdzi się, gdy chcesz szybko uruchomić stronę i potrzebujesz gotowych funkcji, takich jak formularze, SEO czy integracja z Figmą — choć wersję mobilną trzeba ręcznie dopracować.
WebWave daje dużą swobodę projektowania i codzienne kopie zapasowe — dobry wybór, jeśli zależy Ci na pełnej kontroli nad układem i stylami.
Zanim zdecydujesz się, na konkretny edytor zadaj sobie jedno pytanie:
czy ta strona będzie w przyszłości rozbudowana i czy będą dodawane nowe funkcje?
Strona działa, ale nikt się nie odzywa – co sprawdzić?
Strona działa, ale nikt się nie odzywa. Co sprawdzić? Wchodzisz do sklepu, wszystko wygląda…
Strona działała, ale Google jej nie widział. Sprawdziłam te ustawienia WordPress
Strona działa, można ją otworzyć z linku, więc pojawia się pytanie:
dlaczego nie wyświetla się…
Formularz kontaktowy nie wysyła wiadomości
Pewnego dnia dzwoni klient i mówi:
Wysłałam tydzień temu zapytanie przez formularz na stronie,
ale…
WordPress to nie tylko szablon.
WordPress to nie tylko szablon. Co decyduje o tym, czy strona naprawdę działa Na…
SEO-wiec, copywriter i marketer czym się różnią i jak wpływają na stronę
Gdy planujesz stronę internetową albo chcesz ją poprawić, pojawiają się trzy pojęcia:
SEO, copywriting…