7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Webflow

Jak zainstalować nowy szablon Webflow

Scroll to top
Read Time: 2 mins

Polish (Polski) translation by Mateusz Kurlit (you can also view the original English article)

Webflow jest platformą do budowania stron internetowych zawierającą bardzo rozbudowaną funkcjonalność. Pozwala użytkownikom budować własne strony internetowe i nimi zarządzać bez znajomości języków programowania, a to wszystko dzięki świetnym narzędziom wizualnym. Platforma Webflow jest również otwarta na szablony firm trzecich, dlatego w tym krótkim poradniku wyjaśnię jak zainstalować jeden z nich.

Szablony Webflow na Envato Market

Nowa kategoria Webflow na Envato Market powiększa się; obecnie oferując 24 szablony kosztujących od 18$ do 20$ – sam zobacz!

Webflow templates on Envato MarketWebflow templates on Envato MarketWebflow templates on Envato Market
Szablony Webflow na Envato Market

Pierwsze kroki z Webflow

Jeśli jeszcze nie zarejestrowałeś się na Webflow, przejdź do webflow.com i wpisz swoje dane, aby założyć konto. Twój pierwszy projekt jest w pełni bezpłatny; płatne plany zaczynają się, gdy potrzebujesz niestandardowego hostingu domeny lub funkcji premium.

Po rejestracji, zostaniesz poproszony o rozpoczęcie projektu, ale zanim to zrobisz, musisz przenieść nowo zakupiony szablon do Webflow.

Ważne: po rozpoczęciu projektu i przypisaniu szablonu, nie możesz go zmienić!

Przenoszenie twojego szablonu

Na tym etapie istnieje kilka dróg; jeśli otworzysz swój zakupiony szablon bezpośrednio w przeglądarce, zostaniesz poproszony o kliknięcie linka:

W tym momencie przejdziesz do strony Webflow jak pokazano poniżej:

Alternatywnie możesz być już zalogowany na Webflow, dlatego w tym przypadku przejdź do Account > Settings > Purchases, aby dotrzeć do tego samego punktu.

Przygotuj sobie dwie informacje:

  1. Twój kod odbioru Webflow: znajdujący się w pobranych plikach, prawdopodobnie w dokumentacji. Jeśli go tam nie ma, skontaktuj się z autorem.
  2. Twój kod zakupu Envato Market (Themeforest): dostępny na twojej stronie pobrane Themeforest.
your Themeforest downloadsyour Themeforest downloadsyour Themeforest downloads
Kody zakupu, dostępne w pobranych Themeforest

Po wypełnieniu tych informacji, możesz już przenieść swój szablon:

Korzystanie z nowego szablonu

Aby rozpocząć projekt, musisz przejść do zakładki Purchases, gdzie właśnie wpisałeś kody. Twój szablon nie będzie dostępny przez "normalny" proces Create a New Website.

Na potrzeby tego poradnika korzystam z szablonu MAGIC.

Gdy rozpoczniesz nowy projekt zakupionego szablonu, przejdziesz do interfejsu projektanta zawierającego narzędzia od Webflow. Aby zmienić nazwę twojego projektu lub inne dane, przejdź do Site Settings znajdujących się w głównym menu.

Inspiracje

Poniżej możesz zobaczyć popularne szablony dostępne na Envato Market!

Evnt

Evnt Webflow TemplateEvnt Webflow TemplateEvnt Webflow Template
Evnt Webflow Template od Coffeecream

Hedone

Hedone - Creative Webflow TemplateHedone - Creative Webflow TemplateHedone - Creative Webflow Template
Hedone - Creative Webflow Template od IG_design

Hive

HiveHiveHive
Hive - Restaurant & Cafe Webflow Template od medium_rare

Canna

Canna Multiuse Webflow Template With Page BuilderCanna Multiuse Webflow Template With Page BuilderCanna Multiuse Webflow Template With Page Builder
Canna | Multiuse Webflow Template With Page Builder od DeoThemes

Jackson

Jackson - Professional vCard Webflow TemplateJackson - Professional vCard Webflow TemplateJackson - Professional vCard Webflow Template
Jackson - Professional vCard Webflow Template od webisir

Podsumowanie

Od wyboru inspiracji do instalacji, która powinna ci pomóc zacząć projekt twojego nowego szablonu Webflow!

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