Squarespace Fluid Engine Review: En sann dra-och-släpp-byggare för e-handels- och affärswebbplatser

Om du prenumererar på en tjänst från en länk på den här sidan kan Reeves and Sons Limited tjäna en provision. Se vår etik uttalande.

Om du har använt Squarespace (Squarespace.com) för att bygga en webbplats eller onlinebutik (eller du tänker skapa en i framtiden) kan du ha stött på vad Squarespace kallar sin "Vätskemotor.” Denna dra-och-släpp-byggare tjänar till att förenkla designprocessen samtidigt som det ger företagare möjlighet att konstruera vad de vill på sina webbplatser. I denna Squarespace Fluid Engine recension, vi utforskar för- och nackdelar med Squarespace Fluid Engine, gå sedan in på en detaljerad analys av dess funktioner, användarvänlighet, kundsupport och prissättning. 

Fortsätt läsa för att lära dig allt du behöver veta om Squarespace Vätskemotor!

Vad är Fluid Engine? 

Fluid Engine är Squarespaces inbyggda webbdesigner och redaktör. Det ger designers och företagsägare chansen att ändra designelement, arbeta med mallar och flytta eller redigera allt från textblock till bildblock. 

Nästan alla webbplatsbyggare och e-handelsplattformar tillhandahåller en sidbyggare/redigerare, så det här är Squarespaces version av den typen av produkt. 

Squarespace, men erbjuder fortfarande tillgång till sin klassiska redigerare, vilket innebär att du kan byta till det om du är mer bekväm med det gränssnittet. 

Övrigawise, Fluid Engine är en inbyggd funktion, och den är mycket av fokus när du är på din Squarespace instrumentbräda. Efter att ha registrerat dig för en Squarespace konto, Fluid Engine visas som standard; det är där du designar fronten av din webbplats. 

Om du för närvarande kör en Squarespace webbplats, fortsätter den äldre Classic-redigeraren att köras. Du kan konvertera befintliga sektioner till att använda Fluid Engine. Håll helt enkelt muspekaren över ett avsnitt och klicka på Uppgradera knapp. Dessutom är det möjligt att lägga till en ny sida på din webbplats, och som standard är Fluid Engine-byggaren. 

Slutligen, tänk på att vissa delar av Squarespace använder fortfarande Classic Editor och kan inte ändras till Fluid Engine; exempel inkluderar blogginlägg och händelsebeskrivningar. 

Obs: Att konvertera något Classic Editor-innehåll till Fluid Engine är oåterkalleligt. 

Fördelar och nackdelar med Squarespace Vätskemotor

Liksom all teknik har Fluid Engine sina för- och nackdelar. Baserat på våra tester och forskning från riktiga användare verkar det som om fördelarna överväger nackdelarna på grund av dess övergripande användarvänlighet och anpassningsbarhet. 

Här är en titt: 

Fördelar 👍

  • Betydligt fler anpassningsalternativ, vilket leder till färre cookie-cutter-webbplatser
  • Grid-baserat designsystem
  • Nästan inget behov av anpassad kodning
  • Ingen extra kostnad
  • Du kan fortfarande använda Classic Editor
  • Det är enkelt att konvertera från Classic Editor-block till Fluid Engine
  • Separat mobillayoutredigerare
  • Det är en äkta dra-och-släpp-redigerare där du kan flytta vad som helst var som helst
  • Minimala fel och förskjutningar av element när du försöker göra en redigering

Squarespace Fluid Engine Review: Funktionerna

Standardfunktionerna för alla dra-och-släpp-redigerare involverar dragbara moduler och en visuell redigerare för att göra justeringar av din design och se dessa ändringar när du går. Squarespace Fluid Engine är inte annorlunda, men den har extrem flexibilitet som du inte kommer att se från andra webbplatsbyggare. 

Efter vår Squarespace Vätskemotor recension, fann vi att dessa var de anmärkningsvärda funktionerna:

Rutnätsbaserat dra och släppa

Om du har använt andra dra-och-släpp-byggare vet du att det definitivt finns begränsningar för var du kan placera innehållsmoduler. Ibland ser du förutbestämda platser. Andra gånger försöker du placera ett element, men det snäpper till ett område som är nära men inte riktigt som du vill. 

Dessa är alla jobbiga att arbeta med eftersom det inte finns någon verklig kontroll över vart ditt innehåll går. 

Så är inte fallet med Squarespace Fluid Engine, eftersom den använder ett rutsystem som visas när du försöker flytta ett föremål. 

Fluid Engine granskning av nätgränssnittet

Varje liten square som visar fungerar som en fastighet för dig att placera innehåll. Så, att flytta bara en liten bit över till höger, eller hela vägen till botten av sidan, är allt möjligt. Denna konfiguration ger en utmärkt lösning även för moduler av alla storlekar; kort sagt, din webbplats gränssnitt är tillräckligt flexibelt för snabba och enkla rörelser av allt från stora bannerbilder till små knappar. 

Till den finaste pixeln har du kontroll över allt. 

Gedigen erfarenhet av redigering av sidhuvud och sidfot

Squarespace har alltid haft sidhuvuds- och sidfotskontroll med sin Classic Editor, men Fluid Engine utökar vad du kan göra med dessa områden. 

När som helst kan du klicka till Redigera webbplatshuvud or Redigera Sidfot. Rubrikerna saknar dra-och-släpp-funktionalitet, men inställningarna är intuitiva nog att snabbt redigera och få dem att se lämpliga ut för ditt varumärke. 

knappen för redigera webbplatshuvud på en Squarespace webbplats

Till exempel visar rubrikmodulen globala, desktop, och mobilkontroller, tillsammans med alternativ för att redigera dess position, webbplatstitel, logotyp, element och stil. 

visar området för logotypredigering i vår Fluid Engine-recension

Dra-och-släpp-redigering är tillgänglig till viss del med sidfötter. Du kan flytta runt hela din sidfot för att placera den på den perfekta platsen. De faktiska elementen i sidfoten har dock bara sina vanliga inställningar; du kan inte flytta bara en knapp eller textruta till en ny sektion eller del av rutnätet.

en sidfot flyttas till ett nytt rutnätsområde

Separat mobilredigering

Mobilredigering var extremt begränsad på Classic Editor. Squarespace skulle helt enkelt generera en mobilversion av din webbplats efter att du skapat desktop version. Många webbplatsbyggare och e-handelsplattformar är sådana. 

Allt har förändrats med Fluid Engine. Mobile Editor är en av de största nya funktionerna du kan hitta i editorn, vilket gör att användare kan konstruera sina desktop designa och växla sedan över till att redigera element genom att gå till mobil View

klicka på mobilvyknappen

Det som är bra är det Squarespace genererar fortfarande en mobilversion baserad på din desktop design. Men nu kan du justera element som kanske inte ser så bra ut från den automatiserade mobilrenderingen. 

Och varje innehållsmodul är redigerbar i mobilvyn. Klicka på en modul för att se dess unika inställningar, som radantal, mellanrum och höjd under format flik för ett avsnitt med flera kolumner med en bild och text. 

format och bakgrunds- och färgflikar från vår Fluid Engine-recension

Anpassa, fyll och forma bilder och knappar

Om du har lite erfarenhet av design vet du att knappar och bilder aldrig ser ut som du vill ha dem. En nyligen uppladdad bild kan ha en onödig beskärning, eller så kanske knappen du precis lade till måste centreras, men det finns ingen inställning för att göra det!

Under vår Squarespace Vätskemotor recension, fann vi att de löste många av smärtpunkterna med knappar och bilder genom att lägga till inställningar för att passa, fylla och forma dina mönster. 

Allt som krävs är att klicka på valfri bild eller knapp i redigeraren. 

Välj Designa flik för att visa tre flikar: Passa, Fylloch Forma. De Passa alternativet försöker passa in den ursprungligen uppladdade bilden eller knappen i det angivna utrymmet, utan att sträcka ut den. De Fyll fliken lägger till en liten sträckning till bilden eller knappen för att helt fylla det angivna området och ofta få elementet att se betydligt renare ut. Både Passa och Fyll flikarna ger inställningar för att justera hörnradien också. 

Slutligen, Forma tab har ett brett utbud av kantformer för att lägga till kreativitet till din design. 

passa in fyllnings- och formflikar Squarespace

Flexibel bakgrund och animerade konstverk

Fluid Engine ger kraften att implementera bakgrunder för alla innehållsblock. 

För att göra det, välj ett block och gå sedan till Redigera avsnitt > Bakgrund. Du kommer att se tre bakgrundstyper: Bild, Videooch Konst. För bilder kan du ladda upp ett objekt direkt från din enhet, eller söka efter gratis och premiumbilder från Squarespace bibliotek. Videor fungerar på liknande sätt, där du laddar upp en video från din dator och konfigurerar inställningar för fullständiga utfall, insättningar, filter och en mobil reservbild om videon inte kan spelas upp på mindre enheter. 

bakgrundsfliken in Squarespace

Ett av de primära tilläggen till Fluid Engine är Konst bakgrundsfliken. Det här är animerade bakgrunder med subtila rörelser – ungefär som en kompromiss mellan en bild och video (så att du får en videos tilltalande utan risk för minskad webbplatsprestanda). 

justera inställningar för bakgrundskonst från vår Fluid Engine-recension

När det är implementerat kan du klicka på Spela knappen i nedre högra hörnet av redigeraren för att se bakgrunden i rörelse. Effekterna sker automatiskt när de är på frontend, så dina webbplatsbesökare behöver inte klicka på någonting. Vad som är bra är att varje rörlig konst i Squarespace Fluid Engine har inställningar för att justera bilder i bakgrunden, bildton, bakgrundsfärg, skala, antal bilder i bakgrunden, filter, våghastighet och mycket mer. 

Vackra förbyggda sektioner

När som helst kan du klicka på en av de många Lägg till § knappar i Fluid Engine. Dessa knappar finns ovanför och under de tidigare tillagda sektionerna. 

klicka på knappen Lägg till avsnitt

Smakämnen Lägg till § box presenterar ett stort bibliotek med fantastiska, förbyggda sektioner att lägga till din design med ett knapptryck. Det är möjligt att använda en tom sektion och börja från början, men tanken bakom Fluid Engine-sektionerna är att påskynda din utvecklingsprocess när du bygger en onlinebutik eller företagswebbplats. 

Några fördesignade avsnitt inkluderar:

  • Intro
  • Kontaktformulär
  • Om information
  • Personer
  • Produkter för e-handel
  • Tjänster
  • Portföljer
  • Referenser
  • Händelser
  • Citat
  • Medlemsområden
  • Utnämningar
  • Donationer
  • Bilder
visa alla avsnitt som är tillgängliga för användare

De fördesignade sektionerna är särskilt användbara för ägare av onlinebutiker som vill placera unika banners och reklamsektioner på olika delar av sina webbplatser. Du kan enkelt länka någon av e-handelsprodukterna från ditt lager och lägga till dem i de vackra designerna från Fluid Engine. 

en titt på produktsektionerna från vår Fluid Engine-recension

Och du hittar ännu fler kategorier att välja mellan, inklusive alternativ för videor, menyer, formulär, diagram och ljud. När du väl har placerat ett avsnitt i din design ger Fluid Engine full redigeringskontroll, så att du inte har fastnat för den exakta designen från avsnittet. Vi älskar dessa avsnitt att använda som utgångspunkter; därefter kan du ladda upp dina egna bilder, justera texten och ändra alla formatting. 

videor, menyer, formulär, diagram och ljudavsnitt

Alla block du kan önska dig

Innehållsblock är givet med alla dra-och-släpp-redigerare. Den klassiska redaktören från Squarespace hade innehållsblock. Wix har innehållsblock. Shopify och Bigcommerce ha några innehållsblock. 

Fluid Engine fortsätter att tillhandahålla innehållsblock, men med större kontroll över deras inställningar och full flexibilitet när de placeras i din design. Kort sagt, de gamla blocken hade färre inställningar och var begränsade till var du kunde placera dem. 

För att infoga ett block i Squarespace Fluid Engine, scrolla för att avslöja Lägg till Blockera knappen i det övre vänstra hörnet. Klicka på den knappen för att visa ett fönster med alla blocken. 

klicka på knappen Lägg till block

Fluid Engine låter dig skriva in ett nyckelord för att hitta block. Som ett alternativ kan du sålla igenom listan med block för att hitta den perfekta lösningen för det du försöker designa. 

Blocken kategoriseras för enkel identifiering. 

Några Grundläggande block från Fluid Engine inkluderar:

  • text
  • Form
  • Video
  • Bild
  • Kalender
  • Sammanfattning
  • Sociala Länkar
  • Karta
  • Nyhetsbrev
  • Bädda
visa grundläggande block som text och knappar

Det finns två alternativ för att infoga ett block: du kan antingen dra ett block dit du vill att det ska gå eller enkelklicka på ett block för att placera det i den tidigare valda sektionen. 

flytta en bild för att avslöja rutnätet från vår Fluid Engine-recension

När det väl har placerats i din design är varje block tillgängligt för att klicka och öppna dess inställningar. 

placera en knapp på rutnätet

En av de stora sakerna om Squarespace är att det inte finns någon brist på innehållsblock, inklusive unika element med tredjepartsintegrationer. 

Till exempel finns det ett reservationsblock, tillsammans med ett händelseblock för bokningar. 

Smakämnen Företag kategorin har block för:

  • Produkter
  • Schemaläggning
  • Medlemsregistreringar

Och här är Integration block (som länkar till populära tredjepartstjänster):

  • Instagram
  • Zola
  • Soundcloud
  • RSS
  • bandsintown
  • 500px
  • flickr
  • Twitter
  • Swarm
fler moduler som reservationer och Instagram

Du kan också överväga att lägga till filter eller listor, som: 

  • Sökfält
  • Innehållslänkar
  • Tagg moln
  • Arkiv

Slutligen finns det några premiumblock för nischfunktionalitet, till exempel:

  • Ett block för att lägga till en komplett restaurangmeny
  • Ett alternativ för att visa och länka till Amazon-produkter
  • Donationsknappar
  • En OpenTable reservation integration och block
filter och listblock

Squarespace Fluid Engine Review: Användarvänlighet

Fluid Engine är djupt integrerad med helheten Squarespace infrastruktur, vilket gör det till en sömlös process för att bygga ditt företag eller din e-handelswebbplats. 

Allt börjar med att skapa en Squarespace konto. Du väljer sedan från ett av de många visuellt orienterade teman och börjar bygga och hantera din webbplats från Squarespace instrumentbräda. Där har du tillgång till en adminpanel. 

Adminpanelen innehåller flikar för:

  • sidor
  • Designa
  • Commerce
  • Marknadsföring
  • Schemaläggning
  • Analytics
  • Profiler
  • Inställningar
  • Hjälp
den huvudsakliga Squarespace instrumentbräda

Vi är nöjda med enkelheten och renheten i Squarespace instrumentpanelen, med tanke på att den visar otaliga funktioner på ett organiserat sätt. 

Det finns globala designinställningar under fliken Design, men det skickar dig fortfarande inte till den nya Fluid Engine-redigeraren. Istället ger området kontroll över element som webbplatsstilar, låsskärmen, 404 sidlayouten, social delning och anpassad CSS. Det är mer ett allmänt, globalt fokus på webbdesignen av hela ditt projekt. 

Design avsnitt av Squarespace instrumentbräda

För att starta Fluid Engine, klicka på Redigera knappen högst upp i förhandsvisningen av webbplatsen. 

Klicka på knappen Redigera för att komma till Fluid Engine-redigeraren

Fluid Engine tar kontroll över designen och presenterar din webbplats i en helskärmsredigerare. Det finns minimal fördröjning eller brister med Fluid Engine, och det är ganska självförklarande hur man börjar lägga till element till den övergripande designen. 

En snabb rullning över ett sidavsnitt visar till exempel flera nya knappar som du kan använda. Du kan klicka på Lägg till Blockera knapp för att se Squarespacehela samlingen av innehållsblock (för att lägga till på ditt företag eller din e-handelswebbplats). Det är en Redigera Sektionsknapp för att styra formatting och utformning av den nu placerade sektionen. Och den Lägg till § knappar (tillgängliga högst upp och längst ned i varje befintlig sektion) låter dig infoga en förgjord eller tom sektion på den specifika platsen. Slutligen tillhandahåller Fluid Engine en liten horisontell pilknapp för att ändra storleken på sektionen; du kan också göra sektionen större med det verktyget. 

flera knappar i Fluid Engine, som Lägg till block, Lägg till avsnitt och Ändra storlek på avsnitt

Baserat på vår Squarespace Fluid Engine-recension, vi hittade en viss nivå av skönhet i hur det träder i kraft när du klickar och drar ett element. Oavsett om det är för ett nytt element, nuvarande element eller en sektion, dyker det visuella rutnätet upp omedelbart så att användaren kan se var de kan placera innehållsblocket. Lyckligtvis låter Fluid Engine dig placera dessa element nästan var du vill, tack vare dess rutnätsbaserade system. 

flytta en händelsemodul till en annan del av rutnätet

Nedan kan du se den hastighet med vilken vi kan infoga ett nyhetsbrevsformulär i Fluid Engine Grid. Därefter tar det bara några få dra och klick för att flytta den till rätt plats och för att ändra designinställningarna så att den syns ovanför den aktuella bakgrunden. 

Squarespace Fluid Engine Review: Prissättningen

Fluid Engine är en gratis funktion, så länge du betalar för en Squarespace konto. 

Det kommer som standardfunktion för nya Squarespace kunder. Tidigare Squarespace användare har också möjlighet att byta till Fluid Engine eller behålla Squarespace Classic Editor (vi är inte säkra på hur länge Squarespace kommer att fortsätta att stödja den klassiska redigeraren). 

Eftersom det är en inkluderad funktion kostar Fluid Engine inget extra, utanför standardprisplaner från Squarespace

Här är en kort sammanfattning av prispaketen från Squarespace, som alla ger åtkomst till Fluid Engine-redigeraren:

  • Personlig: $23 per månad ($16 om betalas årligen) för en standardwebbplats. Det finns stöd för enkla betalningar, men det är inte en riktig webbutik. Inkluderar Fluid Engine, SSL-säkerhet, tillägg och obegränsad bandbredd. 
  • Företag: 33 USD per månad (23 USD om du betalar årligen) för allt i den tidigare planen, en e-handelsbutik, en transaktionsavgift på 3 %, obegränsade produkter, donationer, presentkort, kampanjfönster, CSS-support, avancerad analys och mer. 
  • Grundläggande handel: 33 USD per månad (27 USD om du betalar årligen) för allt från den tidigare planen, en komplett onlinebutik med 0 % transaktionsavgifter, försäljningsställe, produktrecensioner, etiketter med begränsad tillgänglighet, produkter på Instagram, merchandisingverktyg, e-handelsanalyser, kassan på din domän, kundkonton och mer. 
  • Avancerad handel: $65 per månad ($49 om du betalar årligen) för allt i den tidigare planen, handels-API:er, avancerade rabatter, avancerad frakt, prenumerationer och återställning av övergiven kundvagn. 

Squarespace Fluid Engine Review: Kundsupport

Squarespace kundsupporten består av:

  • Ett hjälpcenter med självstudier
  • Användarforum
  • Direkt e-post och chattsupport
  • En sida att hyra en Squarespace expert 
  • Webbseminarier som hjälper dig att optimera din webbplats
  • utvecklare dokumentation
  • Cirkelmedlem, Squarespaces partnerprogram

Användare kan kontakta det direkta kundsupportteamet när som helst för att ställa frågor om den helt nya Fluid Engine, eller vilken som helst Squarespace funktion för den delen. 

I hjälpcentret kan du söka efter "Fluid Engine" för att hitta några artiklar om dess funktioner och funktioner. Det finns till och med webbseminarier och utvecklardokument för att säkerställa att du har en fullständig förståelse för vad som är möjligt med Fluid Engine. Vi gillar utvecklardokumenten för dem som har för avsikt att lämna över visst ansvar till en anlitad utvecklare. 

Slutligen har användarforumet diskussioner om Fluid Engine. Du kan hitta beröm och klagomål om Fluid Engine i forumet, tillsammans med frågor som användare har om vissa funktioner. 

letar efter Fluid Engine-konversationer i Squarespace användarforum

Vem är Squarespace Vätskemotor för? 

Efter vår Squarespace Vätskemotor recension upptäckte vi:

  • Vätskemotor (Squarespace 7.1) är för alla: avancerade utvecklare som vill påskynda sin utvecklingsprocess; nybörjare som behöver bygga en företagswebbplats; ägare av e-handelswebbplatser med krav på att ständigt redigera sina webbplatser. Det är tillräckligt avancerat för full kontroll över din webbplats, men också en äkta dra-och-släpp-redigerare för dem som inte tänker använda någon anpassad kod. 
  • Det är för dem som behöver kontroll över sitt mobila gränssnitt: mobilredigeraren har sina problem, men de blir utarbetade av Squarespace. Det är en god praxis att alltid kontrollera den automatiserade mobildesignen innan du publicerar en webbplats eftersom mobilredigeraren inte är perfekt. Vi betraktar dock den separata mobilredigeraren som ett avsevärt steg framåt för användare som har ropat efter mobilkontroll. 
  • Fluid Engine är så djupt integrerad med Squarespace för sömlös växling mellan hanteringsfunktionerna och designportalen. Detta innebär att du kan lägga till en ny onlinebutiksprodukt och sedan gå direkt till att skapa en reklambanner på din hemsida (med hjälp av Fluid Engine). Det är perfekt för företagare av alla slag, med tanke på att du ofta hoppar från en uppgift till en annan. 
  • Vi gillar Fluid Engine för utvecklare som vill ha ett alternativ till sitt nuvarande designarbetsflöde. Du kanske är mer bekväm med sektionerna och blocken i Classic Editor, men viss övning kommer säkert att göra Fluid Engine till ett önskvärt gränssnitt. Utvecklare kan fortfarande komma åt anpassade kodningsområden, och det finns ingen anledning att överge standarden Squarespace arbetsflöden (eftersom de flesta av dem har förblivit desamma). Sammantaget utvecklare som gör Squarespace webbplatser för kunder ska känna sig som hemma med lite mixtrande i Fluid Engine. 

Är du en Squarespace användare? Om så är fallet, låt oss veta dina tankar om Fluid Engine-redigeraren. Om du inte är en Squarespace användare, lämna oss en kommentar med alla frågor du kan ha om vår Squarespace Fluid Engine recension. 

Joe Warnimont

Joe Warnimont är en Chicago-baserad författare som fokuserar på e-handelsverktyg, WordPress och sociala medier. När han inte fiskar eller utövar yoga samlar han frimärken på nationalparker (även om det främst är för barn). Kolla in Joes portfölj att kontakta honom och se tidigare arbete.

Kommentarer 0 Responses

Kommentera uppropet

E-postadressen publiceras inte. Obligatoriska fält är markerade *

Betyg *

Den här sidan använder Akismet för att minska spam. Läs om hur din kommentardata behandlas.