【Webflow實戰】數位遊牧者必學技能：快速架站、形象網站一網打盡！

Hi! Dear Gilly friends，

How are you today?

Today Gilly is going to share a tool that can quickly build a beautiful website. —— Webflow, And share my experience of stepping on pits. It's not unusual to step on a pit, only when you solve a pit can you have the fun of self-study. Let us solve the various technical challenges in the process together!

Article list

Why did I choose to use Webflow to set up a website for digital nomadic life?

Gili was the earliest to set up a station, and the first to use it wasWebflow。 When looking for relevant information about the station on the Internet, I found thatWebflowFor supporting the presentation of website screens，There are many rich dynamic effects, and the fast setup feature of zero code.

At that time, Jili wanted to build a portal website with magazine content, which should have both image and content in parallel, and the characteristics of Webflow just met the needs of Jili's website at that time.

Follow Gilly, use your self-study spirit together, let us use it togetherWebflowSet up a website! 。

Digital nomads can also be easily operated! Full record of Webflow website process

Log in to Webflow now

Webflow as a whole starts from login, and it is very easy to operate in terms of using cognitive experience.
Gili uses gmail as her login account. You can also choose to set another email account password to log in.

📋Webflow dashboard interface

Since Gilly had already tried to set up a station first before, she wasDashboard All sites You can get an overview of the erected stations.

To create a new station: click on the upper right corner +New site button.

🆕 "Create a new site" on Webflow

After entering the interface to create a new station, two options appear on the pop-up window：

Blank site (blank site) : High degree of freedom, self-customized version.

Template (template website): There are free (free)/paid (paid), but there are not many ideas in the early stage, or the pursuit of efficiency, you can choose to use the template method, and then you can customize the modification and adjustment according to your needs.

Gilly chose to Template (template website) Start to set up the station.

Even if it is a free version, Webflow provides the samePreview template (preview version)The function.

And what's more amazing is that even in the free version, the overall UI design and dynamic effects are amazing.

Jili has always been a self-study site, so searching for various resources on the Internet to learn effectively is a way for Jili to keep growing on this road. When using the Weflow website, I referred to some YouTube videos. Usually Gili mainly chooses English videos, except for quickly gaining new knowledge.，Learn the knowledge of the stationoutside，Train and cultivate one's foreign language skillsIt is a very important skill to enter the digital nomadic world!

The self-study stand is not alone: the Webflow learning channel in the Digital nomadic Life

When Jili set up the website, her demand was to position the website as a magazine-type content portal, so in addition to the need for a beautiful UI and a smooth dynamic effect as the image homepage, the content will need to be published on the blog, that is,Content management system。 In Webflow, it is located in the toolbar on the left.CMS。

Pit problem: Use CMS to dynamically generate Tabs

Demand scenario: Use CMS to dynamically generate Tabs, and build one or more collection lists into the Tab.

Demand extension planning

The content will increase in the future, so I hope to use Tabs as the top-level classification of the content, and dynamically add Tabs categories with CMS content, and generate their own Collection lists in each TABS category.

At this time, Gilly once again exerted her self-study spirit, anyway, when she didn't understand, she went to find resources. So I found outWebflowIt provides a good one in itselfcommunity, To provide everyone with exchanges and discussions. There are many enthusiastic developers in the community, and everyone is very willing to help each other. Except for official associations，FBThere are also related ones onChinese Society, There are many resources, everyone can try to join the discussion.

The technical support station for digital nomads! Recommended Webflow Chinese and English community resources

Webflow Forum

Webflow The official forum has a wealth of discussions and resources.

Webflow Chinese Community｜Web Design Exchange Edition｜UIUX｜News｜E-commerce｜Startup

There are many active Webflow users in the unofficial Facebook community. It is very suitable for users of the Chinese language family to come here to exchange and discuss.

Ji Li's Conclusion｜ Experience and Summary of setting up a website in the digital nomadic life: Is Webflow worth it?

Novice friendly

Webflow For novices who set up the station, it is very friendly! The operation process is very intuitive and fast. From logging in, selecting a version, and starting to set up a website, the interface and process simplify many users' cognitive puzzles.

Image website & Portfolio Website

Basically, if your website does not have too strong customization needs, especially to make a simple image website or portfolio website，Webflow The performance in this part is very good. Even if the user interface is only available in English, users will not be afraid.

Zero code & code are OK!

althoughWebflow It emphasizes a sense of user experience without code, but it is not completely impossible to edit with code. If you have a background in code, you can also enter the code to customize the content of the website according to your needs.

Price and plan

The only thing that makes Jili feel that it is a shortcoming is his price and plan.The payment method is more complicated, Users need to consider which solution to use in many ways.

If the user's demand is an image website or a portfolio website, there is no need to link the gold flow or dynamically add data flow.，WebflowThere are free plans that can be used, but there are certain functional restrictions. Please refer toWebflow paid plan。

Compare with digital nomadic e-commerce platforms

WebWebflow (suitable for image-oriented official websites)

Who is it for: Content-oriented digital nomad, self-media, brand side
Payment flow: Only Stripe/PayPal is supported, and it is difficult to integrate Asian cash flow
Multilingual support: Additional installation tools are required, and there is no native multilingual function
Difficulty of building a website: Friendly interface and high design flexibility
Is it suitable for e-commerce?:❌It is not recommended to be a cross-border shopping website

ShopifyShopify (suitable for global sales)

Who is it for: Product-based digital nomad, cross-border e-commerce operator
Payment flow: Support multi-country gold flow, including Taiwan/Asia
Multilingual support: Built-in multilingual function
Difficulty of building a website: Simple operation, template-oriented
Is it suitable for e-commerce?: 非常Highly recommended

Woo Woocerce (partial technical type, high degree of freedom)

Who is it for: Advanced users who understand technology or have team assistance
Payment flow: Almost any gold flow can be integrated
Multilingual support: Relying on external plug-ins, high degree of customization
Difficulty of building a website: Need to be familiar with WordPress architecture
Is it suitable for e-commerce?: High degree of freedom but requires maintenance

Ec Ecwid (suitable for quick opening of shops)

Who is it for: Creators who want to go online quickly and don't want to be too complicated
Payment flow: Support multi-currency and major third-party payments
Multilingual support: Native support
Difficulty of building a website: Very simple, can be embedded in existing websites
Is it suitable for e-commerce?: A lightweight e-commerce tool that is easy to get started

The following is Gilly's rating after using Webflow

Novice friendly:⭐⭐⭐⭐⭐
Operation experience:⭐⭐⭐⭐⭐
Community support:⭐⭐⭐⭐
Price plan:⭐⭐⭐

Extended reading：

【WordPress Actual Combat】Digital Nomad's Blog Guide: Use Blocksy Theme to Build your Personal Brand Website
【AI Artifact】ChatGPT + Canva: Digital nomad must learn to take the case! Skills in designing high-quality brand vision
【Digital Nomadic Entrepreneurship】"Thinking and Challenges of Starting a One-person Company"

Lovely reader，
Do you have any other ideas?
You are welcome to leave a message to discuss with Lucky!