Webflow چیست و چرا با Wix و Squarespace فرق دارد؟
Webflow در سال ۲۰۱۲ توسط Vlad Magdalin راهاندازی شد با هدف ساخت ابزاری که طراحان بتوانند بدون کد، سایتهای حرفهای production-ready بسازند. در ۲۰۲۶ Webflow با ۳.۵+ میلیون کاربر و سایتهایی که برندهایی مثل Discord، Dell، PwC، HelloSign و دهها استارتاپ Y Combinator روی آن ساخته شده، یکی از قویترین پلتفرمهای no-code صنعت است.
تفاوت اساسی Webflow با Wix، Squarespace و Shopify: کنترل پیکسلی روی HTML و CSS. در Wix شما drag-and-drop میکنید و خروجی یک کد بسته بازنشانینشده است که نمیتوانید آن را تغییر دهید. در Webflow شما با Designer کار میکنید که flexbox، grid، position، transform، animation، breakpoint — همه ویژگیهای مدرن CSS را بهصورت بصری در اختیار شما میگذارد. خروجی یک کد production-ready تمیز است که هر developer میتواند آن را بفهمد.
این کنترل به این معنی است که برای استفاده مؤثر از Webflow، حداقل آشنایی با مفاهیم CSS لازم است. Box model، flexbox، responsive breakpoint، نسبت padding/margin — اینها مفاهیم پایهای هستند که در Webflow Designer مستقیماً درگیرشان میشوید. این پیچیدگی برای طراح Figma که میخواهد سریع landing page بسازد ممکن است سدی باشد — Framer انتخاب بهتر برای آن گروه. اما برای طراح حرفهای یا agency، Webflow توان ساخت سایتهایی میدهد که از نظر فنی با React/Next.js قابل رقابتاند.
نکته جالب: در ۲۰۲۴ Webflow «Webflow AI» را معرفی کرد — میتوانید یک prompt متنی بدهید («یک landing page برای SaaS B2B با hero، features، pricing، FAQ») و Webflow AI کل ساختار را generate میکند با style system مناسب. در ۲۰۲۶ این feature به همه پلنها اضافه شد. علاوه بر این، Webflow Localization (۲۰۲۴) ترجمه چندزبانه auto با AI ارائه میدهد — برای سایت فارسی-انگلیسی مفید.
چرا Webflow در ایران سرویس فروش نمیدهد؟
Webflow Inc. یک شرکت آمریکایی است (مقر در San Francisco) و طبق قوانین OFAC به کاربران ایرانی سرویس فروش نمیدهد. مسدودی به سه شکل اعمال میشود.
اول، BIN check روی Stripe: Webflow از Stripe برای پردازش پرداخت استفاده میکند، و کارت بانکی ایرانی فوری در stage validation رد میشود. دوم، Geo-IP partial: webflow.com از IP ایرانی load میشود (Webflow ban کامل نیست)، میتوانید اکانت Free Starter بسازید و پروژه طراحی کنید، اما در stage upgrade payment fail میشود. سوم، برخی features (مثلاً connect domain، export code) از IP ایرانی محدود میشوند.
خبر خوب: بعد از فعالسازی plan، Webflow Designer در ایران بدون VPN کار میکند. میتوانید روزانه طراحی کنید، CMS را مدیریت کنید، content منتشر کنید، analytics ببینید — همه بدون VPN. VPN فقط در مراحل خاصی لازم است: ساخت اکانت premium، پرداخت اشتراک، اتصال domain جدید، export code. این مزیت Webflow نسبت به Adobe است که VPN حین استفاده هم مهم است.
هشدار مهم: هرگز اطلاعات کارت بانکی ایرانی را در صفحه پرداخت Webflow وارد نکنید — حتی با VPN فعال. این اقدام در سیستم Stripe flag میشود و پروژه شما suspend میشود. همچنین از خرید «اکانت Webflow مشترک» از واسطههای ایرانی خودداری کنید — در صورت تشخیص، Webflow پروژه را delete میکند و backup ندارید.
پلنهای اشتراک Webflow
Webflow دو نوع pricing دارد: Site Plans (per project) و Workspace Plans (برای team و agency). برای ۹۰٪ کاربران شخصی، Site Plan کافی است.
Free (Starter)
اشتراک رایگان با subdomain webflow.io، حداکثر ۲ صفحه CMS، تبلیغ Webflow پایین صفحه. مناسب برای امتحان، یادگیری، prototype. برای سایت production کافی نیست.
Basic Site Plan
ارزانترین Site Plan پولی. شامل: domain سفارشی، حذف تبلیغ Webflow، 50GB bandwidth ماهانه، 100 form submission، SSL خودکار، CDN AWS. مناسب landing page، portfolio شخصی، small business بدون CMS بزرگ.
CMS Site Plan (محبوبترین)
همه ویژگیهای Basic + 200GB bandwidth + 2,000 CMS items + 1,000 form submission + Webflow CMS کامل (Collection نامحدود، فیلدهای سفارشی، multi-reference). این پلن برای ۸۰٪ سایتهای شخصی و small business مناسب است: blog، portfolio، landing page با CMS، agency website.
Business Site Plan
همه ویژگیهای CMS + 400GB bandwidth + 10,000 CMS items + 2,500 form + advanced security + faster CDN. مناسب سایتهای بزرگتر با ترافیک بالا یا CMS عظیم. اگر روزانه ۱۰هزار+ visitor دارید، Business لازم.
eCommerce Plans (Standard / Plus / Advanced)
اگر میخواهید فروشگاه آنلاین بسازید، یکی از eCommerce planها لازم است. Standard: 500 محصول، 2٪ transaction fee. Plus: 1,000 محصول، 0٪ fee. Advanced: 3,000 محصول، 0٪ fee. Webflow eCommerce با Stripe و PayPal ادغام میشود — برای فروشهای متوسط رقیب جدی Shopify است.
Workspace Plans (برای freelancer و agency)
اگر چند پروژه دارید یا با team کار میکنید، Workspace plan: Free (2 staging sites)، Core (10 sites)، Growth (15 sites)، Agency (unlimited). Workspace plan قیمت hosting خود سایت را شامل نمیشود — بهعلاوه Site Plan هر پروژه میپردازید.
Pro tip: ۸۰٪ کاربران ایرانی CMS Site Plan انتخاب میکنند. Basic فقط اگر مطمئن هستید CMS نمیخواهید (landing page یکصفحهای). Business اگر سایت enterprise با ترافیک بالا. eCommerce فقط اگر فروشگاه میسازید. اشتباه رایج: Basic میخرید، بعد متوجه میشوید CMS لازم دارید — هزینه upgrade بیشتر از خرید CMS از اول.
Webflow یا Framer یا WordPress؟
این سؤال در community طراحی و no-code رایج است. سه پلتفرم اصلی برای ساخت سایت، هر کدام با مزایا و معایب.
| قابلیت | Webflow | Framer | WordPress |
|---|---|---|---|
| Learning curve | متوسط (نیاز به CSS) | آسان (Figma-like) | آسان تا پیشرفته |
| کنترل HTML/CSS | کامل — رفرنس | محدود (Designer-first) | کامل با code |
| CMS | بسیار قوی، built-in | پایه (basic) | قوی با plugin |
| eCommerce | Webflow eCommerce کامل | محدود | WooCommerce پر-features |
| Hosting | AWS CloudFront — خودکار | Vercel-like — خودکار | خودتان hosting میخرید |
| Code export | بله (CMS+) | خیر — pure no-code | بله — open source |
| Plugin/extension | محدود | بسیار محدود | 60,000+ plugin |
| SEO | عالی — کنترل کامل | خوب — basic SEO | عالی با Yoast/RankMath |
| مناسب برای | Designer/agency حرفهای | Landing page سریع، طراح Figma | blog، fiercely customizable |
خلاصه: ۱) Webflow برای طراح حرفهای و agency — میخواهید کنترل پیکسلی، CMS قوی، eCommerce، hosting خودکار. ۲) Framer برای landing page سریع، طراح Figma که میخواهد در ۱-۲ روز سایت بسازد. Framer سادهتر اما محدودتر. ۳) WordPress برای blog، سایتهای پیچیده با pluginهای خاص (LMS، forum، membership advanced). WordPress قدرتمند اما نیاز به hosting و maintenance دارد. برای کاربر ایرانی که میخواهد سایت production بدون مدیریت server، Webflow یا Framer انتخاب اول.
آمادهاید سایت حرفهای خود را روی Webflow بسازید و روی domain سفارشی منتشر کنید؟ کارت کارتین در عرض ۶۰ ثانیه آماده است.
دریافت کارت کارتینWebflow برای چه پروژههایی مناسب است؟
Portfolio designer/photographer
اگر طراح، عکاس، videographer، illustrator هستید، Webflow انتخاب اول است. میتوانید پرتفولیو با animation پیشرفته، gallery custom، parallax، scroll-trigger بسازید — چیزهایی که در Wix یا Squarespace ممکن نیست. CMS Plan کافی است.
Landing page برای SaaS / startup
Landing page SaaS با pricing table، feature comparison، testimonial، waitlist form، blog. Webflow برای این مورد ابزار رفرنس صنعت است — Discord، Dell، Stripe لانچهای قبلی روی Webflow ساخته شده. CMS Plan معمولاً کافی.
Blog شخصی یا agency
Webflow CMS برای blog قدرتمند است. Collection «Posts» با فیلدهای title، slug، author، date، body، tags. تمپلیت برای post page و blog index. SEO کامل (meta، canonical، schema). RSS auto. CMS Plan لازم.
فروشگاه آنلاین کوچک تا متوسط
Webflow eCommerce برای فروشگاههای ۱۰۰-۳۰۰۰ محصول مناسب است. Stripe + PayPal، تخفیف، tax، shipping، email transactional. اگر میخواهید marketplace بسازید (vendor چند نفره) Webflow کافی نیست — Shopify یا custom build بهتر است.
سایت شرکتی برای SMB / corporate
سایت شرکت با About، Services، Team، Contact، Blog، Careers. Webflow Business Plan برای سایتهای شرکتی متوسط مناسب. اگر شرکت چندملیتی هستید، Webflow Localization چندزبانه با AI translation.
Memberships و gated content
Webflow Memberships (۲۰۲۲) به شما اجازه میدهد content پولی بسازید — دوره آنلاین، نشریه، community premium. مشابه Substack یا Patreon اما با کنترل کامل design. Business Plan لازم.
نهچندان مناسب: forum، LMS پیچیده، marketplace
Webflow برای forum (Discourse-style)، LMS پیچیده با quiz/certification، marketplace چند-vendor مناسب نیست. این نوع پروژهها نیاز به WordPress + plugin، یا custom build دارد.
راهنمای گام به گام: خرید Webflow با کارت کارتین
این فرآیند برای ساخت یا upgrade پروژه Webflow به Site Plan است. تخمین زمان: ۱۰-۱۵ دقیقه.
- 01
تصمیم درباره Plan (CMS توصیه میشود)
CMS برای ۸۰٪ پروژهها کافی. Basic فقط اگر یکصفحهای landing page. Business اگر ترافیک بالا یا CMS عظیم. eCommerce اگر فروشگاه میسازید. تصمیم این مهم است چون upgrade راحت اما هزینه کلی بیشتر از start with right plan.
- 02
سفارش کارت کارتین
وارد سایت کارتین شوید. کارت ویزا یا مسترکارت سفارش دهید. آدرس صورتحساب: میتوانید Turkey یا UAE یا US انتخاب کنید — Webflow قیمت ثابت USD دارد. صدور کارت کمتر از یک دقیقه.
- 03
شارژ کارت
موجودی کارت را به اندازه ۱-۲ سال اشتراک شارژ کنید. Annual billing معمولاً ۱۸-۲۰٪ ارزانتر از monthly است — توصیه میشود اگر مطمئن هستید استفاده میکنید.
- 04
فعالسازی VPN
VPN روی هر کشور پشتیبانیشده فعال کنید (US، UK، Germany، Turkey، UAE). Webflow قیمت ثابت دارد، VPN فقط برای دور زدن Stripe IP block. NordVPN، ExpressVPN، Surfshark سرورهای پایدار دارند.
- 05
ساخت اکانت Webflow و پروژه
به webflow.com/signup بروید (با VPN فعال). اکانت Free بسازید با Gmail. سپس «New Site» — میتوانید از template شروع کنید (صدها template رایگان و پولی) یا «Blank Site». پروژه را در Designer طراحی کنید (میتوانید بدون VPN ادامه دهید).
- 06
ورود به Site Settings → Plans
وقتی آماده publish به domain سفارشی هستید، در Designer روی «Site Settings» (آیکون ⚙) → «Plans» → پلن مورد نظر را انتخاب کنید (CMS توصیه میشود). VPN را در این مرحله فعال کنید.
- 07
وارد کردن اطلاعات کارت کارتین
Webflow صفحه Stripe payment باز میکند. شماره کارت، تاریخ انقضا، CVV از پنل کارتین. Country همان کشور کارت. آدرس صورتحساب از پنل کارتین. کد پستی باید با آدرس همخوان باشد.
- 08
تأیید 3D Secure
Stripe احتمالاً کد 3D Secure درخواست میکند. کد به پنل کارتین میآید (نه پیامک شخصی). در عرض ۵ دقیقه آن را در Stripe وارد کنید.
- 09
تأیید فعالسازی Plan
بعد از پرداخت موفق، Site Plan فعال میشود. میتوانید فوری دامنه سفارشی متصل کنید (Site Settings → Custom Domain). Webflow راهنمای DNS میدهد — A record و CNAME روی DNS provider خود (Cloudflare، Namecheap، GoDaddy) تنظیم کنید.
- 10
اتصال Domain سفارشی
DNS تنظیم را روی DNS provider انجام دهید. در Webflow → Custom Domain → Connect. SSL certificate (Let's Encrypt) خودکار صادر میشود در عرض چند دقیقه. سایت روی https://yourdomain.com در دسترس است.
- 11
Publish سایت
در Designer → Publish (بالا-راست). انتخاب کنید subdomain webflow.io یا custom domain یا هر دو. Publish push میشود به CDN AWS CloudFront — سایت در عرض چند ثانیه بهصورت جهانی در دسترس قرار میگیرد.
- 12
تنظیمات SEO و Analytics
در Site Settings → SEO، meta title/description پیشفرض، sitemap auto-generation فعال است. در Integrations، Google Analytics، Google Search Console، Facebook Pixel، Hotjar وصل کنید. این تنظیمات یکبار + کل سایت SEO ready.
رفع مشکلات رایج پرداخت Webflow
«Your card was declined»
علتهای رایج: ۱) موجودی کارت ناکافی + tax (Stripe ۰-۲۰٪ مالیات اضافه میکند بسته به کشور)، ۲) آدرس صورتحساب با کشور VPN نمیخواند، ۳) Stripe risk score بالا. ابتدا موجودی را در پنل کارتین چک کنید. سپس آدرس را با اطلاعات نمونه کارتین مطابقت دهید.
«We can't process your payment»
Webflow IP شما را ایرانی شناسایی کرده در stage checkout. VPN را خاموش-روشن کنید، cache مرورگر و cookie را پاک کنید، در incognito tab امتحان کنید. اگر باز هم مشکل بود، VPN دیگری امتحان کنید.
Custom Domain متصل نمیشود
DNS propagation ممکن است تا ۲۴ ساعت طول بکشد. اطمینان از: ۱) A record به IP درست Webflow اشاره میکند، ۲) CNAME proxied روی Cloudflare گاهی مشکل ایجاد میکند — DNS-only proxy فعال کنید، ۳) WWW و non-WWW هر دو CNAME شوند، ۴) در Webflow «Refresh» را کلیک کنید بعد از تنظیم DNS.
SSL Certificate صادر نمیشود
SSL خودکار از Let's Encrypt صادر میشود. اگر در ۱۵ دقیقه صادر نشد: ۱) DNS کاملاً propagate شده باشد، ۲) CAA record روی DNS Let's Encrypt را block نکند، ۳) Webflow Support تیکت بزنید — معمولاً سریع پاسخ میدهند.
Code export نمیشود
Code export فقط در CMS Plan و بالاتر در دسترس است. در Basic Plan نیست. اگر CMS دارید اما گزینه نمیبینید: Site Settings → Export → «Prepare ZIP». این feature برای migrate به Vercel/Netlify مفید است.
ترافیک بالا — bandwidth limit
اگر سایت popular شد و bandwidth ماهانه پر شد، Webflow بازدید را limit نمیکند اما charge اضافی میگیرد. توصیه: monitoring را فعال کنید (Site Settings → Hosting Stats). اگر مرتب over میروید، upgrade به Business plan.
نکات حیاتی برای کاربر ایرانی
Webflow University — بهترین آموزش no-code
Webflow University (university.webflow.com) صدها ویدئو رایگان از مبتدی تا حرفهای دارد. این بهترین آموزش no-code در جهان است. حتی اگر Webflow نخریدید، این ویدئوها برای یادگیری CSS و طراحی سایت ارزشمند هستند. توصیه: قبل از شروع، Webflow Crash Course (۲۰ ویدئو، ۳ ساعت) را ببینید.
RTL برای سایت فارسی
Webflow RTL کامل پشتیبانی میکند. در Body settings، direction: rtl. تایپوگرافی فارسی با Google Fonts (Vazirmatn، Estedad). فرمهای راستچین، ناوبری معکوس، breadcrumb. اما رابط Designer خود Webflow فارسی نیست — به انگلیسی کار میکند.
CDN برای ایران
Webflow از AWS CloudFront استفاده میکند که در ۲۵۰+ نقطه جهان POP دارد. برای visitorهای ایرانی، نزدیکترین POP معمولاً Frankfurt یا Dubai است — latency حدود ۵۰-۱۰۰ms که برای production عالی است. Cloudflare proxy روی DNS اضافی میتواند سرعت را در ایران بهبود دهد.
SEO با meta tag و schema
در Page Settings (هر صفحه) میتوانید meta title، meta description، Open Graph image تنظیم کنید. در Site Settings → SEO، global tags. برای schema markup (Article، Product، FAQ) از custom code (head/before-body) استفاده کنید — Webflow embed JSON-LD ساده است.
Backup با version history
Webflow version history دارد. هر تغییر در Designer auto-save میشود. میتوانید به version قدیمی برگردید (در Backups در Site Settings). در پلن CMS تا ۹۰ روز و در Business plan تا ۶ ماه نگهداری میشود.
Webflow Localization برای چندزبانه
اگر سایت فارسی-انگلیسی میخواهید، Webflow Localization (در Business plan) AI translation auto + manual review میدهد. URL سفارشی برای هر زبان (yourdomain.com/fa، yourdomain.com/en). hreflang tags خودکار. این feature تا ۲۰۲۳ نبود — حالا یکی از بهترین multilingual solutionهای no-code.
جمعبندی
Webflow قدرتمندترین ابزار no-code جهان برای ساخت سایت production است. کنترل پیکسلی روی HTML/CSS، CMS قوی، eCommerce، Memberships، AWS CloudFront hosting — همه چیزی که برای سایت حرفهای لازم دارید بدون مدیریت server. خرید آن از ایران با کارت کارتین یک فرآیند ۱۰-۱۵ دقیقهای است.
اگر بین Basic، CMS، Business و eCommerce مردد هستید: CMS برای ۸۰٪ پروژهها (blog، portfolio، landing page با CMS، agency website). Basic فقط برای landing page یکصفحهای. Business برای ترافیک بالا. eCommerce فقط اگر فروشگاه میسازید. Framer سادهتر اما محدودتر — اگر طراح Figma هستید و landing page سریع میخواهید Framer، اگر کنترل کامل و CMS پیچیده میخواهید Webflow.
نکته کلیدی: Webflow بعد از فعالسازی plan در ایران بدون VPN کار میکند برای روزانه طراحی و publish. VPN فقط در مرحله خرید و گاهی domain connect لازم است. Webflow University برای یادگیری CSS و طراحی رایگان است — حتی اگر Webflow نخرید، ارزش دیدن دارد.
همین حالا کارت کارتین خود را سفارش دهید و در عرض ۲۰ دقیقه سایت Webflow خود را روی domain سفارشی منتشر کنید — با CMS، SEO کامل، AWS CloudFront و SSL خودکار.
دریافت کارت کارتینسوالات متداول
پاسخ سوالات رایجی که کاربران درباره خرید Webflow از ایران میپرسند.
آماده شروع هستید؟
کارت کارتین خود را در عرض ۶۰ ثانیه دریافت کنید و Webflow را همین حالا فعال کنید.
دریافت کارت کارتینمیخواهید جزئیات بیشتری درباره Webflow ببینید؟ صفحه Webflow در کاتالوگ
