2026. május 15. · #visual-editor #cloud #ux #no-code #pozicionalas

Vizuális szerkesztő — miért NEM újabb WordPress-alternatíva?

Magyar átlag-felhasználó "kapok-és-működik" weboldalt akar, de WordPressen nem jut el oda. A PromNET vizuális szerkesztő — drag-drop, képfeltöltés, élő deploy — más megközelítéssel próbálja megoldani ezt. Hogyan, és mire NEM jó.

A magyar piacon van egy paradoxon: a felhasználók akarják szerkeszteni a saját honlapjukat, de nem akarnak HTML-t / CSS-t / git-et tanulni. Eddig erre a klasszikus válasz a WordPress volt — admin-felület, plugin-ek, Elementor, “drag-drop” névvel. Aki próbálta: tudja, hogy ez nem mindig úgy működik, ahogy a marketing ígéri.

A PromNET-en pár nappal ezelőtt élesítettünk egy Vizuális szerkesztőt a Cloud-projektek mellé. Nem WordPress-alternatíva. Más probléma — és más megoldás.

A probléma, amit megoldunk

Egy magyar átlag-vállalkozó:

Cukrászdát működtet, esküvői torta-rendelést akar
Ügyvédi irodát vezet, kapcsolat-űrlapot akar
Fogászati rendelő, online időpontfoglalást akar
Konzultáns, csomag-listát + booking-CTA-t akar

Mind: statikus oldalak, marginális dinamizmussal. Egyik sem e-kereskedelem, egyik sem real-time chat. Mind szerkeszteni akar, mert ők ismerik a saját termékeiket.

A klasszikus WP-megoldás itt túlméretes:

2.500-3.000 Ft/hó tárhely
WP-mag + plugin-ek + theme — 30-50 frissítés évente
“Elementor lassú” — Lighthouse 60 alatt
Hekkelhetőség — közvetlen target a brute-force támadásokhoz
Backup-fenntartás napi szinten

Az alternatíva — Wix / Squarespace — nem magyar lokalizációs. Magyar piacra szabott témák alig, magyar nyelvű support nincs. Mind a kettő messze 3-10× drágább mint amit a magyar SMB-piac elvisel havonta.

A PromNET-megoldás: GrapeJS + R2 + CF Pages

A vizuális szerkesztő GrapeJS-alapú (open-source drag-drop builder), PromNET-szín-overrideokkal, 8 magyar-piaci block-kal feltöltve.

A flow:

Cloud-projektet indítasz (ingyenes Free csomag is jó)
Megnyílik a vizuális szerkesztő — bal oldalt block-katalógus, jobbra style-manager, középen a canvas
Drag-drop block-okat (Hero, Feature-rács, Pricing-tábla, Kontakt, Lábléc, …) a canvas-ra
Kettős kattintás bármelyik szövegen → in-place szerkesztés
Bal sávban file-tree: új oldal hozzáadása (kontakt.html, rolam.html…)
Bal sávban Asset Manager: drag-drop kép-feltöltés saját R2-be
Ctrl+S (vagy 30 mp auto-save) → R2-be megy a HTML+CSS, <slug>.promnet.hu 5 percen belül frissül

Ami a háttérben történik:

A GrapeJS DOM-tree-jét HTML+CSS-szé konvertáljuk
A teljes dokumentumot egy index.html-be tesszük
R2-be uploadoljuk a projects/<id>/index.html kulcs alá
A wildcard-aldomain-router (Astro middleware) szervírozza az R2-tartalmat
Cloudflare CDN-en cache-elődik 5 percig

Tárhely-méret: egy átlag-landing 30-80 KB HTML + CSS, plus képek. A Free csomag 100 MB-ja kb. 1.000 átlag-oldalra elég.

Miért NEM WordPress-alternatíva?

A felhasználó-értékelő szempontból:

	PromNET vizuális szerkesztő	WordPress
Tárhely-költség	0 Ft (Free) / 1.990 Ft (Start)	~3.000 Ft/hó shared
Frissítés-szükséglet	0 (statikus)	havi 5-10 plugin-frissítés
Hekkelhetőség	nincs admin, nincs DB	brute-force-target
Lighthouse-score	95-100 könnyen	60-80 átlag
Backup-fenntartás	R2-ben, Cloudflare gondoskodik	sajátod, daily-snapshot
Plugin-piac	nincs	óriási
Webshop / WooCommerce	NEM	igen
Dynamic content (kommentek, member-area)	NEM	igen
Multi-language	manuális	plugin-szerű

A különbség egyszerű: WordPress = általános webshop-CMS, a PromNET vizuális szerkesztő = statikus magyar landing-/portfólió-/ kontakt-oldal-építő.

Ha a vállalkozásod 80%-ban információ-megjelenítés (mit kínálok, hogyan érek el, milyen áron), és nem dinamikus tranzakció (kosár-rendelés, real-time chat) → a vizuális szerkesztő pont neked való.

Ha a vállalkozásod webshop, vagy CMS-ből generálsz hetente 50 posztot → maradj WordPress-en (de nem PromNET-en — Magyar Hosting jobban ért hozzá).

A Magyar Block-katalógus

Az induláskor 8 block elérhető a “Magyar blokkok” kategóriában:

🚀 Hero szekció — gradient-háttér, fő-cím + sub + CTA
📣 CTA blokk — sötét-bg, nagy-gomb, konverzió-fókuszú
🟦 Funkciók (3 oszlop) — ikon + cím + leírás
🖼 Kép + szöveg (split) — fotó balra, magyarázat jobbra
💰 Árazás (3 csomag) — Bronz/Ezüst/Arany pricing-cards
💬 Vélemény — testimonial idézőjelekkel
✉️ Kapcsolat — cím, telefon, email blokk
🦶 Lábléc — © + ÁSZF + Adatkezelési-link

Plus a GrapeJS-default block-ok: 1/2/3-oszlop, szöveg, kép, link, videó, űrlap-elemek (input, select, button, fieldset). Minden block inline-CSS-szel van, semmi externál dependency — pörög az oldal CDN-en.

A “kapok-és-működik” élmény

Egy korábbi posztban írtam a Shared hosting kivezetésről. Ennek az új vizuális editornak konkrét célja, hogy az átlag-WordPress-jelölt ezt használja helyette, és ne a régi shared-flow-t hiányolja.

A legfontosabb friss tweak: amikor új projektet hozol létre, azonnal élesedik egy starter-tartalommal. Nem 404-et látsz, nem “még nincs feltöltött fájl”-üzenetet. Egy szép placeholder-oldal fogad PromNET-branding-gel, “következő lépés” útmutatóval. Aztán amikor a vizuális editorban szerkesztesz, felülíródik a saját tartalmadra.

Plus: képeket drag-drop-pal R2-be húzhatod (max 5 MB / fájl), és azonnal megjelennek a sablon-block-okban. Saját R2-tárhelyet (a projekt-prefix alatt) használ — nem külső hostingot, így gyors és megbízható.

Multi-page projektek

A vizuális editor most már több oldalas projekteket is támogat. A bal oldali file-tree-ből hozhatsz létre új oldalakat:

kontakt.html — kapcsolat-aldomain
rolam.html — bemutatkozó
blog/index.html — blog-archívum (subfolder is lehet)
aszf.html — jogi információk

Mindegyik külön szerkeszthető, automatikusan élesedik a megfelelő URL-en (<slug>.promnet.hu/kontakt.html). Az index.html nem törölhető (default-oldal), de a többi szabadon kezelhető.

Mit nem ígérünk?

NEM lesz Wix-szerű ezer-template-katalógus. A 8 magyar-piaci sablon minőségére fókuszáljunk; később közösségi-template feltöltés jöhet (a /sablon-galériába).
NEM lesz Form-builder-tool a vizuális editorban. A Form-handler szolgáltatás külön él (/app/forms); a vizuális editor-blokk-űrlapok oda kötődnek.
NEM lesz database / login-flow / member-area. Ha kell, használj Astro + saját backend.
NEM lesz e-commerce. Webshop = WP-WooCommerce vagy Shopify-szerű platform.

Összegezve

A vizuális szerkesztő egyetlen problémát old meg: statikus magyar oldal-szerkesztés kód nélkül, magyar piacra szabott blokkokkal. Nem WP-helyettesítő, nem Wix-helyettesítő — harmadik kategória. Magyar, ingyen-induló, gyors, szerkeszthető.

Ha kíváncsi vagy: indíts egy Cloud-projektet, válassz “html” sablont, és az új projekt-detail oldalon nyomd meg a 🎨 Vizuális szerkesztő gombot. 15 perc alatt élesedik egy magyar landing-page, ami gyorsabb a Wix-nél, olcsóbb a WP-nél, és teljesen a tied.

Polyák Csaba