Motyw WordPress dla SaaS: od strony startowej po pełną witrynę
Pięć dem Canvas powstało z myślą o oprogramowaniu: landing page aplikacji, witryna produktu portfela cyfrowego, firma hostingowa, narzędzie dla programistów i strona linków dla twórców. Razem zawierają 53 strony, tabele cen z przełącznikiem rozliczeń oraz formularze, które zapisują każde zapytanie tam, gdzie zespół je zobaczy.
Zaktualizowano
Jedna strona albo dwadzieścia
Każde z nich po zaimportowaniu tworzy działającą witrynę: menu, formularze, blog i wszystkie typy treści, które rejestruje. Wszystkie pięć można przejrzeć na żywo przed zakupem.
Demo App Landing, podgląd na żywo (otwiera się w nowej karcie)
Aplikacje i landing page · 1 strona
Demo Landing, podgląd na żywo (otwiera się w nowej karcie)
Aplikacje i landing page · 13 stron
Demo Hosting, podgląd na żywo (otwiera się w nowej karcie)
Aplikacje i landing page · 20 stron · Co zostanie zainstalowane: bloki i typy treści dema Hosting
Demo AI Coding, podgląd na żywo (otwiera się w nowej karcie)
Aplikacje i landing page · 9 stron · Co zostanie zainstalowane: bloki i typy treści dema AI Coding
Demo CanvasPulse, podgląd na żywo (otwiera się w nowej karcie)
Aplikacje i landing page · 10 stron · Co zostanie zainstalowane: bloki i typy treści dema CanvasPulseZacznij od jednej strony, rozwiń ją w witrynę marketingową
Start witryny zwykle zaczyna się od jednej przewijanej strony, a kończy na witrynie z cennikiem, dokumentacją, stroną statusu i blogiem. Tych pięć dem znajduje się na różnych etapach tej drogi. Wszystkie opierają się na tym samym motywie, więc przejście od jednej do następnej sprowadza się do dodawania stron.
- App Landing publikuje 1 stronę z nawigacją jednostronicową, tabelą cen i formularzem rejestracji
- Landing publikuje 13 stron: stronę funkcji, stronę cennika, stronę rozwiązań, stronę pobierania i stronę statusu.
- Hosting publikuje 20 stron, z osobną stroną dla hostingu WWW, hostingu w chmurze, hostingu współdzielonego i hostingu dedykowanego, a także domen i centrów danych
- CanvasPulse publikuje 10 stron, w tym jak to działa, zaloguj się, zarejestruj się i dokumentację API
Poziomy cenowe są polami bloku, a przełącznik jest blokiem
Sekcja, do której przewija każdy kupujący oprogramowanie, to dwa bloki: tabela cen i przełącznik rozliczeń. Poziomy, wiersze funkcji, odznaki, przyciski oraz przełącznik miesięczny lub roczny to ustawienia w edytorze. Zmiana ceny to jedna edycja.
- Strona z planami w demie Hosting łączy przełącznik z porównaniem planów.
- App Landing umieszcza tę samą parę w swojej jedynej stronie
- Demo Landing odpowiada na pytania o plany za pomocą przełączników i listy ikon na stronie cennika
- Ceny, etykiety i wyróżniony plan to pola, a nie obrazy
Formularze służą do zbierania danych, a nie do obsługi produktu
Każdy formularz w tych demach to Canvas Form. Zgłoszenie zapisuje jako wpis w bazie danych WordPress i może wysłać wiadomość e-mail, przesłać je do webhooka lub dodać adres do Mailchimp, a potem pokazać odwiedzającemu potwierdzenie. Spam blokują: honeypot, reCAPTCHA v3 lub Cloudflare Turnstile.
Zgłoszenia rejestracji i prośby o wersję próbną
Formularz rejestracji w demie App Landing zapisuje zgłoszenie jako wpis w WordPressie. Ani on, ani formularz claim-your-link w CanvasPulse nie tworzy użytkownika WordPress, nie uruchamia okresu próbnego ani nie obciąża karty: to zadania Twojego produktu lub wtyczki.
Wyszukiwarka domen Hosting
Jedyny formularz w demie Hosting to wyszukiwarka domen. Zapisuje, co odwiedzający wpisał, i informuje go, że odpowiedź zostanie wysłana e-mailem. Sprawdzanie w rejestrze na żywo i zamawianie domen wymagają integracji z rejestratorem domen; motyw kończy się na zapytaniu.
Kontakt i newsletter
CanvasPulse zawiera 3 formularze: formularz kontaktowy, prośbę o rezerwację linku i newsletter z napiwkami dla twórców. Landing zawiera 2 formularze, jeden na stronie kontaktowej i jeden w treści strony.
Dokumentacja, blog i katalog jako rekordy
Witryna dla oprogramowania to coś więcej niż landing page, a części, które rosną najszybciej, to te, które aktualizuje się co tydzień. W tych dema są one zwykłymi treściami i typami treści WordPress, więc publikowanie to zwykła edycja.
Blog inżynierski
Hosting zawiera 11 wpisów, CanvasPulse 6 wpisów, AI Coding 5 wpisów i Landing 4 wpisy, a każde z nich ma archiwum i szablon pojedynczego wpisu dopasowany do demo.
Możliwości i twórcy
AI Coding rejestruje typ treści Capabilities z 6 rekordami i własną stroną; CanvasPulse rejestruje typ Creators z 6 twórcami wyświetlanymi na stronie katalogu.
Istniejące strony wsparcia
W pięciu demach: strona statusu, centrum pomocy, baza wiedzy, strona FAQ, dokumentacja, przewodnik instalacji i strona klientów, wszystkie to prawdziwe strony. Demo Hosting przedstawia swoją sieć na stronie centrów danych zbudowanej za pomocą bloku hotspot obrazu.
Czego witryna produktowa potrzebuje w drugim miesiącu
Więcej niż sekcja hero
Cennik, dokumentacja, strona statusu, blog, menu i formularze są importowane razem, więc strony, o które prosi kupujący, istnieją, zanim ktokolwiek zgłosi sprawę do wsparcia.
Edytowane bezpośrednio w WordPressie
Marketing zmienia cenę lub nagłówek w edytorze bloków, który dostarcza WordPress. Bez licencji na page builder i bez etapu budowania między poprawką tekstu a działającą stroną.
Odwracalne
Canvas rejestruje każdy wpis, który zapisuje import. Usuń dane dema czyści je ponownie, więc testowanie drugiego projektu startowego nic nie kosztuje.
Pomoc przy tekstach w zestawie
Opisy funkcji to wiersze, o które zespół najdłużej się spiera. CanvasAI Engine tworzy i przepisuje tekst w każdym polu bloku, a w planie Roczny otrzymujesz miesięczne kredyty AI.
Uruchamianie strony produktu, pytania bez ogródek
Odpowiedzi prawdziwe dla pięciu dem w stanie, w jakim są dostarczane.
Które z pięciu dem najlepiej pasuje do oprogramowania?
Właściwe dema Canvas zależy od tego, ile witryny potrzebujesz od pierwszego dnia. App Landing to pojedyncza strona z tabelą cen i formularzem rejestracji. Landing rozbudowuje ją do 13 stron z funkcjami, cennikiem, rozwiązaniami, stroną pobierania, stroną statusu i blogiem. Hosting jest największe, liczy 20 stron, ze stroną usługi dla każdego produktu i porównaniem planów. AI Coding to witryna narzędzia dla programistów ze stronami dokumentacji, stronami instalacji i listą możliwości. CanvasPulse to narzędzie do linków dla twórców z katalogiem twórców.
Czy App Landing to naprawdę jedna strona?
Tak: demo Canvas App Landing publikuje jedną stronę i nawiguje przewijaniem, więc cennik, funkcje, zrzuty ekranu i formularz rejestracji znajdują się w jednym dokumencie. Zawiera też arkusz stylów dla języków pisanych od prawej do lewej. Gdy z niego wyrośniesz, dodajesz zwykłe strony WordPress: nagłówek, stopka i style zostają przeniesione.
Czy formularze rejestracji tworzą konta lub przyjmują płatności?
Nie: formularz rejestracji, zapytanie o wersję próbną i wyszukiwarka domen to wszystko Canvas Forms. Po wysłaniu zapisują wpis w WordPress, wysyłają e-mail do ciebie, jeśli tego chcesz, przesyłają dane na webhook lub do Mailchimp, a następnie pokazują potwierdzenie. Rejestracja użytkowników, rozliczenia, zarządzanie subskrypcjami i CRM to zadania dla wtyczek. Skieruj webhook do systemu, który je obsługuje.
Czy mogę zbudować tabelę cen z przełącznikiem miesięcznym i rocznym?
Tak, oba to bloki Canvas. Strona Plany w demie Hosting oraz strona App Landing korzystają z bloku tabeli cenowej z przełącznikiem rozliczeń nad nią, więc jedno kliknięcie zmienia wszystkie ceny na stronie. Każdy poziom, każdy wiersz funkcji, każda odznaka i każdy przycisk to pole bloku, więc zmiana ceny to edycja w edytorze.
Czy dema obejmują blog, strony dokumentacji i stronę statusu?
Tak, robią to: dema oprogramowania Canvas przechowują je jako zwykłą treść WordPress, stylizowaną pod każde demo. Łącznie pięć dem zawiera 26 wpisów na blogu. Landing i Hosting publikują stronę statusu, stronę FAQ oraz centrum pomocy lub bazę wiedzy; CanvasPulse publikuje stronę statusu, centrum pomocy i stronę dokumentacji API; AI Coding publikuje strony dokumentacji i instalacji oraz kolekcję Capabilities zawierającą 6 rekordów.
Dla ilu witryn obowiązuje jedna licencja?
Każda licencja Canvas obejmuje nieograniczoną liczbę witryn i sieci multisite. Licencja roczna kosztuje 79 USD rocznie, a dożywotnia 299 USD jednorazowo. Oba plany zawierają wszystkie bloki, wszystkie wzorce i wszystkie dema; różnica dotyczy rozliczeń, aktualizacji i kredytów AI. Jeśli witryna marketingowa przetrwa produkt, dla którego powstała, wygasła licencja roczna nadal wyświetla strony, ale zamraża edycję premium. Część publiczna witryny nadal działa.
Uruchom stronę marketingową w tym tygodniu
Jedna licencja obejmuje wszystkie dema i wszystkie bloki. Zaimportuj App Landing z kreatora konfiguracji, wstaw własną kopię i zrzuty ekranu, a formularz skieruj na swoją skrzynkę odbiorczą.