Squarespace Fluid Engine Review: En ægte træk-og-slip-bygger til e-handel og virksomhedswebsteder

Hvis du har brugt Squarespace (Squarespace.com) for at bygge et websted eller en onlinebutik (eller du har til hensigt at oprette en i fremtiden), er du muligvis stødt på, hvad Squarespace kalder sin "Væskemotor." Denne træk-og-slip-bygger tjener til at forenkle designprocessen, mens den giver virksomhedsejere mulighed for at konstruere alt, hvad de ønsker på deres websteder. I dette Squarespace Fluid Engine gennemgang, vi udforsker fordele og ulemper ved Squarespace Fluid Engine, og gå derefter ind i en detaljeret analyse af dens funktioner, brugervenlighed, kundesupport og priser. 

Fortsæt med at læse for at lære alt, hvad du behøver at vide om Squarespace Væskemotor!

Hvad er Fluid Engine? 

Fluid Engine er Squarespace's indbyggede hjemmesidedesigner og redaktør. Det giver designere og virksomhedsejere mulighed for at ændre designelementer, arbejde med skabeloner og flytte eller redigere alt fra tekstblokke til billedblokke. 

Næsten alle webstedsbyggere og e-handelsplatforme har en sidebygger/redaktør, så det er det Squarespace's version af den type produkt. 

Squarespace, men tilbyder stadig adgang til dens klassiske editor, hvilket betyder, at du kan skifte til det, hvis du er mere komfortabel med den grænseflade. 

Ellers er Fluid Engine en indbygget funktion, og det er meget af fokus, mens du er på din Squarespace dashboard. Efter tilmelding til en Squarespace konto, Fluid Engine vises som standard; det er her, du designer frontend af din hjemmeside. 

Hvis du i øjeblikket kører en Squarespace websted, fortsætter den ældre Classic-editor med at køre. Du kan konvertere eksisterende sektioner til at bruge Fluid Engine. Du skal blot holde markøren over et afsnit og klikke på Opgrader knap. Derudover er det muligt at tilføje en ny side til dit websted, og som standard er Fluid Engine-byggeren. 

Husk endelig på, at nogle dele af Squarespace bruger stadig Classic Editor og kan ikke ændres til Fluid Engine; eksempler omfatter blogindlæg og begivenhedsbeskrivelser. 

Bemærk: Konvertering af Classic Editor-indhold til Fluid Engine er irreversibel. 

Fordele og ulemper ved Squarespace Væskemotor

Som al teknologi har Fluid Engine sine fordele og ulemper. Baseret på vores test og forskning fra rigtige brugere, ser det ud til, at fordelene i høj grad opvejer ulemperne på grund af dens generelle brugervenlighed og tilpasningsmuligheder. 

Her er et kig: 

Squarespace Fluid Engine Review: Funktionerne

Standardfunktionerne for enhver træk-og-slip-editor involverer trækbare moduler og en visuel editor til at foretage justeringer af dit design og se disse ændringer, mens du går. Squarespace Fluid Engine er ikke anderledes, men den har ekstrem fleksibilitet, som du ikke vil se fra andre webstedsbyggere. 

Efter vores Squarespace Væskemotor gennemgang fandt vi, at disse var de bemærkelsesværdige funktioner:

Grid-baseret træk og slip

Hvis du har brugt andre træk-og-slip-byggere, ved du, at der helt sikkert er begrænsninger for, hvor du kan placere indholdsmoduler. Af og til vil du se forudbestemte pletter. Andre gange forsøger du at placere et element, men det klikker på et område, der er tæt på, men ikke helt, som du ønsker. 

Disse er alle en smerte at arbejde med, da der ikke er nogen reel kontrol over, hvor dit indhold går hen. 

Det er ikke tilfældet med Squarespace Fluid Engine, da den bruger et gittersystem, der vises, hver gang du forsøger at flytte et emne. 

Hver lille firkant, der viser, fungerer som et stykke fast ejendom, som du kan placere indhold på. Så det er alt muligt at flytte et lille stykke over til højre eller helt til bunden af ​​siden. Denne konfiguration giver også en fremragende løsning til moduler i alle størrelser; kort sagt, din hjemmesides interface er fleksibel nok til hurtige og enkle bevægelser af alt fra store bannerbilleder til små knapper. 

Til den fineste pixel har du kontrol over det hele. 

Solid oplevelse med redigering af sidehoveder og sidefødder

Squarespace altid haft sidehoved- og sidefodskontrol med dens Classic Editor, men Fluid Engine udvider, hvad du kan gøre med disse områder. 

Du kan til enhver tid klikke for at Rediger sidehoved or Redigere Sidefod. Overskrifterne mangler træk-og-slip-funktionalitet, men indstillingerne er intuitive nok til hurtigt at redigere og få dem til at se passende ud til dit brand. 

For eksempel viser header-modulet globale, desktop- og mobilkontroller sammen med muligheder for at redigere dets position, webstedstitel, logo, elementer og stil. 

Træk-og-slip-redigering er til en vis grad tilgængelig med sidefødder. Du er i stand til at flytte rundt på hele din sidefod for at placere den på det perfekte sted. De faktiske elementer i sidefoden har dog kun deres sædvanlige indstillinger; du kan ikke flytte kun én knap eller tekstboks til en ny sektion eller del af gitteret.

Separat mobilredigering

Mobilredigering var ekstremt begrænset på Classic Editor. Squarespace ville blot generere en mobilversion af dit websted, efter du har oprettet desktopversionen. Mange webstedsbyggere og e-handelsplatforme er sådan. 

Det har alt ændret sig med Fluid Engine. Mobile Editor er en af ​​de største nye funktioner, du kan finde i editoren, som giver brugerne mulighed for at konstruere deres skrivebordsdesign og derefter skifte til at redigere elementer ved at gå til Mobile View. 

Det der er fantastisk er det Squarespace genererer stadig automatisk en mobilversion baseret på dit skrivebordsdesign. Du kan dog nu justere elementer, der måske ikke ser så godt ud fra den automatiserede mobilgengivelse. 

Og hvert indholdsmodul kan redigeres i mobilvisningen. Klik på et modul for at se dets unikke indstillinger, såsom rækkeantal, mellemrum og højde under formatfanen for en sektion med flere kolonner med et billede og tekst. 

Tilpas, udfyld og form billeder og knapper

Hvis du har erfaring med design, ved du, at knapper og billeder aldrig ser ud til at se ud, som du vil have dem. Et nyligt uploadet billede kan have en unødvendig beskæring, eller måske skal den knap, du lige har tilføjet, centreres, men der er ingen indstilling til at gøre det!

Under vores Squarespace Væskemotor gennemgang fandt vi ud af, at de løste mange af smertepunkterne med knapper og billeder ved at tilføje indstillinger for at passe, udfylde og forme dine designs. 

Det eneste, der kræves, er at klikke på et billede eller en knap i editoren. 

Vælg den Design faneblad for at vise tre faner: Tilpas, Fyldog Shape. Det Tilpas option forsøger at passe det oprindeligt uploadede billede eller knap ind i det angivne rum uden at strække det ud. Det Fyld fanen tilføjer en mindre strækning til billedet eller knappen for helt at fylde det angivne område og ofte få elementet til at se væsentligt renere ud. Begge Tilpas og Fyld faner giver også indstillinger for justering af hjørneradius. 

Endelig Shape fanen har en bred vifte af kantformer for at tilføje kreativitet til dit design. 

Fleksibel baggrund og animeret kunst

Fluid Engine leverer kraften til at implementere baggrunde for enhver indholdsblok. 

For at gøre det skal du vælge en blok og derefter gå til Rediger sektion > Baggrund. Du vil se tre baggrundstyper: Billede, Videoog Kunst. For billeder kan du uploade et element direkte fra din enhed eller søge efter gratis og premium-billeder fra Squarespace bibliotek. Videoer fungerer på samme måde, hvor du uploader en video fra din computer og konfigurerer indstillinger for fulde udløb, indsættelser, filtre og et mobilt reservebillede, hvis videoen ikke kan afspilles på mindre enheder. 

En af de primære tilføjelser til Fluid Engine er Kunst baggrundsfanen. Disse er animerede baggrunde med subtile bevægelser – lidt som et kompromis mellem et billede og en video (så du får en videos tiltrækningskraft uden potentiale for nedsat webstedsydelse). 

Når den er implementeret, kan du klikke på Leg knappen i nederste højre hjørne af editoren for at se baggrunden i bevægelse. Effekterne sker automatisk, mens de er på frontend, så dine besøgende behøver ikke at klikke på noget. Det fantastiske er, at hvert stykke bevægende kunst i Squarespace Fluid Engine har indstillinger for justering af billeder i baggrunden, billedfarve, baggrundsfarve, skala, antal billeder i baggrunden, filter, bølgehastighed og meget mere. 

Smukke præbyggede sektioner

Du kan til enhver tid klikke på en af ​​de mange Tilføj Sektion knapper i Fluid Engine. Disse knapper er placeret over og under de tidligere tilføjede sektioner. 

Tilføj Sektion box præsenterer et stort bibliotek af fantastiske, præbyggede sektioner, som du kan tilføje til dit design med et klik på en knap. Det er muligt at bruge en tom sektion og starte fra bunden, men ideen bag Fluid Engine-sektionerne er at fremskynde din udviklingsproces, når du bygger en online butik eller virksomhedshjemmeside. 

Nogle foruddesignede sektioner inkluderer:

• introer
• Kontaktformularer
• Om information
• Mennesker
• Produkter til e-handel
• Tjenester
• porteføljer
• Udtalelser fra nogle af vores kunder
• Events
• Tilbud
• Medlemsområder
• Udnævnelser
• Donationer
• Billeder

De foruddesignede sektioner er særligt nyttige for onlinebutiksejere, der ønsker at placere unikke bannere og salgsfremmende sektioner på forskellige dele af deres websteder. Du kan nemt linke ethvert af e-handelsprodukterne fra dit lager og tilføje dem til de smukke designs fra Fluid Engine. 

Og du vil finde endnu flere kategorier at vælge imellem, herunder muligheder for videoer, menuer, formularer, diagrammer og lyd. Når du har placeret et afsnit i dit design, giver Fluid Engine fuld redigeringskontrol, så du ikke sidder fast med det nøjagtige design fra afsnittet. Vi elsker disse sektioner at bruge som udgangspunkt; hvorefter du kan uploade dine egne billeder, justere teksten og ændre al formatering. 

Alle de blokke, du kunne ønske dig

Indholdsblokke er givet med enhver træk-og-slip-editor. Den klassiske redaktør fra Squarespace havde indholdsblokke. Wix har indholdsblokke. Shopify og Bigcommerce have nogle indholdsblokke. 

Fluid Engine fortsætter med at levere indholdsblokke, men med større kontrol over deres indstillinger og fuld fleksibilitet, når de placeres i dit design. Kort sagt havde de gamle blokke færre indstillinger og var begrænset til, hvor du kunne placere dem. 

For at indsætte en blok i Squarespace Fluid Engine, rul for at afsløre Tilføj Blokering knappen i øverste venstre hjørne. Klik på den knap for at få vist et vindue med alle blokkene. 

Fluid Engine lader dig indtaste et nøgleord for at finde blokke. Som et alternativ kan du gennemse listen over blokke for at finde den perfekte løsning til det, du prøver at designe. 

Blokke bliver kategoriseret for nem identifikation. 

Nogle Grundlæggende blokke fra Fluid Engine inkluderer:

• tekst
• Form
• Video
• Billede
• Kalender
• Resumé
• Sociale Links
• Kort
• Nyhedsbrev
• Integrer

Der er to muligheder for at indsætte en blok: du kan enten trække en blok derhen, hvor du vil have den til at gå eller enkeltklikke på en blok for at placere den i den tidligere valgte sektion. 

Når den er placeret i dit design, er hver blok tilgængelig til at klikke og åbne dens indstillinger. 

En af de store ting ved Squarespace er, at der ikke er mangel på indholdsblokke, inklusive unikke elementer med tredjepartsintegrationer. 

For eksempel er der en reservationsblok sammen med en begivenhedsblok til bookinger. 

Forretning kategori har blokke til:

• Produkter
• Planlægning
• Medlemstilmeldinger

Og her er Integration blokeringer (som linker til populære tredjepartstjenester):

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

Du kan også overveje at tilføje filtre eller lister, såsom: 

• Søgebjælker
• Indholdslinks
• Tag skyer
• Arkiv

Endelig er der et par premium blokke til nichefunktionalitet, såsom:

• En blok for at tilføje en komplet restaurantmenu
• En mulighed for at vise og linke til Amazon-produkter
• Donationsknapper
• En OpenTable reservation integration og blok

Squarespace Fluid Engine Review: Brugervenlighed

Fluid Engine er dybt integreret med det hele Squarespace infrastruktur, hvilket gør det til en problemfri proces til at bygge din virksomhed eller e-handelswebsted. 

Det hele starter med at skabe en Squarespace konto. Du vælger derefter fra et af de mange visuelt orienterede temaer og går i gang med at bygge og administrere dit websted fra Squarespace dashboard. Der har du adgang til et administratorpanel. 

Adminpanelet indeholder faner til:

• Sider
• Design
• Handel
• Marketing
• Planlægning
• Analyse
• Profiler
• Indstillinger
• Hjælp

Vi er tilfredse med enkelheden og renligheden Squarespace dashboard, da det viser utallige funktioner på en organiseret måde. 

Der er globale designindstillinger under fanen Design, men det sender dig stadig ikke til den nye Fluid Engine-editor. I stedet giver området kontrol over elementer som webstedsstile, låseskærmen, 404-sidelayoutet, social deling og tilpasset CSS. Det er mere et generelt, globalt fokus på hele dit projekts webdesign. 

For at starte Fluid Engine skal du klikke på Redigere knappen øverst i forhåndsvisningen af ​​hjemmesiden. 

Fluid Engine tager kontrol over designet og præsenterer din hjemmeside i en fuldskærms-editor. Der er minimal forsinkelse eller fejl med Fluid Engine, og det er ret selvforklarende, hvordan man begynder at tilføje elementer til det overordnede design. 

For eksempel viser en hurtig rulning over et sideafsnit flere nye knapper, som du kan bruge. Du kan klikke på Tilføj Blokering knappen for at se Squarespacehele samlingen af ​​indholdsblokke (til tilføjelse til din virksomhed eller e-handelsside). Der er en Redigere Sektionsknap til at styre formateringen og designet af den aktuelt placerede sektion. Og den Tilføj Sektion knapper (tilgængelige i toppen og bunden af ​​hver eksisterende sektion) lader dig indsætte en forudlavet eller tom sektion på det pågældende sted. Endelig giver Fluid Engine en lille vandret pileknap til at ændre størrelsen på sektionen; du kan også gøre sektionen større med det værktøj. 

Baseret på vores Squarespace Fluid Engine-gennemgang, vi fandt et vist niveau af skønhed i den måde, den sætter ind i handling, når du klikker og trækker et element. Uanset om det er til et nyt element, nuværende elementer eller en sektion, dukker det visuelle gitter straks op, så brugeren kan se, hvor de kan placere indholdsblokken. Heldigvis lader Fluid Engine dig placere disse elementer stort set hvor som helst du vil, på grund af dets netbaserede system. 

Nedenfor kan du se den hastighed, hvormed vi er i stand til at indsætte en nyhedsbrevsformular i Fluid Engine Grid. Derefter tager det kun et par træk og klik for at flytte det til det rigtige sted og for at ændre designindstillingerne, så det er synligt over den aktuelle baggrund. 

Squarespace Fluid Engine Review: The Pricing

Fluid Engine er en gratis funktion, så længe du betaler for en Squarespace konto. 

Det kommer som standardfunktion til nye Squarespace kunder. Tidligere Squarespace brugere har også mulighed for at skifte til Fluid Engine eller beholde Squarespace Classic Editor (vi er ikke sikre på, hvor længe Squarespace vil fortsætte med at understøtte den klassiske editor). 

Da det er en inkluderet funktion, koster Fluid Engine ikke noget ekstra, udenfor standard prisplaner fra Squarespace. 

Her er en kort oversigt over prispakkerne fra Squarespace, som alle giver adgang til Fluid Engine-editoren:

• Personligt: $23 pr. måned ($16, hvis der betales årligt) for et standardwebsted. Der er understøttelse af simple betalinger, men det er ikke en ægte online butik. Inkluderer Fluid Engine, SSL-sikkerhed, udvidelser og ubegrænset båndbredde. 
• Forretning: $33 pr. måned ($23, hvis du betaler årligt) for alt i den tidligere plan, en e-handelsbutik, et transaktionsgebyr på 3 %, ubegrænsede produkter, donationer, gavekort, promo-popups, CSS-support, avancerede analyser og mere. 
• Grundlæggende handel: $33 pr. måned ($27, hvis der betales årligt) for alt fra den tidligere plan, en komplet onlinebutik med 0% transaktionsgebyrer, salgssted, produktanmeldelser, etiketter med begrænset tilgængelighed, produkter på Instagram, merchandisingværktøjer, e-handelsanalyse, kassen på dit domæne, kundekonti og meget mere. 
• Avanceret handel: $65 pr. måned ($49, hvis der betales årligt) for alt i den tidligere plan, handels-API'er, avancerede rabatter, avanceret forsendelse, abonnementer og genoprettelse af opgivet kurv. 

Squarespace Fluid Engine Review: Kundesupport

Squarespace kundesupport består af:

• Et hjælpecenter med selvstudier
• Brugerforum
• Direkte e-mail og chat support
• En side at leje en Squarespace ekspert 
• Webinarer for at hjælpe med at optimere dit websted
• Udvikler dokumentation
• Cirkel medlem, Squarespaces partnerprogram

Brugere kan til enhver tid kontakte det direkte kundesupportteam for at stille spørgsmål om den splinternye Fluid Engine eller enhver Squarespace funktion for den sags skyld. 

I Hjælpecenteret kan du søge på "Fluid Engine" for at finde et par artikler om dens funktioner og funktioner. Der er endda webinarer og udviklerdokumenter for at sikre, at du har en fuld forståelse af, hvad der er muligt med Fluid Engine. Vi kan godt lide udviklerdokumenterne for dem, der har til hensigt at overdrage nogle ansvarsområder til en ansat udvikler. 

Endelig har brugerforummet diskussioner om Fluid Engine. Du kan finde ros og klagepunkter om Fluid Engine i forummet sammen med spørgsmål, som brugere har om visse funktioner. 

Hvem er Squarespace Væskemotor til? 

Efter vores Squarespace Væskemotor anmeldelse opdagede vi:

• Væskemotor (Squarespace 7.1) er for alle: avancerede udviklere, der ønsker at fremskynde deres udviklingsproces; begyndere, der har brug for at bygge en virksomhedshjemmeside; e-handelswebstedsejere med krav om konstant at redigere deres websteder. Det er avanceret nok til fuld kontrol over dit websted, men også en ægte træk-og-slip-editor for dem, der ikke har til hensigt at bruge nogen tilpasset kode. 
• Det er for dem, der har brug for kontrol over deres mobile grænseflade: mobileditoren har sine problemer, men de bliver løst af Squarespace. Det er en god praksis altid at tjekke det automatiserede mobildesign, før du udgiver et websted, da mobileditoren ikke er perfekt. Vi betragter dog den separate mobile editor som et betydeligt skridt fremad for brugere, der har krævet mobil kontrol. 
• Fluid Engine er så dybt integreret med Squarespace til problemfri skift mellem administrationsfunktionerne og designportalen. Det betyder, at du kan tilføje et nyt online butiksprodukt og derefter gå direkte til at oprette et reklamebanner på din hjemmeside (ved hjælp af Fluid Engine). Det er perfekt til virksomhedsejere af alle typer, i betragtning af at du ofte hopper fra en opgave til en anden. 
• Vi kan godt lide Fluid Engine for udviklere, der ønsker et alternativ til deres nuværende design-workflow. Du er måske mere komfortabel med Classic Editor-sektionerne og -blokkene, men noget øvelse vil helt sikkert gøre Fluid Engine til en ønskværdig grænseflade. Udviklere kan stadig få adgang til brugerdefinerede kodningsområder, og der er ingen grund til at opgive standarden Squarespace arbejdsgange (da de fleste af dem er forblevet de samme). Samlet set udviklere, der laver Squarespace websteder for kunder skal føle sig hjemme med lidt fifleri i Fluid Engine. 

Er du en Squarespace bruger? Hvis ja, så lad os venligst vide dine tanker om Fluid Engine-editoren. Hvis du ikke er en Squarespace bruger, efterlad os en kommentar med eventuelle spørgsmål, du måtte have om vores Squarespace Fluid Engine anmeldelse.