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

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. 

Annars är Fluid Engine en inbyggd funktion, och det är mycket av fokus medan du är 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: 

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. 

Varje liten ruta 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. 

Till exempel visar rubrikmodulen globala, stationära och mobila kontroller, tillsammans med alternativ för att redigera dess position, webbplatstitel, logotyp, element och stil. 

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.

Separat mobilredigering

Mobilredigering var extremt begränsad på Classic Editor. Squarespace skulle helt enkelt generera en mobilversion av din webbplats efter att du skapat skrivbordsversionen. 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, som låter användare konstruera sin skrivbordsdesign och sedan växla över till att redigera element genom att gå till mobil View. 

Det som är bra är det Squarespace genererar fortfarande en mobilversion baserad på din skrivbordsdesign. 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 formatfliken för ett avsnitt med flera kolumner med en bild och text. 

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. 

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. 

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). 

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. 

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
• Bokningar
• Donationer
• Bilder

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. 

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 all formatering. 

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. 

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

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. 

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

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

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

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

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. 

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

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 formateringen och designen av den aktuella 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. 

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. 

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. 

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.