Squarespace Fluid Engine Review: En ekte dra-og-slipp-bygger for e-handel og forretningsnettsteder

Hvis du abonnerer på en tjeneste fra en lenke på denne siden, kan Reeves and Sons Limited tjene en provisjon. Se vår etisk uttalelse.

Hvis du har brukt Squarespace (Squarespace.com) for å bygge en nettside eller nettbutikk (eller du har tenkt å lage en i fremtiden) kan det hende du har møtt hva Squarespace kaller det "Væskemotor." Denne dra-og-slipp-byggeren tjener til å forenkle designprosessen samtidig som den gir bedriftseiere mulighet til å konstruere alt de vil ha på nettsidene deres. I dette Squarespace Fluid Engine gjennomgang, vi utforsker fordeler og ulemper med Squarespace Fluid Engine, gå deretter inn i en detaljert analyse av funksjonene, brukervennligheten, kundestøtten og prisene. 

Fortsett å lese for å lære alt du trenger å vite om Squarespace Væskemotor!

Hva er Fluid Engine? 

Fluid Engine er Squarespacesin innebygde nettsteddesigner og redaktør. Det gir designere og bedriftseiere muligheten til å endre designelementer, jobbe med maler og flytte eller redigere alt fra tekstblokker til bildeblokker. 

Omtrent hver nettstedbygger og e-handelsplattform har en sidebygger/redaktør, så dette er Squarespacesin versjon av den typen produkt. 

Squarespace, men tilbyr fortsatt tilgang til Classic Editor, noe som betyr at du kan bytte til det hvis du er mer komfortabel med det grensesnittet. 

Annenwise, Fluid Engine er en innebygd funksjon, og det er mye av fokuset mens på din Squarespace dashbord. Etter å ha registrert deg for en Squarespace konto, Fluid Engine vises som standard; det er der du designer frontend av nettstedet ditt. 

Hvis du for øyeblikket kjører en Squarespace nettsted, fortsetter den eldre Classic-editoren å kjøre. Du kan konvertere eksisterende seksjoner til å bruke Fluid Engine. Bare hold musepekeren over en seksjon og klikk på Oppgradere knapp. I tillegg er det mulig å legge til en ny side på nettstedet ditt, og som er standard til Fluid Engine-byggeren. 

Til slutt, husk at noen deler av Squarespace bruker fortsatt Classic Editor og kan ikke endres til Fluid Engine; eksempler inkluderer blogginnlegg og hendelsesbeskrivelser. 

Merk: Konvertering av Classic Editor-innhold til Fluid Engine er irreversibel. 

Fordeler og ulemper med Squarespace Væskemotor

Som all teknologi har Fluid Engine sine fordeler og ulemper. Basert på vår testing og forskning fra virkelige brukere, ser det ut til at fordelene langt oppveier ulempene på grunn av dens generelle brukervennlighet og tilpasningsmuligheter. 

Her er en titt: 

Fordeler 👍

  • Betydelig flere tilpasningsmuligheter, noe som fører til færre cookie-cutter-nettsteder
  • Rutenettbasert designsystem
  • Nesten ikke behov for tilpasset koding
  • Ingen ekstra kostnader
  • Du kan fortsatt bruke Classic Editor
  • Det er enkelt å konvertere fra Classic Editor-blokker til Fluid Engine
  • Separat redaktør for mobillayout
  • Det er en ekte dra-og-slipp-editor der du kan flytte hva som helst hvor som helst
  • Minimale feil og forskyvning av elementer når du prøver å gjøre en redigering

Squarespace Fluid Engine Review: Funksjonene

Standardfunksjonene for ethvert dra-og-slipp-redigeringsprogram involverer drabare moduler og en visuell editor for å gjøre justeringer i designet og se disse endringene mens du går. Squarespace Fluid Engine er ikke annerledes, men den har ekstrem fleksibilitet som du ikke vil se fra andre nettstedbyggere. 

Etter vår Squarespace Væskemotor gjennomgang, fant vi ut at disse var de bemerkelsesverdige funksjonene:

Rutenettbasert dra og slipp

Hvis du har brukt andre dra-og-slipp-byggere, vet du at det definitivt er begrensninger for hvor du kan plassere innholdsmoduler. Noen ganger vil du se forhåndsutpekte flekker. Andre ganger prøver du å plassere et element, men det festes til et område som er nært, men ikke helt det du ønsker. 

Disse er alle en smerte å jobbe med siden det ikke er noen reell kontroll over hvor innholdet ditt går. 

Det er ikke tilfelle med Squarespace Fluid Engine, siden den bruker et rutenettsystem som vises når du prøver å flytte et element. 

Fluid Engine gjennomgang av grid-grensesnittet

Hver eneste lille square som viser fungerer som et stykke eiendom for deg å plassere innhold. Så å flytte bare en liten bit over til høyre, eller helt til bunnen av siden, er alt mulig. Denne konfigurasjonen gir en utmerket løsning for moduler i alle størrelser også; kort sagt, grensesnittet på nettstedet ditt er fleksibelt nok for raske og enkle bevegelser av alt fra store bannerbilder til små knapper. 

Til den fineste pikselen har du kontroll over det hele. 

Solid erfaring med redigering av topptekst og bunntekst

Squarespace har alltid hatt topp- og bunntekstkontroll med sin Classic Editor, men Fluid Engine utvider hva du kan gjøre med disse områdene. 

Når som helst kan du klikke for å Rediger sideoverskrift or Rediger Bunntekst. Overskriftene mangler dra-og-slipp-funksjonalitet, men innstillingene er intuitive nok til å raskt redigere og få dem til å se passende ut for merkevaren din. 

rediger sideoverskrift-knappen på en Squarespace nettsted

For eksempel viser overskriftsmodulen globale, desktop, og mobilkontroller, sammen med alternativer for å redigere posisjon, nettstedtittel, logo, elementer og stil. 

viser logoredigeringsområdet i vår gjennomgang av Fluid Engine

Dra-og-slipp-redigering er til en viss grad tilgjengelig med bunntekst. Du kan flytte rundt hele bunnteksten for å plassere den på det perfekte stedet. Imidlertid har de faktiske elementene i bunnteksten bare sine vanlige innstillinger; du kan ikke flytte bare én knapp eller tekstboks til en ny seksjon eller del av rutenettet.

en bunntekst flyttes til et nytt rutenettområde

Separat mobilredigering

Mobilredigering var ekstremt begrenset på Classic Editor. Squarespace ville ganske enkelt generere en mobilversjon av nettstedet ditt etter at du opprettet desktop versjon. Mange nettstedbyggere og e-handelsplattformer er sånn. 

Alt har endret seg med Fluid Engine. Mobile Editor er en av de største nye funksjonene du kan finne på editoren, som lar brukere konstruere sine desktop design og bytt deretter over til å redigere elementer ved å gå til Mobile Vis

ved å klikke på mobilvisningsknappen

Det som er flott er det Squarespace genererer fortsatt en mobilversjon basert på din desktop design. Imidlertid kan du nå finpusse elementer som kanskje ikke ser så bra ut fra den automatiserte mobilgjengivelsen. 

Og hver innholdsmodul kan redigeres i mobilvisningen. Klikk på en modul for å se dens unike innstillinger, som radantall, gap og høyde under format fanen for en seksjon med flere kolonner med et bilde og tekst. 

format og bakgrunns- og fargefaner fra vår gjennomgang av Fluid Engine

Tilpass, fyll og form bilder og knapper

Hvis du har litt erfaring med design, vet du at knapper og bilder aldri ser ut som du vil ha dem. Et nylig opplastet bilde kan ha en unødvendig beskjæring, eller kanskje knappen du nettopp la til må sentreres, men det er ingen innstilling for å gjøre det!

Under vår Squarespace Væskemotor gjennomgang, fant vi ut at de løste mange av smertepunktene med knapper og bilder ved å legge til innstillinger for å passe, fylle og forme designene dine. 

Alt som kreves er å klikke på et hvilket som helst bilde eller en knapp i redigeringsprogrammet. 

Velg utforming fane for å vise tre faner: Monter, Fyllog Form. De Monter alternativet forsøker å passe det opprinnelig opplastede bildet eller knappen inn i den angitte plassen, uten å strekke den ut. De Fyll fanen legger til litt strekk på bildet eller knappen for å fylle det angitte området fullstendig og ofte få elementet til å se betydelig renere ut. Både Monter og Fyll faner gir også innstillinger for justering av hjørneradius. 

Endelig Form fanen har et bredt spekter av kantformer for å legge til kreativitet til designet. 

sett inn fyll- og formfaner Squarespace

Fleksibel bakgrunn og animerte kunstverk

Fluid Engine leverer kraften til å implementere bakgrunner for enhver innholdsblokk. 

For å gjøre det, velg en blokk og gå til Rediger seksjon > Bakgrunn. Du vil se tre bakgrunnstyper: Bilde, videoog Kunst. For bilder kan du laste opp et element direkte fra enheten din, eller søke etter gratis og premium-bilder fra Squarespace bibliotek. Videoer fungerer på samme måte, der du laster opp en video fra datamaskinen din og konfigurerer innstillinger for full utfall, innsettinger, filtre og et mobilt reservebilde hvis videoen ikke kan spilles av på mindre enheter. 

bakgrunnsfanen inn Squarespace

Et av de viktigste tilleggene til Fluid Engine er Kunst bakgrunnsfanen. Dette er animerte bakgrunner med subtile bevegelser – på en måte som et kompromiss mellom et bilde og en video (slik at du får appelleren til en video uten potensial for redusert ytelse på nettstedet). 

justering av innstillinger for bakgrunnskunst fra vår Fluid Engine-gjennomgang

Når den er implementert, kan du klikke på Spille knappen nederst til høyre i redigeringsprogrammet for å se bakgrunnen i bevegelse. Effektene skjer automatisk mens de er på frontend, slik at besøkende på nettstedet ditt ikke trenger å klikke på noe. Det som er flott er at hvert stykke bevegelig kunst i Squarespace Fluid Engine har innstillinger for justering av bilder i bakgrunnen, bildefarge, bakgrunnsfarge, skala, antall bilder i bakgrunnen, filter, bølgehastighet og mye mer. 

Vakre forhåndsbygde seksjoner

Når som helst kan du klikke på en av de mange Legg til Seksjon knapper i Fluid Engine. Disse knappene er plassert over og under de tidligere lagt til delene. 

ved å klikke på en legg til seksjon-knapp

De Legg til Seksjon box presenterer et stort bibliotek med fantastiske, forhåndsbygde seksjoner du kan legge til designet ditt med et klikk på en knapp. Det er mulig å bruke en tom seksjon og starte fra bunnen av, men ideen bak Fluid Engine-seksjonene er å fremskynde utviklingsprosessen når du bygger en nettbutikk eller bedriftsnettsted. 

Noen forhåndsdesignede seksjoner inkluderer:

  • introer
  • Kontaktskjemaer
  • Omtrent iformation
  • porsjoner
  • Produkter for e-handel
  • Tjenester
  • Porteføljer
  • Tilbakemeldinger fra kunder
  • hendelser
  • Quotes
  • Medlemsområder
  • Avtaler
  • Donasjoner
  • Bilder
viser alle seksjonene som er tilgjengelige for brukere

De forhåndsdesignede delene er spesielt nyttige for nettbutikkeiere som ønsker å plassere unike bannere og kampanjeseksjoner på ulike deler av nettsidene deres. Du kan enkelt koble til alle e-handelsproduktene fra inventaret ditt og legge dem til de vakre designene fra Fluid Engine. 

en titt på produktdelene fra vår Fluid Engine-anmeldelse

Og du finner enda flere kategorier å velge mellom, inkludert alternativer for videoer, menyer, skjemaer, diagrammer og lyd. Når du har plassert en seksjon i designet, gir Fluid Engine full redigeringskontroll, slik at du ikke sitter fast med det eksakte designet fra seksjonen. Vi elsker disse delene å bruke som utgangspunkt; deretter kan du laste opp dine egne bilder, justere teksten og endre alle formatting. 

videoer, menyer, skjemaer, diagrammer og lydseksjoner

Alle blokkene du kan ønske deg

Innholdsblokker er gitt med ethvert dra-og-slipp-redigeringsprogram. Den klassiske redaktøren fra Squarespace hadde innholdsblokker. Wix har innholdsblokker. Shopify og Bigcommerce ha noen innholdsblokker. 

Fluid Engine fortsetter å tilby innholdsblokker, men med større kontroll over innstillingene og full fleksibilitet når den plasseres i designet ditt. Kort sagt, de gamle blokkene hadde færre innstillinger og var begrenset til hvor du kunne plassere dem. 

For å sette inn en blokk Squarespace Fluid Engine, rull for å avsløre Legg til Blokker knappen øverst til venstre. Klikk på den knappen for å vise et vindu med alle blokkene. 

ved å klikke på legg til blokk-knappen

Fluid Engine lar deg skrive inn et nøkkelord for å finne blokker. Som et alternativ kan du gå gjennom listen over blokker for å finne den perfekte løsningen for det du prøver å designe. 

Blokker blir kategorisert for enkel identifikasjon. 

Litt grunn~~POS=TRUNC blokker fra Fluid Engine inkluderer:

  • tekst
  • Form
  • video
  • Bilde
  • Kalender
  • Oppsummering
  • sosiale Lenker
  • kart
  • Nyhetsbrev
  • embed
vise grunnleggende blokker som tekst og knapper

Det er to alternativer for å sette inn en blokk: du kan enten dra en blokk dit du vil at den skal gå eller enkeltklikke på en blokk for å plassere den i den tidligere valgte delen. 

flytte et bilde for å avsløre rutenettet fra vår gjennomgang av Fluid Engine

Når den er plassert inne i designet ditt, er hver blokk tilgjengelig for å klikke og åpne innstillingene. 

plassere en knapp på rutenettet

Noe av det gode med Squarespace er at det ikke er mangel på innholdsblokker, inkludert unike elementer med tredjepartsintegrasjoner. 

For eksempel er det en reservasjonsblokk, sammen med en hendelsesblokk for bestillinger. 

De Virksomhet kategorien har blokker for:

  • Produkter
  • Planlegging
  • Medlemsregistreringer

Og her er Integrasjon blokker (som lenker til populære tredjepartstjenester):

  • Instagram
  • Zola
  • Soundcloud
  • RSS
  • bandsintown
  • 500px
  • Flickr
  • Twitter
  • Swarm
flere moduler som reservasjoner og Instagram

Du kan også vurdere å legge til filtre eller lister, for eksempel: 

  • Søkefelt
  • Innholdslenker
  • Merk skyer
  • arkiver

Til slutt er det noen få premiumblokker for nisjefunksjonalitet, for eksempel:

  • En blokk for å legge til en full restaurantmeny
  • Et alternativ for å vise og koble til Amazon-produkter
  • Donasjonsknapper
  • En OpenTable-reservasjonsintegrasjon og blokkering
filter og listeblokker

Squarespace Fluid Engine Review: Brukervennlighet

Fluid Engine er dypt integrert med hele Squarespace infrastruktur, noe som gjør det til en sømløs prosess for å bygge din bedrift eller e-handelsnettsted. 

Det hele starter med å lage en Squarespace regnskap. Deretter velger du fra et av de mange visuelt orienterte temaene og begynner å bygge og administrere nettstedet ditt fra Squarespace dashbord. Der har du tilgang til et administrasjonspanel. 

Administrasjonspanelet inneholder faner for:

  • sider
  • utforming
  • Handel
  • Marketing
  • Planlegging
  • Analytics
  • Profiler
  • innstillinger
  • Hjelp
den viktigste Squarespace dashbord

Vi er fornøyd med enkelheten og renheten til Squarespace dashbordet, gitt at det viser utallige funksjoner på en organisert måte. 

Det er globale designinnstillinger under Design-fanen, men det sender deg fortsatt ikke til den nye Fluid Engine-editoren. I stedet gir området kontroll over elementer som nettstedstiler, låseskjermen, 404-sideoppsettet, sosial deling og tilpasset CSS. Det er mer et generelt, globalt fokus på webdesignet til hele prosjektet ditt. 

Design delen av Squarespace dashbord

For å starte Fluid Engine, klikk på Rediger knappen øverst i forhåndsvisningen av nettstedet. 

Klikk på Rediger-knappen for å komme til Fluid Engine-editoren

Fluid Engine tar kontroll over designet og presenterer nettstedet ditt i et fullskjermsredigeringsprogram. Det er minimalt med etterslep eller feil med Fluid Engine, og det er ganske selvforklarende hvordan du begynner å legge til elementer til den generelle designen. 

For eksempel, en rask rulling over en sidedel viser flere nye knapper du kan bruke. Du kan klikke på Legg til Blokker knappen for å se Squarespacehele samlingen av innholdsblokker (for å legge til virksomheten eller e-handelssiden din). Det er en Rediger Seksjonsknapp for å kontrollere formatting og utforming av den aktuelle seksjonen. Og Legg til Seksjon knapper (tilgjengelig på toppen og bunnen av hver eksisterende seksjon) lar deg sette inn en forhåndslaget eller tom seksjon på det aktuelle stedet. Til slutt gir Fluid Engine en liten horisontal pilknapp for å endre størrelsen på seksjonen; du kan også gjøre seksjonen større med det verktøyet. 

flere knapper i Fluid Engine, som Add Block, Add Section og Resize Section

Basert på vår Squarespace Fluid Engine-anmeldelse, vi fant et visst nivå av skjønnhet i måten det går i gang når du klikker og drar et element. Enten det er for et nytt element, nåværende elementer eller en seksjon, dukker det visuelle rutenettet umiddelbart opp slik at brukeren kan se hvor de kan plassere innholdsblokken. Heldigvis lar Fluid Engine deg plassere disse elementene omtrent hvor du vil, på grunn av det rutenettbaserte systemet. 

flytte en hendelsesmodul til en annen del av rutenettet

Nedenfor kan du se hastigheten vi kan sette inn et nyhetsbrevskjema i Fluid Engine Grid. Deretter tar det bare noen få dra og klikk for å flytte den til riktig sted og for å endre designinnstillingene slik at den er synlig over gjeldende bakgrunn. 

Squarespace Fluid Engine Review: Prisen

Fluid Engine er en gratis funksjon, så lenge du betaler for en Squarespace konto. 

Den kommer som standardfunksjon for nye Squarespace kunder. Tidligere Squarespace brukere har også muligheten til å bytte til Fluid Engine eller beholde Squarespace Classic Editor (vi er ikke sikre på hvor lenge Squarespace vil fortsette å støtte Classic Editor). 

Siden det er en inkludert funksjon, koster ikke Fluid Engine noe ekstra, utenom standard prisplaner fra Squarespace

Her er en kort oppsummering av prispakkene fra Squarespace, som alle gir tilgang til Fluid Engine-editoren:

  • Personlig: $23 per måned ($16 hvis betalt årlig) for en standard nettside. Det er støtte for enkle betalinger, men det er ikke en ekte nettbutikk. Inkluderer Fluid Engine, SSL-sikkerhet, utvidelser og ubegrenset båndbredde. 
  • Virksomhet: $33 per måned ($23 hvis du betaler årlig) for alt i den forrige planen, en e-handelsbutikk, et transaksjonsgebyr på 3 %, ubegrensede produkter, donasjoner, gavekort, promo popup-vinduer, CSS-støtte, avanserte analyser og mer. 
  • Grunnleggende handel: $ 33 per måned ($ 27 hvis du betaler årlig) for alt fra den forrige planen, en full nettbutikk med 0 % transaksjonsgebyrer, salgssted, produktanmeldelser, begrenset tilgjengelighet etiketter, produkter på Instagram, merchandising-verktøy, e-handelsanalyse, utsjekking på domenet ditt, kundekontoer og mer. 
  • Avansert handel: $65 per måned ($49 hvis du betaler årlig) for alt i den forrige planen, handels-APIer, avanserte rabatter, avansert frakt, abonnementer og gjenoppretting av forlatt handlekurv. 

Squarespace Fluid Engine Review: Kundestøtte

Squarespace kundestøtte består av:

  • Et hjelpesenter med veiledninger
  • Brukerforum
  • Direkte e-post og chat-støtte
  • En side å leie en Squarespace Expert 
  • Webinarer for å hjelpe med å optimalisere nettstedet ditt
  • Utvikler dokumentasjon
  • kretsmedlem, Squarespacesitt partnerprogram

Brukere kan kontakte det direkte kundestøtteteamet når som helst for å stille spørsmål om den splitter nye Fluid Engine, eller en hvilken som helst Squarespace funksjon for den saks skyld. 

I hjelpesenteret kan du søke etter "Fluid Engine" for å finne noen artikler om dens funksjoner og funksjoner. Det er til og med webinarer og utviklerdokumenter for å sikre at du har en full forståelse av hva som er mulig med Fluid Engine. Vi liker utviklerdokumentene for de som har tenkt å overføre noe ansvar til en innleid utvikler. 

Til slutt har brukerforumet diskusjoner om Fluid Engine. Du kan finne ros og kritikk om Fluid Engine i forumet, sammen med spørsmål som brukere har om visse funksjoner. 

ser etter Fluid Engine-samtaler i Squarespace brukerforum

Hvem er Squarespace Væskemotor til? 

Etter vår Squarespace Væskemotor anmeldelse oppdaget vi:

  • Væskemotor (Squarespace 7.1) er for alle: avanserte utviklere som ønsker å fremskynde utviklingsprosessen; nybegynnere som trenger å bygge et forretningsnettsted; e-handelssideeiere med krav om å kontinuerlig redigere nettsidene sine. Det er avansert nok for full kontroll over nettstedet ditt, men også en ekte dra-og-slipp-editor for de som ikke har tenkt å bruke noen egendefinert kode. 
  • Det er for de som trenger kontroll over mobilgrensesnittet sitt: mobilredaktøren har sine problemer, men de blir løst av Squarespace. Det er en god praksis å alltid sjekke det automatiserte mobildesignet før du publiserer et nettsted siden mobilredigeringsprogrammet ikke er perfekt. Vi anser imidlertid den separate mobilredigereren som et betydelig skritt fremover for brukere som har ropt etter mobilkontroll. 
  • Fluid Engine er så dypt integrert med Squarespace for sømløs veksling mellom administrasjonsfunksjonene og designportalen. Dette betyr at du kan legge til et nytt nettbutikkprodukt, og deretter gå rett til å lage et reklamebanner på hjemmesiden din (ved å bruke Fluid Engine). Den er perfekt for bedriftseiere av alle typer, med tanke på at du ofte hopper fra en oppgave til en annen. 
  • Vi liker Fluid Engine for utviklere som ønsker et alternativ til deres nåværende designarbeidsflyt. Du er kanskje mer komfortabel med Classic Editor-seksjonene og blokkene, men litt øvelse vil garantert gjøre Fluid Engine til et ønskelig grensesnitt. Utviklere kan fortsatt få tilgang til tilpassede kodingsområder, og det er ingen grunn til å forlate standarden Squarespace arbeidsflyter (siden de fleste av disse har forblitt de samme). Totalt sett utviklere som lager Squarespace nettsteder for kunder skal føle seg hjemme med litt fiksing inne i Fluid Engine. 

Er du en Squarespace bruker? I så fall, vennligst gi oss beskjed om dine tanker om Fluid Engine-editoren. Hvis du ikke er en Squarespace bruker, legg igjen en kommentar med spørsmål du måtte ha om vår Squarespace Fluid Engine anmeldelse. 

Joe Warnimont

Joe Warnimont er en Chicago-basert forfatter som fokuserer på e-handelsverktøy, WordPress og sosiale medier. Når han ikke fisker eller praktiserer yoga, samler han frimerker i nasjonalparker (selv om det hovedsakelig er for barn). Ta en titt på Joe's portefølje å kontakte ham og se tidligere arbeider.

Kommentar 0 Responses

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket *

Vurdering *

Dette nettstedet bruker Akismet for å redusere spam. Lær hvordan kommentaren din behandles.