ENPL
ABOUT
VENTURES
PROJECTS
OFFER
CONTACT

Projectsin Webflow

Effective tips and solutions for dead-end problems. An ebook written as a „do it yourself” workshop, packed with screenshots and examples of putting no-code tools and automations to work in Webflow.

WebflowNo-CodeAutomationsTips&Trics
Cover of the ebook „Projekty w Webflow. Skuteczne porady i rozwiązania problemów bez wyjścia”
01
„#1 Product of the Week” badge on Radar Premier

A short story, no fluff

Three years ago I released „Projekty w Webflow”, a guide of effective tips and solutions for dead-end problems. It launched on radarpremier.pl, a Polish take on Product Hunt: it became Product of the Week there and collected 24 ratings with a 5/5 average.

Then the site it sold on vanished from the web. And with it, access for everyone who bought the guide. That was not fair, so I am fixing it: the guide has a permanent home now, and you can claim access below in a minute.

02

What you get with the guide

16 practical tips applied to real Webflow work. Even if a given hint is not useful right here and now, it can inspire solutions of your own in everyday projects.

  • You save time: solutions are laid out in full detail
  • You learn new things thanks to clever „Tips&Trics”
  • You get automation scenarios described step by step, ready to rebuild in your own project
  • The guide works like a workshop: you complete tasks on practical examples, step by step

Honest note: the guide is three years old and Webflow has evolved since. Some tips work like on day one, some may be dated by now. I would rather say it upfront than pretend time stood still.

03

Key tips

Form field validation

Methods for reliable checks of „e-mail” and „VAT ID” fields, the ones that matter most from a business point of view.

No-Code

Instructions for no-code tools in Webflow that few people have heard of.

Automation scenarios

Described step by step for specific tasks. Rebuild them and extend them in your own solutions.

SVG

Methods for optimizing SVG graphics and styling them in Webflow with a single click.

Dynamic options in the „Select” field

Native Webflow features that let you serve CMS content as options in a „Select” field.

Tips&Trics

Tricks for taming native Webflow components.

04

Table of contents

  1. 01Introduction
  2. 02Automatic „padding” and „margin”
  3. 03The 20-collection CMS limit per page
  4. 04Custom text underline
  5. 05Hidden form field
  6. 06Smooth scrolling: Lenis and native scroll
  7. 07E-mail field validation: Make and APILayer
  8. 08VAT ID field validation: VatLayer
  9. 09Automatic positioning with Flex
  10. 10Oh, that miserable SVG: optimization, SVG as a font, One Click SVG from Figma to Webflow
  11. 11Do not use the Button component in Webflow
  12. 12A super method for „Aspect Ratio” on images
  13. 13Working in Webflow like a developer: CodeSandbox and „localhost”
  14. 14Pseudo-elements in Webflow and dynamic content
  15. 15Dynamic „option” in a „select” field from the CMS: JavaScript and the native method
  16. 16Automatic XML data import into Webflow
  17. 17Closing notes

Bought the guide?

Claim access to the full content in Notion in a minute. All you need is the email address used at purchase.

The guide is currently not on sale.
Questions? Write to me.