Squarespace Fluid Engine Review: een echte drag-and-drop-builder voor e-commerce en zakelijke sites

Als je hebt gebruikt Squarespace (Squarespace.com) om een ​​website of online winkel te bouwen (of u bent van plan er in de toekomst een te maken), bent u misschien tegengekomen wat: Squarespace noemt het "Vloeistofmotor.” Deze drag-and-drop-builder vereenvoudigt het ontwerpproces en stelt bedrijfseigenaren in staat om alles te bouwen wat ze maar willen op hun websites. In deze Squarespace Fluid Engine review, we onderzoeken de voor- en nadelen van: Squarespace Fluid Engine, ga vervolgens in op een gedetailleerde analyse van de functies, het gebruiksgemak, de klantenondersteuning en de prijzen. 

Blijf lezen om alles te leren wat u moet weten over Squarespace Vloeistofmotor!

Wat is vloeistofmotor? 

Vloeistofmotor is Squarespace's ingebouwde website ontwerper en editor. Het biedt ontwerpers en bedrijfseigenaren de kans om ontwerpelementen te wijzigen, met sjablonen te werken en alles te verplaatsen of te bewerken, van tekstblokken tot afbeeldingsblokken. 

Zowat elke websitebouwer en e-commerceplatform biedt een paginabouwer/editor, dus dit is: Squarespace's-versie van dat type product. 

Squarespace, biedt echter nog steeds toegang tot de klassieke editor, wat betekent dat u daarnaar kunt overschakelen als u meer vertrouwd bent met die interface. 

Overigewise, Fluid Engine is een ingebouwde functie, en het is een belangrijk aandachtspunt tijdens uw Squarespace dashboard. Na het aanmelden voor een Squarespace account, wordt Fluid Engine standaard weergegeven; hier ontwerp je de frontend van je website. 

Als u momenteel een Squarespace website, blijft de oudere Classic-editor draaien. U kunt bestaande secties converteren om Fluid Engine te gebruiken. Plaats de muisaanwijzer op een sectie en klik op de Upgrade knop. Daarnaast is het mogelijk om een ​​nieuwe pagina aan je site toe te voegen, en dat staat standaard op de Fluid Engine builder. 

Houd er ten slotte rekening mee dat sommige delen van Squarespace gebruik nog steeds de klassieke editor en kan niet worden gewijzigd in Fluid Engine; voorbeelden zijn blogposts en evenementbeschrijvingen. 

Opmerking: het converteren van inhoud uit de klassieke editor naar Fluid Engine is onomkeerbaar. 

Voors en tegens van Squarespace Vloeistofmotor

Zoals alle technologie heeft Fluid Engine zijn voor- en nadelen. Op basis van onze tests en onderzoek van echte gebruikers, lijkt het erop dat de voordelen zwaarder wegen dan de nadelen vanwege het algehele gebruiksgemak en de aanpasbaarheid. 

Hier is een kijkje: 

Squarespace Vloeistofmotorrecensie: de functies

De standaardfuncties voor elke editor voor slepen en neerzetten omvatten versleepbare modules en een visuele editor om aanpassingen aan uw ontwerp aan te brengen en die wijzigingen te zien terwijl u bezig bent. Squarespace Fluid Engine is niet anders, maar het heeft wel een extreme flexibiliteit die je niet zult zien bij andere websitebouwers. 

Na onze Squarespace Vloeistofmotor review, vonden we dit de opvallende kenmerken:

Op rasters gebaseerd slepen en neerzetten

Als je andere drag-and-drop-builders hebt gebruikt, weet je dat er zeker beperkingen zijn aan waar je inhoudsmodules kunt plaatsen. Af en toe zie je vooraf aangewezen plekken. Andere keren probeer je een element te plaatsen, maar het klikt op een gebied dat dichtbij is, maar niet helemaal is wat je wilt. 

Dat is allemaal lastig om mee te werken, omdat er geen echte controle is over waar uw inhoud naartoe gaat. 

Dat is niet het geval bij Squarespace Fluid Engine, omdat het een rastersysteem gebruikt dat verschijnt wanneer je een item probeert te verplaatsen. 

elke kleine square die laat zien, fungeert als een stuk onroerend goed waarop u inhoud kunt plaatsen. Dus het is allemaal mogelijk om een ​​veeg naar rechts of helemaal naar de onderkant van de pagina te verplaatsen. Deze configuratie biedt ook een uitstekende oplossing voor modules van elke omvang; kortom, uw website-interface is flexibel genoeg voor snelle en eenvoudige bewegingen van alles, van grote bannerafbeeldingen tot kleine knoppen. 

Tot in de kleinste pixel heb je de controle over alles. 

Solide bewerkingservaring voor kop- en voettekst

Squarespace had altijd kop- en voettekstbediening met zijn klassieke editor, maar Fluid Engine breidt uit wat u met die gebieden kunt doen. 

U kunt op elk moment klikken om Sitekoptekst bewerken or Edit footer. De headers hebben geen drag-and-drop-functionaliteit, maar de instellingen zijn intuïtief genoeg om ze snel te bewerken en passend te maken voor uw merk. 

De header-module toont bijvoorbeeld globale, desktop, en mobiele bedieningselementen, samen met opties om de positie, sitetitel, logo, elementen en stijl te bewerken. 

Bewerken via slepen en neerzetten is tot op zekere hoogte beschikbaar met voetteksten. U kunt de hele voettekst verplaatsen om deze op de perfecte plek te plaatsen. De feitelijke elementen in de voettekst hebben echter alleen hun gebruikelijke instellingen; u kunt niet slechts één knop of tekstvak naar een nieuwe sectie of een deel van het raster verplaatsen.

Afzonderlijke mobiele bewerking

Mobiele bewerking was extreem beperkt in de klassieke editor. Squarespace zou eenvoudigweg een mobiele versie van uw website genereren nadat u de desktop versie. Veel websitebouwers en e-commerceplatforms zijn zo. 

Dat is allemaal veranderd met Fluid Engine. De mobiele editor is een van de grootste nieuwe functies die u in de editor kunt vinden, waarmee gebruikers hun desktop ontwerp en schakel vervolgens over om elementen te bewerken door naar Mobile View. 

Wat geweldig is, is dat Squarespace genereert nog steeds automatisch een mobiele versie op basis van uw desktop ontwerp. U kunt nu echter elementen aanpassen die er misschien niet zo goed uitzien vanuit de geautomatiseerde mobiele weergave. 

En elke inhoudsmodule kan worden bewerkt in de mobiele weergave. Klik op een module om de unieke instellingen te zien, zoals het aantal rijen, de opening en de hoogte onder de format tab voor een sectie met meerdere kolommen met een afbeelding en tekst. 

Afbeeldingen en knoppen aanpassen, vullen en vormen

Als je enige ervaring hebt met ontwerpen, weet je dat knoppen en afbeeldingen er nooit uitzien zoals je wilt. Een recent geüploade afbeelding heeft mogelijk een onnodige uitsnede, of misschien moet de knop die u zojuist hebt toegevoegd, worden gecentreerd, maar er is geen instelling om dit te doen!

Tijdens onze Squarespace Vloeistofmotor review, we ontdekten dat ze veel van de pijnpunten met knoppen en afbeeldingen hebben opgelost door instellingen toe te voegen om uw ontwerpen te passen, te vullen en vorm te geven. 

U hoeft alleen maar op een afbeelding of knop in de editor te klikken. 

Kies de Design tabblad om drie tabbladen weer te geven: Pasvorm, Vulling en Vorm. De Pasvorm optie probeert de oorspronkelijk geüploade afbeelding of knop in de beschikbare ruimte te passen, zonder deze uit te rekken. De Vulling tab voegt wat kleine uitrekking toe aan de afbeelding of knop om het voorziene gebied volledig te vullen en het element er vaak aanzienlijk schoner uit te laten zien. Beide Pasvorm en Vulling tabbladen bieden ook instellingen voor het aanpassen van de hoekradius. 

Ten slotte Vorm tab beschikt over een breed scala aan randvormen om creativiteit aan uw ontwerp toe te voegen. 

Flexibele achtergrond en geanimeerde illustraties

Fluid Engine levert de kracht om achtergronden te implementeren voor elk inhoudsblok. 

Selecteer hiervoor een blok en ga naar Bewerk sectie > Achtergrond. Je ziet drie achtergrondtypen: Beeld, Video en Kunst. Voor afbeeldingen kunt u een item rechtstreeks vanaf uw apparaat uploaden of zoeken naar gratis en premium afbeeldingen van de Squarespace bibliotheek. Video's werken op een vergelijkbare manier, waarbij u een video uploadt vanaf uw computer en instellingen configureert voor volledige afloop, inzetstukken, filters en een mobiele fallback-afbeelding als de video niet kan worden afgespeeld op kleinere apparaten. 

Een van de belangrijkste toevoegingen aan Fluid Engine is de: Kunst tabblad achtergrond. Dit zijn geanimeerde achtergronden met subtiele bewegingen - een soort compromis tussen een afbeelding en video (je krijgt dus de aantrekkingskracht van een video zonder het potentieel voor verminderde siteprestaties). 

Eenmaal geïmplementeerd, kunt u klikken op de Spelen knop in de rechterbenedenhoek van de editor om de achtergrond in beweging te zien. De effecten gebeuren automatisch terwijl ze zich aan de frontend bevinden, zodat uw sitebezoekers nergens op hoeven te klikken. Wat geweldig is, is dat elk stuk bewegende kunst in de Squarespace Fluid Engine heeft instellingen voor het aanpassen van afbeeldingen binnen de achtergrond, afbeeldingtint, achtergrondkleur, schaal, aantal afbeeldingen op de achtergrond, filter, golfsnelheid en nog veel meer. 

Prachtige kant-en-klare secties

U kunt op elk moment op een van de vele klikken Toevoegen sectie knoppen in Vloeistofmotor. Deze knoppen bevinden zich boven en onder de eerder toegevoegde secties. 

De Toevoegen sectie box presenteert een grote bibliotheek met verbluffende, kant-en-klare secties die u met één klik op de knop aan uw ontwerp kunt toevoegen. Het is mogelijk om een ​​lege sectie te gebruiken en helemaal opnieuw te beginnen, maar het idee achter de Fluid Engine-secties is om uw ontwikkelingsproces te versnellen bij het bouwen van een online winkel of zakelijke website. 

Sommige vooraf ontworpen secties zijn onder meer:

• Intro's
• Contactformulieren
• over information
• Mensen
• Producten voor e-commerce
• Diensten
• Portfolio's
• Ervaringen
• Evenementen
• Zitate
• Ledengebieden
• Afspraak
• Donaties
• Afbeeldingen

De vooraf ontworpen secties zijn vooral handig voor eigenaren van online winkels die unieke banners en promotionele secties op verschillende delen van hun websites willen plaatsen. U kunt eenvoudig elk van de e-commerceproducten uit uw inventaris koppelen en toevoegen aan de prachtige ontwerpen van Fluid Engine. 

En je zult nog meer categorieën vinden om uit te kiezen, inclusief opties voor video's, menu's, formulieren, grafieken en audio. Zodra u een sectie in uw ontwerp plaatst, biedt Fluid Engine volledige controle over het bewerken, zodat u niet vastzit aan het exacte ontwerp van de sectie. We houden van deze secties om als uitgangspunt te gebruiken; waarna u uw eigen afbeeldingen kunt uploaden, de tekst kunt aanpassen en alles kunt wijzigen formatting. 

Alle blokken die je maar wilt

Inhoudsblokken zijn een gegeven bij elke editor voor slepen en neerzetten. De klassieke editor van Squarespace inhoudsblokken had. Wix heeft inhoudsblokken. Shopify en Bigcommerce hebben sommige inhoud blokken. 

Fluid Engine blijft inhoudsblokken bieden, maar met meer controle over hun instellingen en volledige flexibiliteit wanneer ze in uw ontwerp worden geplaatst. Kortom, de oude blokken hadden minder instellingen en waren beperkt tot waar je ze kon plaatsen. 

Een blok invoegen in Squarespace Vloeistofmotor, scroll om de . weer te geven Toevoegen Blok knop in de linkerbovenhoek. Klik op die knop om een ​​venster met alle blokken weer te geven. 

Met Fluid Engine kunt u een trefwoord typen om blokken te vinden. Als alternatief kunt u de lijst met blokken doorzoeken om de perfecte oplossing te vinden voor wat u probeert te ontwerpen. 

Blokken worden gecategoriseerd voor gemakkelijke identificatie. 

sommige Basic blokken van Fluid Engine zijn onder meer:

• Tekst
• Formulier
• Video
• Beeld
• Agenda
• Samengevat
• Sociale Links
• Wereldmap
• Nieuwsbrief
• embed

Er zijn twee opties om een ​​blok in te voegen: u kunt ofwel een blok slepen naar de plaats waar u het wilt hebben, of u kunt één keer op een blok klikken om het in de eerder geselecteerde sectie te plaatsen. 

Eenmaal in uw ontwerp geplaatst, is elk blok beschikbaar om te klikken en de instellingen te openen. 

Een van de geweldige dingen over Squarespace is dat er geen tekort is aan inhoudsblokken, inclusief unieke elementen met integraties van derden. 

Er is bijvoorbeeld een reserveringsblok, samen met een evenementenblok voor boekingen. 

De Business categorie heeft blokken voor:

• Producten
• Scheduling
• Aanmeldingen voor leden

En hier zijn de Integratie blokken (die linken naar populaire diensten van derden):

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

U kunt ook overwegen filters of lijsten toe te voegen, zoals: 

• Zoekbalken
• Inhoudslinks
• Tagwolken
• Archief

Ten slotte zijn er een paar premium-blokken voor nichefunctionaliteit, zoals:

• Een blok om een ​​volledig restaurantmenu toe te voegen
• Een optie om Amazon-producten te tonen en ernaar te linken
• Donatieknoppen
• Een OpenTable reservering integratie en blok

Squarespace Vloeistofmotorbeoordeling: gebruiksgemak

Fluid Engine is diep geïntegreerd in het hele Squarespace infrastructuur, waardoor het een naadloos proces is voor het bouwen van uw bedrijf of e-commerce website. 

Het begint allemaal met het maken van een Squarespace account. Vervolgens kies je uit een van de vele visueel georiënteerde thema's en ga je aan de slag met het bouwen en beheren van je site vanuit de Squarespace dashboard. Daar heb je toegang tot een beheerderspaneel. 

Het beheerdersdashboard biedt tabbladen voor:

• Pages
• Design
• Lenen en verhuur
• Marketing
• Scheduling
• Analytics
• Profielen
• Instellingen
• Help

We zijn blij met de eenvoud en netheid van de Squarespace dashboard, aangezien het talloze functies op een georganiseerde manier toont. 

Er zijn algemene ontwerpinstellingen onder het tabblad Ontwerp, maar dat stuurt u nog steeds niet naar de nieuwe Fluid Engine-editor. In plaats daarvan biedt het gebied controle over elementen zoals sitestijlen, het vergrendelscherm, de 404-paginalay-out, sociaal delen en aangepaste CSS. Het is meer een algemene, globale focus op het webdesign van je hele project. 

Om Fluid Engine te starten, klikt u op de Edit knop bovenaan het websitevoorbeeld. 

Fluid Engine neemt de controle over het ontwerp en presenteert uw website in een schermvullende editor. Er is minimale vertraging of glitches met Fluid Engine, en het spreekt voor zich hoe u elementen aan het algehele ontwerp kunt toevoegen. 

Als u bijvoorbeeld snel over een paginasectie bladert, ziet u verschillende nieuwe knoppen die u kunt gebruiken. U kunt klikken op de Toevoegen Blok knop om te zien Squarespace's volledige verzameling inhoudsblokken (om toe te voegen aan uw bedrijf of e-commercesite). Er is een Edit Sectieknop om de . te bedienen formatting en ontwerp van het momenteel geplaatste gedeelte. En de Toevoegen sectie knoppen (beschikbaar aan de boven- en onderkant van elke bestaande sectie) laten je een vooraf gemaakte of lege sectie op die specifieke plek invoegen. Ten slotte biedt Fluid Engine een kleine horizontale pijlknop om de hoogte van de sectie te wijzigen; je kunt de sectie ook groter maken met die tool. 

Gebaseerd op onze Squarespace Fluid Engine review, we hebben een bepaald niveau van schoonheid gevonden in de manier waarop het in actie komt wanneer u op een element klikt en sleept. Of dat nu voor een nieuw element, huidige elementen of een sectie is, het visuele raster verschijnt onmiddellijk voor de gebruiker om te zien waar hij het inhoudsblok kan plaatsen. Gelukkig kun je met Fluid Engine die elementen bijna overal plaatsen waar je maar wilt, dankzij het rastergebaseerde systeem. 

Hieronder ziet u de snelheid waarmee we een nieuwsbriefformulier in het Fluid Engine Grid kunnen invoegen. Daarna is het maar een paar keer slepen en klikken om het naar de juiste plek te verplaatsen en om de ontwerpinstellingen te wijzigen zodat het zichtbaar is boven de huidige achtergrond. 

Squarespace Vloeistofmotorrecensie: de prijs

Fluid Engine is een gratis functie, zolang u betaalt voor een Squarespace account. 

Het komt als een standaardfunctie voor nieuwe Squarespace klanten. Vorig Squarespace gebruikers hebben ook de mogelijkheid om over te schakelen naar Fluid Engine of de Squarespace Klassieke editor (we weten niet zeker hoe lang) Squarespace zal de klassieke editor blijven ondersteunen). 

Omdat het een inbegrepen functie is, kost Fluid Engine niets extra, buiten de standaard tariefplannen vanaf Squarespace. 

Hier is een korte samenvatting van de prijspakketten van Squarespace, die allemaal toegang bieden tot de Fluid Engine-editor:

• persoonlijke: $23 per maand ($16 indien jaarlijks betaald) voor een standaard website. Er is ondersteuning voor eenvoudige betalingen, maar het is geen echte online winkel. Inclusief Fluid Engine, SSL-beveiliging, extensies en onbeperkte bandbreedte. 
• Business: $ 33 per maand ($ 23 als je jaarlijks betaalt) voor alles in het vorige abonnement, een e-commerce winkel, 3% transactiekosten, onbeperkte producten, donaties, cadeaubonnen, promo-pop-ups, CSS-ondersteuning, geavanceerde analyses en meer. 
• Basishandel: $ 33 per maand ($ 27 als je jaarlijks betaalt) voor alles van het vorige abonnement, een volledige online winkel met 0% transactiekosten, verkooppunt, productrecensies, labels met beperkte beschikbaarheid, producten op Instagram, merchandisingtools, e-commerceanalyse, afrekenen op uw domein, klantaccounts en meer. 
• Geavanceerde handel: $ 65 per maand ($ 49 als je jaarlijks betaalt) voor alles in het vorige abonnement, handels-API's, geavanceerde kortingen, geavanceerde verzending, abonnementen en herstel van verlaten winkelwagentjes. 

Squarespace Vloeistofmotorbeoordeling: klantenondersteuning

Squarespace klantenondersteuning bestaat uit:

• Een Helpcentrum met zelfstudies
• Gebruikersforum
• Directe e-mail en chatondersteuning
• Een pagina om te huren Squarespace expert 
• Webinars om uw site te optimaliseren
• documentatie Developer
• cirkel lid, Squarespace's partnerprogramma

Gebruikers kunnen op elk moment contact opnemen met het directe klantenondersteuningsteam om vragen te stellen over de gloednieuwe Fluid Engine, of een andere Squarespace functie wat dat betreft. 

In het Helpcentrum kunt u zoeken op "Fluid Engine" om een ​​paar artikelen over de kenmerken en functionaliteiten ervan te vinden. Er zijn zelfs webinars en ontwikkelaarsdocumenten om ervoor te zorgen dat u volledig begrijpt wat er mogelijk is met Fluid Engine. We houden van de ontwikkelaarsdocumenten voor degenen die van plan zijn om bepaalde verantwoordelijkheden over te dragen aan een ingehuurde ontwikkelaar. 

Ten slotte heeft het gebruikersforum discussies over Fluid Engine. U kunt lof en klachten over Fluid Engine op het forum vinden, samen met vragen van gebruikers over bepaalde functies. 

Wie is Squarespace Vloeistofmotor voor? 

Na onze Squarespace Vloeistofmotor recensie, ontdekten we:

• Vloeistofmotor (Squarespace 7.1) is voor iedereen: gevorderde ontwikkelaars die hun ontwikkelingsproces willen versnellen; beginners die een zakelijke website moeten bouwen; eigenaren van e-commercesites met vereisten om hun websites voortdurend te bewerken. Het is geavanceerd genoeg voor volledige controle over uw website, maar ook een echte drag-and-drop-editor voor degenen die niet van plan zijn aangepaste code te gebruiken. 
• Het is voor degenen die controle over hun mobiele interface nodig hebben: de mobiele editor heeft zijn problemen, maar die worden opgelost door Squarespace. Het is een goede gewoonte om altijd het geautomatiseerde mobiele ontwerp te controleren voordat u een website publiceert, aangezien de mobiele editor niet perfect is. We beschouwen de aparte mobiele editor echter als een aanzienlijke stap voorwaarts voor gebruikers die smeken om mobiele controle. 
• Fluid Engine is zo diep geïntegreerd met: Squarespace voor naadloos schakelen tussen de beheerfuncties en het ontwerpportaal. Dit betekent dat u een nieuw online winkelproduct kunt toevoegen en vervolgens direct een promotiebanner op uw startpagina kunt maken (met behulp van Fluid Engine). Het is perfect voor alle soorten ondernemers, aangezien u vaak van de ene taak naar de andere springt. 
• We houden van Fluid Engine voor ontwikkelaars die een alternatief willen voor hun huidige ontwerpworkflow. U bent misschien meer op uw gemak met de secties en blokken van de Klassieke Editor, maar enige oefening zal Fluid Engine zeker tot een wenselijke interface maken. Ontwikkelaars hebben nog steeds toegang tot aangepaste coderingsgebieden en er is geen reden om de standaard te verlaten Squarespace workflows (aangezien de meeste hetzelfde zijn gebleven). Over het algemeen zijn ontwikkelaars die Squarespace sites voor klanten moeten zich meteen thuis voelen met een beetje knutselen in Fluid Engine. 

Ben je een Squarespace gebruiker? Als dat zo is, laat ons dan uw mening weten over de Fluid Engine-editor. Als je geen Squarespace gebruiker, laat ons een opmerking achter met eventuele vragen die u heeft over onze Squarespace Vloeistofmotor beoordeling.