Squarespace Fluid Engine 검토: 전자상거래 및 비즈니스 사이트를 위한 진정한 드래그 앤 드롭 빌더

네가 사용한 적이 있다면 Squarespace (Squarespace.com) 웹사이트나 온라인 상점을 구축하기 위해(또는 향후에 만들 예정인 경우) Squarespace "라고 부른다.유체 엔진.” 이 드래그 앤 드롭 빌더는 디자인 프로세스를 단순화하는 동시에 비즈니스 소유자가 웹 사이트에서 원하는 모든 것을 구성할 수 있도록 합니다. 이에 Squarespace Fluid Engine 리뷰, 우리는 장단점을 탐구합니다. Squarespace 그런 다음 Fluid Engine의 기능, 사용 편의성, 고객 지원 및 가격에 대한 자세한 분석으로 이동합니다. 

당신이 알아야 할 모든 것을 배우려면 계속 읽으십시오 Squarespace 유체 엔진!

유체 엔진이란 무엇입니까? 

유체 엔진은 Squarespace의 내장 웹사이트 디자이너 및 편집기. 이를 통해 디자이너와 비즈니스 소유자는 디자인 요소를 변경하고 템플릿으로 작업하고 텍스트 블록에서 이미지 블록에 이르기까지 무엇이든 이동하거나 편집할 수 있습니다. 

거의 모든 웹사이트 빌더와 전자상거래 플랫폼이 페이지 빌더/에디터를 제공하므로 이것은 Squarespace의 해당 유형의 제품 버전입니다. 

Squarespace그러나 여전히 클래식 편집기에 대한 액세스를 제공하므로 해당 인터페이스에 더 익숙해지면 해당 편집기로 전환할 수 있습니다. 

그렇지 않으면 Fluid Engine은 기본 제공 기능이며 이에 중점을 둡니다. Squarespace 계기반. 회원가입 후 Squarespace 계정, Fluid Engine이 기본적으로 나타납니다. 웹사이트의 프론트엔드를 디자인하는 곳입니다. 

현재 실행 중인 경우 Squarespace 웹 사이트에서는 이전 Classic 편집기가 계속 실행됩니다. Fluid Engine을 사용하도록 기존 섹션을 변환할 수 있습니다. 섹션 위로 마우스를 가져간 다음 업그레이드 단추. 또한 사이트에 새 페이지를 추가할 수 있으며 기본적으로 Fluid Engine 빌더로 설정됩니다. 

마지막으로 Squarespace 여전히 클래식 편집기를 사용하며 Fluid Engine으로 변경할 수 없습니다. 예에는 블로그 게시물 및 이벤트 설명이 포함됩니다. 

참고: 클래식 편집기 콘텐츠를 Fluid Engine으로 변환하는 것은 되돌릴 수 없습니다. 

장단점 Squarespace 유체 엔진

모든 기술과 마찬가지로 Fluid Engine에는 장단점이 있습니다. 실제 사용자의 테스트 및 연구에 따르면 전반적인 사용 용이성과 사용자 정의 가능성으로 인해 장점이 단점을 훨씬 능가하는 것으로 보입니다. 

여기보세요 : 

Squarespace 유체 엔진 검토: 기능

모든 드래그 앤 드롭 편집기의 표준 기능에는 드래그 가능한 모듈과 디자인을 조정하고 이동하면서 변경 사항을 볼 수 있는 시각적 편집기가 포함됩니다. Squarespace Fluid Engine도 다르지 않지만 다른 웹사이트 빌더에서는 볼 수 없는 극도의 유연성을 가지고 있습니다. 

우리 후 Squarespace 유체 엔진 검토한 결과 다음과 같은 주목할만한 기능이 발견되었습니다.

그리드 기반 드래그 앤 드롭

다른 드래그 앤 드롭 빌더를 사용해 본 적이 있다면 콘텐츠 모듈을 배치할 수 있는 위치에 확실히 제한이 있다는 것을 알고 있습니다. 간혹 미리 지정해둔 곳이 보입니다. 다른 경우에는 요소를 배치하려고 하지만 가깝지만 원하는 만큼은 아닌 영역에 스냅됩니다. 

콘텐츠가 어디로 가는지 제대로 제어할 수 없기 때문에 이러한 작업은 모두 고통스러운 일입니다. 

그것은 경우가 아닙니다 Squarespace Fluid Engine은 항목을 이동하려고 할 때마다 나타나는 그리드 시스템을 활용하기 때문입니다. 

표시되는 모든 작은 사각형은 콘텐츠를 배치할 수 있는 부동산 역할을 합니다. 따라서 오른쪽으로 약간 이동하거나 페이지 맨 아래까지 이동하는 것은 모두 가능합니다. 이 구성은 모든 크기의 모듈에 대한 훌륭한 솔루션을 제공합니다. 간단히 말해, 웹사이트 인터페이스는 큰 배너 이미지에서 작은 버튼에 이르기까지 모든 것을 빠르고 간단하게 이동할 수 있을 만큼 유연합니다. 

최고의 픽셀까지 모든 것을 제어할 수 있습니다. 

단색 머리글 및 바닥글 편집 경험

Squarespace 항상 클래식 편집기로 머리글과 바닥글을 제어했지만 Fluid Engine은 이러한 영역으로 할 수 있는 일을 확장합니다. 

언제든지 다음을 클릭할 수 있습니다. 사이트 헤더 편집 or 편집 바닥 글. 헤더에 드래그 앤 드롭 기능이 없지만 설정이 직관적이어서 빠르게 편집하고 브랜드에 적합하게 보이게 할 수 있습니다. 

예를 들어, 헤더 모듈은 글로벌, 데스크톱 및 모바일 컨트롤을 표시하며, 위치, 사이트 제목, 로고, 요소 및 스타일을 편집할 수 있는 옵션도 제공합니다. 

바닥글과 함께 드래그 앤 드롭 편집이 어느 정도 가능합니다. 바닥글 전체를 이동하여 완벽한 위치에 배치할 수 있습니다. 그러나 바닥글 내의 실제 요소에는 일반적인 설정만 있습니다. 버튼이나 텍스트 상자 하나만 새 섹션이나 그리드의 일부로 이동할 수는 없습니다.

별도의 모바일 편집

모바일 편집은 Classic Editor에서 매우 제한적이었습니다. Squarespace 데스크톱 버전을 만든 후 모바일 버전의 웹사이트를 간단히 생성합니다. 많은 웹사이트 빌더와 전자상거래 플랫폼이 그렇습니다. 

이 모든 것이 Fluid Engine으로 바뀌었습니다. 모바일 편집기는 편집기에서 찾을 수 있는 가장 큰 새로운 기능 중 하나로, 사용자가 데스크톱 디자인을 구성한 다음 이동하여 요소를 편집할 수 있습니다. 모바일보기. 

대단한 것은 Squarespace 여전히 데스크톱 디자인을 기반으로 모바일 버전을 자동 생성합니다. 그러나 이제 자동화된 모바일 렌더링에서 그다지 보기 좋지 않을 수 있는 요소를 조정할 수 있습니다. 

그리고 각 콘텐츠 모듈은 모바일 뷰에서 편집할 수 있습니다. 모듈을 클릭하면 이미지와 텍스트가 있는 다중 열 섹션의 형식 탭 아래에서 행 수, 간격, 높이와 같은 고유한 설정을 볼 수 있습니다. 

이미지와 버튼 맞추기, 채우기, 모양 만들기

디자인 경험이 있는 경우 버튼과 이미지가 원하는 대로 표시되지 않는다는 것을 알고 있습니다. 최근에 업로드한 이미지에 불필요한 자르기가 있거나 방금 추가한 버튼이 중앙에 있어야 하는데 그렇게 할 수 있는 설정이 없습니다!

우리 동안 Squarespace 유체 엔진 검토 결과, 디자인에 맞게 채우고 모양을 지정하는 설정을 추가하여 버튼과 이미지로 많은 고충을 해결했음을 발견했습니다. 

편집기에서 이미지나 버튼을 클릭하기만 하면 됩니다. 

선택 디자인 탭을 눌러 세 개의 탭을 표시합니다. 맞다, 작성및 셰이프. 그만큼 맞다 옵션은 원래 업로드된 이미지나 버튼을 늘리지 않고 제공된 공간에 맞추려고 시도합니다. 그만큼 작성 탭은 제공된 영역을 완전히 채우고 종종 요소를 훨씬 더 깔끔하게 보이게 하기 위해 이미지 또는 버튼에 약간의 스트레칭을 추가합니다. 둘 다 맞다 and 작성 탭은 모서리 반경을 조정하기 위한 설정도 제공합니다. 

마지막으로, 셰이프 탭에는 디자인에 창의성을 더할 수 있는 다양한 테두리 모양이 있습니다. 

유연한 배경 및 애니메이션 아트워크

Fluid Engine은 모든 콘텐츠 블록에 대한 배경을 구현할 수 있는 기능을 제공합니다. 

그렇게 하려면 블록을 선택한 다음 섹션 편집 > 배경. 세 가지 배경 유형이 표시됩니다. 영상, Video및 미술. 이미지의 경우 장치에서 직접 항목을 업로드하거나 다음에서 무료 및 프리미엄 이미지를 검색할 수 있습니다. Squarespace 도서관. 비디오는 컴퓨터에서 비디오를 업로드하고 비디오가 더 작은 장치에서 재생되지 않는 경우 풀 블리드, 삽입, 필터 및 모바일 대체 이미지에 대한 설정을 구성하는 유사한 방식으로 작동합니다. 

Fluid Engine에 추가된 주요 기능 중 하나는 미술 배경 탭. 이는 이미지와 비디오를 절충한 것처럼 미묘한 움직임이 있는 애니메이션 배경입니다(따라서 사이트 성능 저하 가능성 없이 비디오의 매력을 얻을 수 있음). 

구현되면 다음을 클릭할 수 있습니다. 연극 움직이는 배경을 보려면 편집기의 오른쪽 하단 모서리에 있는 버튼을 누릅니다. 효과는 프런트엔드에서 자동으로 발생하므로 사이트 방문자는 아무 것도 클릭할 필요가 없습니다. 좋은 점은 작품의 각 조각이 Squarespace Fluid Engine에는 배경 내의 이미지, 이미지 색조, 배경 색상, 크기, 배경의 이미지 수, 필터, 웨이브 속도 등을 조정하기 위한 설정이 있습니다. 

아름다운 미리 만들어진 섹션

언제든지 많은 항목 중 하나를 클릭할 수 있습니다. 추가 섹션 Fluid Engine의 버튼. 이 버튼은 이전에 추가한 섹션 위와 아래에 있습니다. 

이 어플리케이션에는 XNUMXµm 및 XNUMXµm 파장에서 최대 XNUMXW의 평균 출력을 제공하는 추가 섹션 상자는 버튼 클릭으로 디자인에 추가할 수 있는 멋진 사전 제작 섹션의 대규모 라이브러리를 제공합니다. 빈 섹션을 사용하고 처음부터 시작할 수도 있지만 Fluid Engine 섹션의 배경은 온라인 상점이나 비즈니스 웹사이트를 구축할 때 개발 프로세스의 속도를 높이는 것입니다. 

미리 디자인된 일부 섹션에는 다음이 포함됩니다.

• 소개
• 문의 양식
• 정보에 대하여
• 사람들
• 전자상거래용 제품
• 서비스
• 포트폴리오
• 고객 리뷰
• 행사
• 인용 부호
• 회원 영역
• 약속
• 기부
• 이미지

미리 디자인된 섹션은 웹사이트의 다른 부분에 고유한 배너와 프로모션 섹션을 배치하려는 온라인 상점 소유자에게 특히 유용합니다. 인벤토리에서 전자상거래 제품을 쉽게 연결하고 Fluid Engine의 아름다운 디자인에 추가할 수 있습니다. 

그리고 비디오, 메뉴, 양식, 차트, 오디오 옵션을 포함하여 선택할 수 있는 카테고리가 더 많아집니다. 디자인에 섹션을 배치하면 Fluid Engine에서 완전한 편집 제어를 제공하므로 섹션의 정확한 디자인에 얽매이지 않아도 됩니다. 이러한 섹션을 시작점으로 사용하는 것을 좋아합니다. 그 후에는 이미지를 업로드하고, 텍스트를 조정하고, 모든 서식을 수정할 수 있습니다. 

원하는 모든 블록

콘텐츠 블록은 끌어서 놓기 편집기로 제공됩니다. 의 클래식 편집기 Squarespace 콘텐츠 차단이 있었습니다. Wix 콘텐츠 블록이 있습니다. Shopify and Bigcommerce 있다 일부 콘텐츠 블록. 

Fluid Engine은 콘텐츠 블록을 계속 제공하지만 설계에 배치할 때 설정과 완전한 유연성을 더 잘 제어할 수 있습니다. 요컨대, 이전 블록은 설정이 적고 배치할 수 있는 위치로 제한되었습니다. 

에 블록을 삽입하려면 Squarespace 유체 엔진, 스크롤하여 추가 블록 버튼을 클릭합니다. 해당 버튼을 클릭하면 모든 블록이 있는 창이 나타납니다. 

Fluid Engine을 사용하면 키워드를 입력하여 블록을 찾을 수 있습니다. 대안으로 블록 목록을 살펴보고 설계하려는 것에 대한 완벽한 솔루션을 찾을 수 있습니다. 

블록은 쉽게 식별할 수 있도록 분류됩니다. 

일부 Basic Fluid Engine의 블록에는 다음이 포함됩니다.

• 본문
• 형태
• Video
• 영상
• 칼렌더
• 요약
• 사회 링크
• 지도
• 뉴스레터
• 어젯 서비스

블록을 삽입하는 두 가지 옵션이 있습니다. 원하는 위치로 블록을 끌거나 블록을 한 번 클릭하여 이전에 선택한 섹션에 배치할 수 있습니다. 

디자인 내부에 배치되면 각 블록을 클릭하여 해당 설정을 열 수 있습니다. 

그 중대한 것 중 하나 Squarespace 타사 통합이 포함된 고유한 요소를 포함하여 콘텐츠 블록이 부족하지 않다는 것입니다. 

예를 들어 예약을 위한 이벤트 블록과 함께 예약 블록이 있습니다. 

이 어플리케이션에는 XNUMXµm 및 XNUMXµm 파장에서 최대 XNUMXW의 평균 출력을 제공하는 근무지에서 발생 범주에는 다음에 대한 블록이 있습니다.

• 제품
• 예약
• 회원가입

그리고 여기에 통합 블록(인기 있는 타사 서비스에 대한 링크):

• 인스타그램
• 졸라
• 사운드 클라우드
• RSS
• 밴드신타운
• 500px
• 플리커 (Flickr)
• Twitter
• 무리

다음과 같은 필터나 목록을 추가하는 것도 고려할 수 있습니다. 

• 검색창
• 콘텐츠 링크
• 태그 클라우드
• 아카이브

마지막으로 다음과 같은 틈새 기능을 위한 몇 가지 프리미엄 블록이 있습니다.

• 전체 레스토랑 메뉴를 추가하는 블록
• Amazon 제품을 표시하고 연결하는 옵션
• 기부 버튼
• OpenTable 예약 통합 및 차단

Squarespace 유체 엔진 검토: 사용 용이성

Fluid Engine은 전체 Squarespace 인프라를 제공하여 비즈니스 또는 전자 상거래 웹 사이트 구축을 위한 원활한 프로세스를 만듭니다. 

모든 것은 만드는 것에서 시작됩니다. Squarespace 계정. 그런 다음 많은 시각적 지향 테마 중 하나를 선택하고 사이트 구축 및 관리를 시작합니다. Squarespace 계기반. 여기에서 관리자 패널에 액세스할 수 있습니다. 

관리자 패널은 다음에 대한 탭을 제공합니다.

• 페이지
• 디자인
• 상업
• 마케팅
• 예약
• 통계 분석
• 프로필
• 설정
• 도움말 센터

심플함과 깔끔함에 만족합니다 Squarespace 수많은 기능을 체계적으로 보여주는 대시보드. 

디자인 탭 아래에 전역 디자인 설정이 있지만 여전히 새 Fluid Engine 편집기로 보내지 않습니다. 대신 이 영역에서는 사이트 스타일, 잠금 화면, 404 페이지 레이아웃, 소셜 공유 및 사용자 지정 CSS와 같은 요소를 제어할 수 있습니다. 이는 전체 프로젝트의 웹 디자인에 대한 일반적이고 글로벌한 초점입니다. 

Fluid Engine을 시작하려면 편집 웹사이트 미리보기 상단의 버튼. 

Fluid Engine은 디자인을 제어하고 전체 화면 편집기에서 웹사이트를 표시합니다. Fluid Engine에는 최소한의 지연이나 결함이 있으며, 전체 디자인에 요소를 추가하는 방법을 설명하는 것만으로도 충분합니다. 

예를 들어 페이지 섹션을 빠르게 스크롤하면 사용할 수 있는 몇 가지 새로운 버튼이 표시됩니다. 당신은 추가 블록 버튼을 보려면 Squarespace의 전체 콘텐츠 블록 모음(귀하의 비즈니스 또는 전자 상거래 사이트에 추가하기 위해). 거기에 편집 현재 배치된 섹션의 서식 및 디자인을 제어하는 ​​섹션 버튼입니다. 그리고 추가 섹션 버튼(각각의 기존 섹션의 상단과 하단에서 사용 가능)을 사용하면 해당 특정 지점에 미리 만들어진 섹션이나 빈 섹션을 삽입할 수 있습니다. 마지막으로 Fluid Engine은 섹션 높이 크기를 조정하기 위한 작은 수평 화살표 버튼을 제공합니다. 해당 도구를 사용하여 섹션을 더 크게 만들 수도 있습니다. 

우리의 Squarespace Fluid Engine 리뷰에서 요소를 클릭하고 끌 때마다 작동하는 방식에서 특정 수준의 아름다움을 발견했습니다. 그것이 새로운 요소이든, 현재 요소이든, 섹션이든 상관없이 사용자가 콘텐츠 블록을 배치할 수 있는 위치를 볼 수 있도록 시각적 그리드가 즉시 나타납니다. 운 좋게도 Fluid Engine은 그리드 기반 시스템 덕분에 원하는 모든 위치에 이러한 요소를 배치할 수 있습니다. 

아래에서 뉴스레터 양식을 Fluid Engine Grid에 삽입할 수 있는 속도를 확인할 수 있습니다. 그 후, 몇 번의 드래그 앤 클릭만으로 올바른 위치로 이동하고 현재 배경 위에 보이도록 디자인 설정을 변경합니다. 

Squarespace 유체 엔진 검토: 가격 책정

Fluid Engine은 비용을 지불하는 한 무료 기능입니다. Squarespace 계정입니다. 

새로운 기본 기능으로 제공됩니다. Squarespace 고객. 이전의 Squarespace 사용자는 Fluid Engine으로 전환하거나 Squarespace 클래식 편집기(얼마나 오래 Squarespace 계속해서 클래식 편집기를 지원할 것입니다). 

포함된 기능이기 때문에 Fluid Engine은 추가 비용이 들지 않습니다. 표준 가격 계획 Squarespace. 

다음은 가격 패키지에 대한 간략한 요약입니다. Squarespace, 모두 Fluid Engine 편집기에 대한 액세스를 제공합니다.

• 개인: 표준 웹사이트의 경우 월 $23(매년 지불하는 경우 $16). 간편결제를 지원하지만 진정한 온라인 스토어는 아니다. Fluid Engine, SSL 보안, 확장 및 무제한 대역폭이 포함됩니다. 
• 근무지에서 발생: 이전 요금제, 전자 상거래 상점, 33% 거래 수수료, 무제한 제품, 기부, 기프트 카드, 프로모션 팝업, CSS 지원, 고급 분석 등의 모든 것에 대해 월 $23(연간 지불 시 $3). 
• 기본 상거래: 이전 계획의 모든 것에 대해 월 $33(연간 지불하는 경우 $27), 거래 수수료가 0%인 완전한 온라인 상점, 판매 시점, 제품 리뷰, 제한된 가용성 레이블, Instagram의 제품, 머천다이징 도구, 전자 상거래 분석, 체크아웃 귀하의 도메인, 고객 계정 등. 
• 고급 상거래: 이전 계획, 상거래 API, 고급 할인, 고급 배송, 구독 및 버려진 장바구니 복구의 모든 항목에 대해 월 $65(연간 지불하는 경우 $49). 

Squarespace 유체 엔진 검토: 고객 지원

Squarespace 고객 지원은 다음으로 구성됩니다.

• 튜토리얼이 있는 헬프 센터
• 사용자 포럼
• 직접 이메일 및 채팅 지원
• 고용할 수 있는 페이지 Squarespace 전문가 
• 사이트 최적화에 도움이 되는 웨비나
• 개발자 문서
• 서클 회원, Squarespace님의 파트너 프로그램

사용자는 언제든지 직접 고객 지원 팀에 연락하여 새로운 Fluid Engine에 대한 질문을 할 수 있습니다. Squarespace 그 문제에 대한 기능. 

도움말 센터에서 "Fluid Engine"을 검색하여 기능에 대한 몇 가지 문서를 찾을 수 있습니다. Fluid Engine으로 가능한 것에 대한 완전한 이해를 보장하는 웨비나 및 개발자 문서도 있습니다. 우리는 고용된 개발자에게 일부 책임을 전가하려는 사람들을 위한 개발자 문서를 좋아합니다. 

마지막으로 사용자 포럼에는 Fluid Engine에 대한 토론이 있습니다. 포럼에서 Fluid Engine에 대한 칭찬과 불만, 특정 기능에 대한 사용자의 질문을 찾을 수 있습니다. 

누구인가 Squarespace 유체 엔진용? 

우리 후 Squarespace 유체 엔진 검토, 우리는 발견:

• 유체 엔진(Squarespace 7.1) 모든 사람을 위한 것입니다. 개발 프로세스의 속도를 높이고자 하는 고급 개발자; 비즈니스 웹사이트를 구축해야 하는 초보자; 웹사이트를 지속적으로 편집해야 하는 전자상거래 사이트 소유자. 웹사이트를 완전히 제어할 수 있을 만큼 충분히 고급 기능이지만 사용자 정의 코드를 사용하지 않으려는 사용자를 위한 진정한 끌어서 놓기 편집기이기도 합니다. 
• 모바일 인터페이스를 제어해야 하는 사람들을 위한 것입니다. 모바일 편집기에 문제가 있지만 Squarespace. 모바일 편집기는 완벽하지 않으므로 웹사이트를 게시하기 전에 항상 자동화된 모바일 디자인을 확인하는 것이 좋습니다. 하지만 모바일 컨트롤을 갈망하던 유저들에게 별도의 모바일 에디터는 상당한 진전이라고 생각합니다. 
• Fluid Engine은 Squarespace 관리 기능과 디자인 포털 간의 원활한 전환을 위해 즉, 새 온라인 상점 제품을 추가한 다음 바로 홈페이지에 홍보 배너를 만들 수 있습니다(Fluid Engine 사용). 한 작업에서 다른 작업으로 자주 이동한다는 점을 고려하면 모든 유형의 비즈니스 소유자에게 적합합니다. 
• 우리는 현재 디자인 워크플로에 대한 대안을 원하는 개발자에게 Fluid Engine을 좋아합니다. 클래식 편집기 섹션과 블록이 더 편할 수도 있지만 몇 가지 연습을 통해 Fluid Engine을 바람직한 인터페이스로 만들 수 있습니다. 개발자는 여전히 사용자 정의 코딩 영역에 액세스할 수 있으며 표준을 포기할 이유가 없습니다. Squarespace 워크플로(대부분 동일하게 유지되었기 때문에). 전반적으로 Squarespace 고객을 위한 사이트는 Fluid Engine 내부에서 약간의 수정으로 집과 같은 편안함을 느껴야 합니다. 

당신은 Squarespace 사용자? 그렇다면 Fluid Engine 편집기에 대한 귀하의 생각을 알려주십시오. 당신이 아닌 경우 Squarespace 사용자, 당사에 대해 궁금한 점이 있으면 의견을 남겨주세요. Squarespace 유체 엔진 검토.