Squarespace Fluid Engine Review: Valódi fogd és vidd építő e-kereskedelmi és üzleti webhelyekhez

Ha használtad Squarespace (Squarespace.com) webhely vagy online áruház készítéséhez (vagy a jövőben szándékozik létrehozni egyet), előfordulhat, hogy Squarespace úgy hívja, hogy "Folyadék motor.” Ez a drag-and-drop építő a tervezési folyamat leegyszerűsítését szolgálja, miközben feljogosítja a cégtulajdonosokat arra, hogy bármit megépíthessenek a webhelyükön. Ebben Squarespace Fluid Engine áttekintése, megvizsgáljuk az előnyeit és hátrányait Squarespace Fluid Engine, majd részletesen elemezze a funkcióit, a könnyű használhatóságot, az ügyfélszolgálatot és az árakat. 

Olvasson tovább, hogy megtudjon mindent, amit tudnia kell Squarespace Folyadék motor!

Mi az a Fluid Engine? 

A folyadékmotor az Squarespacebeépített weboldal tervezője és szerkesztője. Lehetővé teszi a tervezőknek és a vállalkozások tulajdonosainak, hogy módosítsák a tervezési elemeket, dolgozzanak sablonokkal, és bármit áthelyezzenek vagy szerkeszthessenek a szövegblokkoktól a képblokkokig. 

Szinte minden webhelykészítő és e-kereskedelmi platform rendelkezik oldalkészítővel/-szerkesztővel, tehát ez van Squarespaceverziója az adott termékről. 

Squarespace, azonban továbbra is hozzáférést biztosít a klasszikus szerkesztőhöz, ami azt jelenti, hogy átválthat rá, ha jobban érzi magát az adott felülettel. 

Ellenkező esetben a Fluid Engine egy beépített funkció, és nagy hangsúlyt fektet, miközben Ön a saját kezében van Squarespace Irányítópult. A regisztráció után a Squarespace fiók, a Fluid Engine alapértelmezés szerint megjelenik; itt tervezheti meg webhelye előfelületét. 

Ha jelenleg fut a Squarespace webhelyen, a régebbi Classic szerkesztő tovább fut. A meglévő szakaszokat átalakíthatja Fluid Engine használatára. Egyszerűen vigye az egérmutatót egy szakasz fölé, és kattintson a ikonra frissítés gomb. Ezenkívül lehetőség van új oldal hozzáadására a webhelyhez, amely alapértelmezés szerint a Fluid Engine builder. 

Végül ne feledje, hogy egyes részei Squarespace továbbra is a klasszikus szerkesztőt használja, és nem módosítható Fluid Engine-re; példák közé tartoznak a blogbejegyzések és az eseményleírások. 

Megjegyzés: A Classic Editor bármely tartalmának Fluid Engine-re konvertálása visszafordíthatatlan. 

Előnyei és hátrányai Squarespace Folyadék motor

Mint minden technológiának, a Fluid Engine-nek is megvannak az előnyei és hátrányai. Teszteléseink és valódi felhasználók által végzett kutatásaink alapján úgy tűnik, hogy az általános egyszerű használat és testreszabhatóság miatt az előnyök jóval meghaladják a hátrányokat. 

Itt egy pillantás: 

Squarespace Folyadékmotor áttekintése: A jellemzők

A fogd és vidd szerkesztők szabványos szolgáltatásai közé tartoznak a húzható modulok és egy vizuális szerkesztő, amellyel módosíthatja a tervezést, és menet közben láthatja a változásokat. Squarespace A Fluid Engine nem különbözik egymástól, de rendkívüli rugalmassággal rendelkezik, amelyet más webhelykészítőktől nem fog látni. 

Miután a mi Squarespace Folyadék motor áttekintése alapján ezeket találtuk a figyelemre méltó jellemzőknek:

Rács alapú húzás és húzás

Ha más fogd és vidd építőket használt, akkor tudja, hogy határozottan korlátozottak a tartalommodulok elhelyezése. Időnként előre kijelölt helyek láthatók. Máskor megpróbálsz elhelyezni egy elemet, de az egy közeli, de nem egészen olyan területhez illeszkedik, amelyet szeretnél. 

Mindezekkel fájdalmas dolgozni, mivel nincs valódi kontroll afelett, hogy hova kerüljön a tartalom. 

Ez nem így van Squarespace Fluid Engine, mivel egy rácsrendszert használ, amely mindig megjelenik, amikor megpróbál egy elemet mozgatni. 

Minden kis négyzet, amely megjelenik, ingatlanként működik, ahol tartalmat helyezhet el. Tehát egy kicsit jobbra vagy egészen az oldal aljáig mozdulni, minden lehetséges. Ez a konfiguráció kiváló megoldást nyújt minden méretű modulhoz is; Röviden, a webhely felülete elég rugalmas ahhoz, hogy bármit gyorsan és egyszerűen mozgathasson a nagy szalaghirdetésektől a kis gombokig. 

A legfinomabb pixelig az egészet irányíthatja. 

Szilárd fejléc- és láblécszerkesztési tapasztalat

Squarespace Mindig is rendelkezett fejléc- és láblécvezérléssel a klasszikus szerkesztővel, de a Fluid Engine kibővíti, mit tehet ezekkel a területekkel. 

Bármikor rákattinthat Webhely fejlécének szerkesztése or Szerkesztés Lábléc. A fejlécekből hiányzik a fogd és vidd funkció, de a beállítások elég intuitívak ahhoz, hogy gyorsan szerkeszthetők legyenek, és a márkájának megfelelő megjelenésűek legyenek. 

A fejlécmodul például globális, asztali és mobilvezérlőket jelenít meg, valamint a pozíció, a webhely címe, az embléma, az elemek és a stílus szerkesztésére vonatkozó lehetőségeket. 

A fogd és vidd szerkesztés bizonyos mértékig elérhető láblécekkel. A lábléc teljes egészében mozoghat, hogy a tökéletes helyre kerüljön. A láblécen belüli tényleges elemek azonban csak a szokásos beállításokkal rendelkeznek; nem helyezhet át egyetlen gombot vagy szövegdobozt a rács új szakaszába vagy részébe.

Külön mobil szerkesztés

A klasszikus szerkesztőben rendkívül korlátozott volt a mobil szerkesztés. Squarespace egyszerűen létrehozza a webhely mobil verzióját, miután létrehozta az asztali verziót. Sok webhelykészítő és e-kereskedelmi platform ilyen. 

Mindez megváltozott a Fluid Engine-nél. A Mobilszerkesztő az egyik legnagyobb újdonság, amelyet a szerkesztőben találhat, és lehetővé teszi a felhasználók számára, hogy elkészítsék asztali megjelenésüket, majd átváltsanak az elemek szerkesztésére a mobil nézet. 

Az a nagyszerű Squarespace továbbra is automatikusan generál egy mobil verziót az asztali tervezés alapján. Mostantól azonban beállíthatja azokat az elemeket, amelyek az automatizált mobil renderelés alapján nem néznek ki olyan jól. 

És minden tartalommodul szerkeszthető a mobilnézetben. Kattintson egy modulra, hogy megtekinthesse egyedi beállításait, például a sorok számát, a hézagot és a magasságot a Formátum lap alatt, ha több oszlopból álló, képet és szöveget tartalmazó szakaszt szeretne. 

Képek és gombok illesztése, kitöltése és formázása

Ha van némi tapasztalata a tervezésben, tudja, hogy a gombok és képek soha nem úgy néznek ki, ahogyan szeretné. Előfordulhat, hogy egy nemrég feltöltött képen van szükségtelen kivágás, vagy az imént hozzáadott gombot kell középre helyezni, de erre nincs beállítás!

A mieink során Squarespace Folyadék motor áttekintése során azt találtuk, hogy a problémákat gombokkal és képekkel oldották meg úgy, hogy olyan beállításokat adtak hozzá, amelyek illeszkednek, kitöltik és formázzák a terveket. 

Mindössze egyetlen képre vagy gombra kell kattintania a szerkesztőben. 

Válassza a Design fület három lap megjelenítéséhez: Megfelelő, Töltés Alak Az Megfelelő Az opció megpróbálja az eredetileg feltöltött képet vagy gombot a megadott helyre illeszteni anélkül, hogy kinyújtaná. A Tölt A lap némileg megnyújtja a képet vagy a gombot, hogy teljesen kitöltse a megadott területet, és gyakran lényegesen tisztábbnak tűnik az elem. Mindkét Megfelelő és a Tölt A fülek a sarok sugarának beállítására vonatkozó beállításokat is tartalmazzák. 

Végül a Alak lapon a szegélyformák széles választéka található, hogy kreativitást adjon a tervezéshez. 

Rugalmas háttér és animált grafika

A Fluid Engine képes bármilyen tartalomblokk hátterének megvalósítására. 

Ehhez válasszon ki egy blokkot, majd lépjen a következőre Szakasz szerkesztése > Háttér. Három háttértípust fog látni: Kép, Videóés Művészet. Képek esetén feltölthet egy elemet közvetlenül a készülékéről, vagy ingyenes és prémium minőségű képeket kereshet a webhelyről Squarespace könyvtár. A videók hasonló módon működnek, amikor videót tölt fel a számítógépéről, és konfigurálja a teljes kivágásokat, beillesztéseket, szűrőket és egy mobil tartalék képet, ha a videót nem sikerül lejátszani kisebb eszközökön. 

A Fluid Engine egyik elsődleges kiegészítése a Művészet háttér lapon. Ezek animált hátterek finom mozdulatokkal – olyanok, mint a kép és a videó közötti kompromisszum (tehát a videó vonzerejét kapja anélkül, hogy a webhely teljesítménye csökkenne). 

A megvalósítás után kattintson a játszani gombot a szerkesztő jobb alsó sarkában, hogy megtekinthesse a mozgásban lévő hátteret. Az effektusok automatikusan megjelennek a kezelőfelületen, így a webhely látogatóinak nem kell semmire kattintaniuk. Ami nagyszerű, hogy minden mozgó művészeti alkotás a Squarespace A Fluid Engine beállításokkal rendelkezik a háttérben lévő képek, a kép árnyalatának, a háttérszínnek, a léptéknek, a háttérben lévő képek számának, a szűrőnek, a hullámsebességnek és még sok másnak a beállításához. 

Gyönyörű előre beépített szakaszok

Bármikor rákattinthat a sok közül hozzáad Rész gombok a Fluid Engine-ben. Ezek a gombok a korábban hozzáadott részek felett és alatt találhatók. 

A hozzáad Rész A box lenyűgöző, előre elkészített szakaszok nagy könyvtárát mutatja be, amelyeket egyetlen gombnyomással hozzáadhat a designhoz. Lehetőség van üres rész használatára, és a nulláról kezdeni, de a Fluid Engine szekciók mögött az a gondolat áll, hogy felgyorsítsák a fejlesztési folyamatot egy online áruház vagy üzleti webhely építése során. 

Néhány előre megtervezett szakasz a következőket tartalmazza:

• bevezetők
• Kapcsolatfelvételi űrlap
• Az információkról
• Emberek (People)
• Termékek e-kereskedelem számára
• Szolgáltatások
• portfóliók
• Beszámolók
• Események
• Idézetek
• Tagterületek
• Kinevezések
• Adományok
• képek

Az előre megtervezett részek különösen hasznosak az online boltok tulajdonosai számára, akik egyedi bannereket és promóciós részeket szeretnének elhelyezni webhelyük különböző részein. Könnyedén összekapcsolhatja bármelyik e-kereskedelmi terméket a készletéből, és hozzáadhatja őket a Fluid Engine gyönyörű dizájnjához. 

És még több kategória közül választhat, beleértve a videókat, a menüket, az űrlapokat, a diagramokat és a hangot. Miután elhelyezett egy részt a tervben, a Fluid Engine teljes szerkesztési vezérlést biztosít, így nem ragad le a szakasz pontos kialakításánál. Szeretjük ezeket a részeket kiindulópontként használni; ezt követően feltöltheti saját képeit, módosíthatja a szöveget, és módosíthatja az összes formázást. 

Minden blokk, amit csak akarhat

A tartalomblokkok adottak bármely fogd és vidd szerkesztővel. A klasszikus szerkesztő innen Squarespace tartalmi blokkjai voltak. Wix tartalmi blokkokkal rendelkezik. Shopify és a Bigcommerce ajánlatunkra néhány tartalmi blokkok. 

A Fluid Engine továbbra is biztosít tartalmi blokkokat, de nagyobb mértékben szabályozza a beállításokat, és teljes rugalmasságot biztosít a tervezésben. Röviden, a régi blokkok kevesebb beállítást tartalmaztak, és csak arra korlátozódtak, hová helyezhette el őket. 

Blokk beillesztéséhez Squarespace Fluid Engine, görgessen a megjelenítéséhez hozzáad Blokk gombot a bal felső sarokban. Kattintson erre a gombra, hogy felfedje az összes blokkot tartalmazó ablakot. 

A Fluid Engine segítségével kulcsszót írhat be a blokkok kereséséhez. Alternatív megoldásként átnézheti a blokkok listáját, hogy megtalálja a tökéletes megoldást arra, amit tervez. 

A blokkok kategorizálásra kerülnek az egyszerű azonosítás érdekében. 

Néhány alapvető A Fluid Engine blokkjai a következők:

• szöveg
• Forma
• Videó
• Kép
• Naptár
• Összegzésként
• szociális linkek
• Térkép
• Hírlevél
• beágyaz

A blokk beszúrásának két lehetősége van: vagy húzhat egy blokkot oda, ahová szeretné, vagy egyszeri kattintással elhelyezheti a blokkot az előzőleg kiválasztott szakaszba. 

Miután behelyezte a tervbe, minden blokkra kattintással megnyithatja a beállításait. 

Az egyik nagyszerű dolog Squarespace az, hogy nincs hiány tartalomblokkokban, beleértve a harmadik féltől származó integrációval rendelkező egyedi elemeket is. 

Például van egy Foglalások blokk, valamint egy Események blokk a foglalásokhoz. 

A üzleti kategória blokkokat tartalmaz:

• Termékek
• Ütemezés
• Tagok regisztrációja

És itt vannak a Integráció blokkok (amelyek népszerű harmadik féltől származó szolgáltatásokra hivatkoznak):

• Instagram
• Zola
• SoundCloud
• RSS
• bandsintown
• 500px
• Flickr
• Twitter
• raj

Ezenkívül fontolóra veheti szűrők vagy listák hozzáadását, például: 

• Keresési sávok
• Tartalmi hivatkozások
• Címkefelhők
• Levéltár

Végül van néhány prémium blokk a résfunkciókhoz, például:

• Egy blokk a teljes éttermi menü hozzáadásához
• Lehetőség az Amazon termékek megjelenítésére és linkjére
• Adomány gombok
• Egy OpenTable foglalási integráció és blokk

Squarespace Folyadékmotor felülvizsgálata: Könnyű használat

A Fluid Engine mélyen integrált az egészbe Squarespace infrastruktúra, így ez egy zökkenőmentes folyamat az üzleti vagy e-kereskedelmi webhely felépítéséhez. 

Minden a létrehozásával kezdődik Squarespace fiókot. Ezután válasszon egyet a sok vizuálisan orientált téma közül, és kezdje el a webhely felépítését és kezelését Squarespace Irányítópult. Itt hozzáférhet egy Admin panelhez. 

Az adminisztrációs panel a következő lapokat tartalmazza:

• Oldalak
• Design
• Kereskedelem
• Marketing
• Ütemezés
• Elemzések
• Profilok
• beállítások
• Segítség

Örülünk az egyszerűségnek és a tisztaságnak Squarespace irányítópult, tekintve, hogy számtalan funkciót mutat meg szervezett módon. 

Vannak globális tervezési beállítások a Tervezés lapon, de ez még mindig nem küldi el az új Fluid Engine szerkesztőt. Ehelyett a terület olyan elemeket biztosít, mint a webhelystílusok, a lezárási képernyő, a 404-es oldalelrendezés, a közösségi megosztás és az egyéni CSS. Ez inkább egy általános, globális fókusz a teljes projekt webdesignjára. 

A Fluid Engine elindításához kattintson a gombra Szerkesztés gombra a webhely előnézetének tetején. 

A Fluid Engine átveszi az irányítást a tervezés felett, és teljes képernyős szerkesztőben jeleníti meg webhelyét. A Fluid Engine minimális késéssel vagy hibával jár, és meglehetősen magától értetődő, hogyan kezdjünk hozzá elemeket az általános kialakításhoz. 

Például egy gyors görgetés bármely oldalrészen több új gombot is megjelenít, amelyeket használhat. Kattintson a hozzáad Blokk gombot látni Squarespacetartalomblokkok teljes gyűjteménye (az üzleti vagy e-kereskedelmi webhelyhez való hozzáadáshoz). Van egy Szerkesztés Szakasz gomb az aktuálisan elhelyezett szakasz formázásának és kialakításának szabályozásához. És a hozzáad Rész gombok (minden meglévő szakasz tetején és alján elérhetők) lehetővé teszik, hogy előre elkészített vagy üres részt szúrjon be az adott helyre. Végül a Fluid Engine egy kis vízszintes nyílgombot biztosít a szakasz magasságának átméretezéséhez; azzal az eszközzel nagyobbra is tehetjük a részt. 

A mi alapján Squarespace A Fluid Engine áttekintése során bizonyos szintű szépséget találtunk abban, ahogyan működésbe lép, amikor rákattint és húz egy elemet. Legyen szó új elemről, jelenlegi elemekről vagy szakaszról, a vizuális rács azonnal megjelenik, hogy a felhasználó lássa, hova helyezheti el a tartalomblokkot. Szerencsére a Fluid Engine lehetővé teszi, hogy ezeket az elemeket szinte bárhová elhelyezze, a rács alapú rendszerének köszönhetően. 

Alább láthatja, hogy milyen sebességgel tudunk hírlevél űrlapot beilleszteni a Fluid Engine Gridbe. Ezt követően csak néhány húzással és kattintással mozgathatja a megfelelő helyre, és módosíthatja a tervezési beállításokat úgy, hogy az látható legyen az aktuális háttér felett. 

Squarespace Folyadékmotorok áttekintése: Az árak

A Fluid Engine ingyenes szolgáltatás, mindaddig, amíg fizet a Squarespace fiók. 

Ez az új alapértelmezett funkciója Squarespace vásárlók. Előző Squarespace a felhasználóknak lehetőségük van Fluid Engine-re váltani vagy megtartani a Squarespace Klasszikus szerkesztő (nem tudjuk biztosan, meddig Squarespace továbbra is támogatja a klasszikus szerkesztőt). 

Mivel ez egy beépített funkció, a Fluid Engine nem kerül semmibe, azon kívül standard árazási tervek -tól Squarespace. 

Íme egy rövid összefoglaló az árcsomagokról Squarespace, amelyek mindegyike hozzáférést biztosít a Fluid Engine szerkesztőhöz:

• Személyes: 23 USD havonta (16 USD, ha évente fizetik) egy szabványos webhelyért. Támogatják az egyszerű fizetéseket, de ez nem egy igazi online áruház. Tartalmazza a Fluid Engine-t, az SSL biztonságot, a bővítményeket és a korlátlan sávszélességet. 
• üzleti: 33 dollár havonta (23 dollár éves fizetés esetén) minden, ami az előző csomagban szerepel, egy e-kereskedelmi üzlet, 3%-os tranzakciós díj, korlátlan termékek, adományok, ajándékkártyák, promóciós ablakok, CSS-támogatás, fejlett elemzések stb. 
• Alapvető kereskedelem: 33 USD havonta (27 USD éves fizetés esetén) az előző csomagból, teljes online áruház 0%-os tranzakciós díjjal, értékesítési pont, termékismertetők, korlátozott elérhetőségi címkék, termékek az Instagramon, árusító eszközök, e-kereskedelmi elemzés, fizetés domainje, ügyfélfiókja és sok más. 
• Haladó kereskedelem: 65 USD havonta (49 USD éves fizetés esetén) az előző csomagban szereplő mindenre, kereskedelmi API-kra, speciális kedvezményekre, speciális szállításra, előfizetésekre és elhagyott kosár-visszaállításra. 

Squarespace Folyadékmotor felülvizsgálata: Ügyfélszolgálat

Squarespace Az ügyfélszolgálat a következőkből áll:

• Súgó oktatóanyagokkal
• Felhasználói fórum
• Közvetlen e-mail és chat támogatás
• Bérelhető oldal a Squarespace szakértő 
• Webszemináriumok a webhely optimalizálásához
• Fejlesztői dokumentáció
• Kör tagja, Squarespacepartnerprogramja

A felhasználók bármikor felvehetik a kapcsolatot a közvetlen ügyfélszolgálati csapattal, hogy kérdéseket tegyenek fel a vadonatúj Fluid Engine-ről vagy bármilyen másról Squarespace jellemzője. 

A Súgóban rákereshet a „Fluid Engine” kifejezésre, hogy megtaláljon néhány cikket a szolgáltatásairól és funkcióiról. Vannak még webináriumok és fejlesztői dokumentumok is, amelyek biztosítják, hogy teljes mértékben megértse a Fluid Engine által kínált lehetőségeket. Szeretjük a fejlesztői dokumentumokat azok számára, akik bizonyos kötelezettségeiket egy bérelt fejlesztőre kívánják áthárítani. 

Végül a felhasználói fórum megbeszéléseket folytat a Fluid Engine-ről. A fórumban dicséreteket és kifogásokat találhat a Fluid Engine-ről, valamint a felhasználóknak bizonyos funkciókkal kapcsolatos kérdéseit. 

Kicsoda Squarespace Folyadék motor? 

Miután a mi Squarespace Folyadék motor felülvizsgálata során felfedeztük:

• Folyadékmotor (Squarespace 7.1) mindenkinek szól: haladó fejlesztőknek, akik szeretnék felgyorsítani fejlesztési folyamatukat; kezdőknek, akiknek üzleti webhelyet kell készíteniük; az e-kereskedelmi webhelyek tulajdonosai, akiknek folyamatosan szerkeszteni kell webhelyeiket. Elég fejlett ahhoz, hogy teljes mértékben irányíthassa webhelyét, de egy igazi fogd és vidd szerkesztő is azok számára, akik nem kívánnak egyéni kódot használni. 
• Azoknak szól, akiknek szükségük van a mobilfelületük feletti irányításra: a mobilszerkesztőnek vannak problémái, de már dolgoznak rajta Squarespace. Jó gyakorlat, ha egy webhely közzététele előtt mindig ellenőrizze az automatizált mobiltervezést, mivel a mobilszerkesztő nem tökéletes. Mindazonáltal úgy gondoljuk, hogy a különálló mobilszerkesztő jelentős előrelépést jelent a mobil vezérlést igénylő felhasználók számára. 
• A Fluid Engine olyan mélyen integrálva van Squarespace a felügyeleti funkciók és a tervezési portál közötti zökkenőmentes váltáshoz. Ez azt jelenti, hogy hozzáadhat egy új online áruházbeli terméket, majd közvetlenül a kezdőlapon létrehozhat egy promóciós bannert (a Fluid Engine segítségével). Tökéletes minden típusú vállalkozás tulajdonosának, tekintve, hogy gyakran ugrál egyik feladatról a másikra. 
• Szeretjük a Fluid Engine-t azoknak a fejlesztőknek, akik alternatívát szeretnének a jelenlegi tervezési munkafolyamattal szemben. Lehet, hogy jobban érzi magát a Klasszikus szerkesztő szakaszaival és blokkjaival, de némi gyakorlattal biztosan kívánatos felület lesz a Fluid Engine. A fejlesztők továbbra is hozzáférhetnek az egyéni kódolási területekhez, és nincs ok arra, hogy feladják a szabványt Squarespace munkafolyamatok (mivel ezek többsége változatlan maradt). Összességében a fejlesztők, akik készítik Squarespace Az ügyfeleknek szánt webhelyek otthon érezhetik magukat egy kis trükközéssel a Fluid Engine belsejében. 

Te egy Squarespace felhasználó? Ha igen, kérjük, ossza meg velünk gondolatait a Fluid Engine szerkesztővel kapcsolatban. Ha nem vagy a Squarespace felhasználó, írjon nekünk megjegyzést, ha bármilyen kérdése van a mi szolgáltatásunkkal kapcsolatban Squarespace Folyadékmotor felülvizsgálata.