In Webflow, there are numerous settings to manage your project as a whole. Many features may be unfamiliar to users. In this article, we will introduce you to the different Webflow settings you need to know for developing your web project.
1. General Webflow Settings
1.1 Account Settings
The account settings allow you to manage the specifics of your account, such as your profile, subscription, billing information, and more.
1.2 Authorized applications
Authorized applications are those that have access to your Webflow site data.
1.3 Collaborator
A collaborator is a person who can make changes to the website content through the editor mode. This person is invited by the administrator of the Webflow project.
1.4 Custom domain hosting
When managing a Webflow project, your site is hosted by Webflow. The web development platform allows you to point your site to a custom domain.
1.5 Dashboard
The dashboard is where you can access all your projects, create new ones, and manage them.
1.6 Page Name
This is the title used to describe a page of your site in the Pages panel.
1.7 Page settings
The page settings tool allows you to manage your pages. It lets you control various page functionalities (name, duplication, deletion, SEO, etc.)
1.8 Pagination settings
With the pagination settings, you can preview the pages of the collection list by selecting the page number from the dropdown list.
1.9 Preview Mode
The preview mode is a Webflow feature that lets you see how the site appears on different types of devices without leaving the Designer or publishing the website.
1.10 Read-only Link
A way to allow others to test your Webflow site from the Designer without the ability to save changes (Tutorial on how to share a read-only link)
2. Webflow Backup Settings
2.1 Backup
A saved version of your site that you can restore.
2.2 Last published
The last time your site was published.
2.3 Last updated
The last time someone made a modification to your site.
2.4 Publish site
The “Publish site” button allows you to update your website online to implement the changes made in the Designer or editor mode.
2.5 Restore Point
This is the restore point for your Webflow site.
2.6 Save as Snapshot
You have the option to manually save a version of your site that you can restore later using the keyboard shortcut Cmd+Shift+S on Mac or Ctrl+Shift+S on Windows.
2.7 Unpublished Change
This refers to an unpublished change: a change that has been made in the Webflow CMS but will not appear on the live site until the next publication.
3. Webflow SEO Settings
3.1 Google Classic Analytics ID
A unique identifier that you can use to link your Google Analytics account to your Webflow site.
3.2 Google site verification meta tag
A unique string of numbers and characters that helps you verify your site's ownership with Google.
3.3 Meta description
This is the short description that appears below your titles on a search results page. It is the second most important element in SEO (search engine optimization). It should provide a description of the page, contain keywords, and not exceed 160 characters.
3.4 Meta title
This is the title of the page that appears on a search results page. It is the most important element in SEO. It should describe the page, include keywords, and not exceed 55 characters.
3.5 Sitemap.xml
This is the file that describes the structure of your site by listing its various URLs. It allows search engines to crawl your site more efficiently and quickly.
3.6 URL Redirect
URL redirection allows you to redirect one URL to another URL without affecting SEO.
4. Webflow Code-Related Settings
4.1 Footer code
This is the custom code that you can add just before the closing tag in your site's HTML file.
4.2 Head code
This is the custom code that is added in the header of your site.
4.3 Minified code
Minifying a site's code reduces the file size by removing unnecessary spaces (line breaks, whitespace, etc.). As a result, the file loads more quickly, enhancing performance. However, the code becomes harder for humans to read.
4.4 Total Asset Size
This setting represents the total weight of the HTML, CSS, JS, and images of your site.
5. Webflow Help Settings
5.1 Help Center
The place to go when you need help using Webflow.
5.2 Help text
The help text that explains what content should be placed in a given collection field.
5.3 Need Help page
The place to go when you need help with designing your site, custom code, etc.
Now you have a better overview of the different Webflow settings that exist. If you would like to learn more about Webflow, you can read our article on managing the Webflow CMS with collections. Otherwise, you can contact our Webflow agency to assist you in building your custom project.
