Elementor의 가져오기/내보내기를 통해 웹 제작자가 프로젝트를 더 빨리 완료할 수 있는 9가지 방법

몇 주 전에 가져오기/내보내기 기능의 두 번째 단계를 시작했습니다. 이를 통해 웹 제작자는 웹 사이트 청사진을 만들고 키트로 내보내고 향후 프로젝트의 시작점으로 사용할 수 있습니다.

전체 웹 사이트를 내보내면 WordPress 웹 사이트를 구축할 때 필요한 많은 "첫 번째 단계"를 건너뛸 수 있습니다. 전역 설정, 웹사이트 부분, 페이지, 팝업 등과 같은 모든 중요한 결정은 청사진에서 한 번만 이루어집니다.

생각해 보세요. 이 도구는 워크플로를 변환하고 기술 설정에 소요된 시간을 되돌려 줄 수 있습니다.

다음은 워크플로에서 이 기능을 구현하도록 영감을 줄 수 있는 몇 가지 사용 사례입니다.

디자인 시스템은 웹 사이트 디자인 프로세스를 간소화하고 특정 표준에 따라 다양한 페이지의 구성 요소를 재사용함으로써 예측 가능성을 높이는 데 도움이 됩니다.

Elementor 3.0에서 디자인 시스템 기능을 도입했으며 웹 제작자는 전체 색상, 글꼴 및 사이트 설정을 사용하여 클라이언트의 디자인 지침을 구현하는 방법을 빠르게 배웠습니다.

이제 한 단계 더 나아가 생성한 디자인 시스템을 다른 웹사이트 프로젝트로 내보낼 수 있습니다.

이를 구현하려는 많은 시나리오가 있습니다. 예를 들어 교육 기관을 위한 프로젝트를 시작하고 다양한 도메인에서 동일한 디자인 시스템을 정의해야 할 수 있습니다. 또한 구현하는 다양한 디자인 시스템에 공통적인 특정 설정이 있을 수 있습니다. 두 경우 모두 미리 만들어진 설정이 디자인 시스템을 설정하는 데 걸리는 시간을 줄이는 데 도움이 됩니다.

웹사이트는 사람과 같습니다. 모든 사람은 고유합니다. 웹사이트를 만들 때 선택은 종종 자신의 스타일을 반영하고 각 프로젝트에 개인적인 느낌을 줍니다. 청사진 웹사이트를 패키징하고 시작점으로 다시 사용하면 시스템에 이미 구축된 개인 요소로 각 프로젝트를 시작할 수 있습니다.

이 개인적인 터치는 선명한 색상과 같은 두드러진 특징일 수도 있고 여백의 사용과 같이 더 미묘한 것일 수도 있습니다.

이것의 좋은 예는 원래 Elementor 디자인 스튜디오인 Loomo입니다. 나는 그들의 웹사이트와 포트폴리오와 사랑에 빠졌고 그들의 웹사이트에 소개된 웹사이트 중 일부를 방문했습니다.

물론 제가 직장에서 가장 좋아하는 일 중 하나는 영감을 주는 스튜디오와 Loomo와 같은 프리랜서를 찾는 것입니다. 그들의 작업을 탐색하고 모든 프로젝트에 개인적인 느낌을 더하는 방법을 찾는 것은 재미있습니다.

나는 웹사이트의 기본 설정뿐만 아니라 당신이 그 뒤에 있는 웹 제작자라는 사실을 알려주는 작은 디자인 요소와 개인적인 손길을 포함하는 웹사이트 키트를 만드는 것이 좋습니다. 웹사이트 청사진에 서명 스타일을 통합하면 해당 스타일이 작업 전반에 걸쳐 표시되도록 할 수 있습니다.

니치다운의 중요성은 누구나 알고 있습니다. 특정 산업을 전문으로 함으로써 웹 제작자가 서비스를 판매하는 것이 훨씬 쉽습니다.

특정 산업을 위해 구축한 웹 사이트는 유사한 페이지, 기능 및 요소를 공유할 수 있습니다. 몇 가지 예는 다음과 같습니다.

• 레스토랑 웹사이트 – 이러한 웹사이트에는 일반적으로 메뉴 페이지, 테이블 예약 시스템 및 지도가 포함됩니다.
• 이벤트 웹사이트 – 이 모든 웹사이트에는 카운트다운 타이머와 일종의 구매 페이지가 포함됩니다.
• 포트폴리오 웹사이트 – 갤러리와 사례 연구는 이러한 웹사이트에 필수적입니다.

Elementor를 사용하면 서비스를 제공하는 산업에 맞는 맞춤형 웹사이트 키트를 만들 수 있습니다. 이제 새로운 고객이 방문을 노크하면 키트를 적용하고 콘텐츠를 조정하여 새롭고 독특한 웹사이트를 만들 수 있으므로 시간과 노력을 절약할 수 있습니다.

웹사이트와 달리 마케팅 자산은 측정 가능한 결과를 생성하도록 설계되었습니다. 양식, 팝업, 헬로우 바 및 랜딩 페이지와 같은 자산은 주로 CTR 및 전환율과 같은 측정항목에 중점을 둡니다. 그렇기 때문에 마케팅 자산은 다양한 산업 및 범주에 걸쳐 많은 유사점을 공유합니다.

더 많은 웹사이트 설정을 테스트하면서 가장 효과적인 결과를 생성하는 요소를 발견하게 될 것입니다. 이 정보를 사용하여 다양한 프로젝트에 사용할 "마케팅 툴킷"을 개발하십시오. 이 슈퍼 히어로 설정에 필요한 모든 것은 특정 캠페인에 맞게 약간의 조정만 하면 됩니다. 그러면 바로 사용할 수 있습니다.

WooCommerce 웹 사이트에서는 WooCommerce에서 제공하는 기본 설정에 거의 만족하지 않습니다.

제품 페이지'와 단일 제품 페이지의 디자인 및 레이아웃을 사용자 지정하는 것은 배송 세부 정보를 입력하는 것과 마찬가지로 WooCommerce 설정의 일부가 될 수 있습니다.

전체 설정을 건너뛸 수는 없지만 Elementor의 기능을 사용하여 WooCommerce 웹 사이트 키트를 만들 수 있습니다. 키트에는 Elementor의 WooCommerce Builder로 사용자 정의한 후 온라인 상점의 다양한 부분에 대한 일반적인 모양과 느낌이 포함됩니다.

대부분의 비즈니스 웹사이트가 유사한 머리글 및 바닥글 디자인을 공유한다는 사실을 알고 계셨습니까? 나는 창의적인 머리글을 발견하는 것을 좋아하지만 고객을 위해 만들 머리글과 바닥글에 비슷한 디자인을 사용할 가능성이 높다는 점을 부인할 수 없습니다.

많은 웹 제작자는 다양한 클라이언트에 사용하는 구조를 가지고 있습니다. 한 프리랜서는 그가 주로 소규모 비즈니스와 함께 일하며 비즈니스 세부 정보가 있는 상단 표시줄과 그 아래에 사이트 메뉴와 로고가 있는 다른 섹션이 있는 것을 좋아한다고 말했습니다. 바닥글의 경우에도 그는 저작권 표시를 포함하여 유사한 구조를 사용합니다.

표준 웹사이트 키트를 생성하면 이러한 설정을 가져오고 내보내 머리글 및 바닥글 설정 단계를 건너뛸 수 있습니다.

헤더에 대해 이야기하는 동안 많은 웹 제작자가 사용자가 스크롤하면 헤더를 축소하는 데 사용하는 인기 있는 사용자 정의 코드가 있습니다.

이 코드는 웹 제작자가 프로젝트 전반에 걸쳐 정기적으로 사용하는 많은 스니펫 중 하나일 뿐입니다. 몇 달 전에 사용자 정의 코드 기능을 출시하여 사용하는 모든 사용자 정의 코드를 한 곳에 배치할 수 있습니다.

웹사이트 키트 청사진을 구축하면 정기적으로 사용하는 모든 사용자 지정 코드 조각을 저장하고 새로 만드는 모든 웹사이트에 통합할 수 있습니다.

거의 모든 웹사이트에는 있어야 하는 페이지가 있습니다.

이용약관, 개인정보취급방침 등 - 이는 전반적인 고객 경험 측면에서 큰 역할을 하지 않지만 법적 이유만 있다면 필수적인 페이지입니다.

웹사이트 키트에 이러한 페이지를 포함하면 새로 만드는 모든 웹사이트에 포함하여 시간과 스트레스를 절약할 수 있습니다.

BTW, 예를 들어 이 Eco Shop과 같은 템플릿 키트 중 일부는 이미 이러한 페이지와 함께 제공됩니다.

마지막으로 웹사이트 키트를 제품으로 패키징하고 다른 Elementor 사용자에게 판매하여 비즈니스를 위한 추가 수익원을 만들 수 있습니다.

위에 요약된 모든 아이디어를 구현한 후에는 고객을 뛰어넘는 웹사이트 키트가 필요하다는 것을 발견할 수 있습니다. 미래의 모든 레스토랑 고객을 위한 청사진 역할을 할 웹사이트 키트를 만들었다고 가정해 보겠습니다. 이제 해당 키트를 동일한 틈새 시장에서 웹사이트 또는 다른 웹 제작자를 만들고자 하는 레스토랑에 판매할 수 있습니다.

웹사이트 키트 제작물을 판매하는 방법에는 두 가지가 있습니다. Envato에 작성자로 가입하거나 웹사이트에서 판매하는 것입니다. 예를 찾고 계십니까? AnalogWP의 John Fraskes가 판매용 웹사이트 키트를 제공하면서 무엇을 했는지 확인하십시오.

이 문서에는 워크플로를 개선할 수 있는 영감을 주기 위한 몇 가지 아이디어가 포함되어 있지만 가능성은 정말 무궁무진합니다. 웹 제작자는 모든 클라이언트에 대해 따라야 하는 절차 시스템을 구축하고 웹사이트 키트에 통합하여 최적화하기를 열망해야 합니다.

귀하의 의견을 듣고 웹사이트 키트를 활용하여 비즈니스를 간소화할 계획인 새로운 방법을 찾고 싶습니다.