Elementor 바닥글 템플릿: 34가지 기성 디자인

Elementor 바닥글 템플릿은 기성품 디자인으로 저장된 웹 사이트의 하단 섹션입니다. 로고,메인 페이지 링크,연락처 세부 정보,소셜 링크 및 저작권 라인을 보유하고 있으며 테마 빌더가 모든 페이지에 표시합니다.

다음은 마스터 애드온 라이브러리에 있는 34 개의 Elementor 바닥글 템플릿으로,해당 사이트의 종류에 따라 그룹화되어 있습니다. 각각 스크린샷과 라이브 데모가 있으며 새 탭에서 열립니다. 의 바닥글 탭에서 삽입합니다 마스터 애드온 템플릿 라이브러리. 의 바닥글 작성기 마스터 애드온 테마 빌더 무료이며, 한 번의 가져오기로 Elementor Pro 없이 모든 페이지에 바닥글이 표시됩니다.

페이지의 상단을 찾고 계십니까? 우리의 Elementor 헤더 템플릿 포스트는 43 개의 헤더를 가지고 있으며,여기 있는 많은 푸터들은 같은 키트에서 나온 것입니다.

당신이 온 목적:로 이동

• 사이트 유형별 바닥글 템플릿 34개: SaaS, CTA, 지역 비즈니스, 상점 및 미니멀
• 웹사이트 바닥글에 넣을 내용: 7개 항목 체크리스트
• 웹사이트 바닥글 디자인 팁: 효과가 있는 것, 일반적인 실수 및 모바일 푸터
• Elementor 바닥글 템플릿을 추가하는 방법: 테마 빌더로 다섯 단계를 진행합니다
• 자주 묻는 질문

34 사이트 유형별 Elementor 바닥글 템플릿

34 개의 바닥글은 다섯 그룹으로 나뉩니다. 사이트에서 가장 가까운 것을 선택하고 결정하기 전에 두세 개의 데모를 나란히 엽니 다.

SaaS 및 시작 Elementor 바닥글 템플릿

SaaS 및 기술 키트의 바닥글. 대부분은 하나의 패턴을 따릅니다: 왼쪽의 로고와 한 줄 인트로 및 오른쪽의 서너 링크 열. Finix 와 Optivue 는 링크 위에 시험 프롬프트를 추가합니다.

1. Craftova: Elementor 컴팩트 SaaS 바닥글 템플릿

짧은 바닥글: 왼쪽의 브랜드 소개,오른쪽의 회사,제품 및 리소스 링크. 위의 페이지가 이미 길 때 사용하십시오.

2. Finix: Elementor 어두운 SaaS 바닥 글 템플릿

“무료로 finix 를 사용해 보세요”라고 적힌 기울어진 보라색 밴드가 상단 가장자리를 가로지릅니다. 그 아래에는 검은색 바닥글에 로고,짧은 인트로 및 4 개의 링크 열이 있습니다. 그 밴드는 페이지에서 마지막으로 행동하라는 호출입니다.

3. Klyro: Elementor 기술 뉴스레터 바닥글 템플릿

무료 데모 요청 버튼, 빠른 링크, 지원 링크 및 뉴스레터 필드는 하나의 바닥글을 공유합니다. 데모 통화를 통해 판매하고 메일링 리스트도 원하는 소프트웨어에 적합합니다.

4. 리드 리프트: Elementor SaaS 바닥글 템플릿

페이지, 리소스 및 회사 열이 맨 위에 올라가고 저작권 줄 옆에 몇 가지 빠른 링크가 반복되는 하단 막대가 나타납니다.

5. 넥시스: Elementor 빛 SaaS 바닥 글 템플릿

짧은 브랜드 인트로,세 개의 링크 열 및 소셜 아이콘이 있는 흰색 바닥글,저작권 표시줄로 닫혀 있습니다. 레이아웃이 일반적이므로 대부분의 브랜드에 적합합니다.

6. Optivue: Elementor SaaS 시험 바닥글 템플릿

맨 윗줄에는 노란색 평가판 버튼 옆에 “14 일 동안 시작하자”라고 적혀 있습니다. 그 아래에는 한 줄짜리 제품 소개와 검정색의 회사 및 소셜 열이 있습니다.

7. Sempla: Elementor 네 열 SaaS 바닥 글 템플릿

페이지,유틸리티, 리소스 및 도움말은 각각 열을 얻고 로고와 저작권은 하단 막대로 내려갑니다. SaaS 그룹의 가장 많은 링크를 보유합니다.

8. Zaplyte: Elementor SaaS 바닥글 템플릿

소셜 아이콘은 로고 아래에 있으며 회사, 도움말 및 리소스 열은 깨끗한 흰색 레이아웃의 오른쪽을 채웁니다.

CTA 또는 뉴스레터가 포함된 바닥글 템플릿입니다

이 바닥글은 행동 촉구와 함께 열립니다: 큰 헤드 라인 카드, 시험 양식 또는 뉴스 레터 바. 그들은 바닥으로 스크롤 한 방문자에게 떠나는 것 외에 할 일을 제공합니다.

9. CTA 상자 기관: Elementor 기관 접촉 상자 바닥글 템플렛

개요 연락처 상자는 4 개의 어두운 열 위에 있습니다: 소개, 서비스, 사례 연구 및 뉴스 레터 가입.

10. 뉴스 레터 바: Elementor 뉴스 레터 바닥 글 템플릿

이메일 필드와 구독 버튼이 있는 뉴스레터 막대가 상단을 가로질러 실행됩니다. 그 아래에는 제품,회사 및 지원 열과 연락처 열이 있습니다.

11. Techbyte: Elementor 기관 CTA 바닥 글 템플릿

어두운 둥근 카드는 옆에 시작 버튼이있는 “멋진 프로젝트가 있습니까?”라고 묻습니다. 얇은 선 아래에는 Techbyte 이름,두 줄의 소개 및 텍스트 소셜 링크가 있습니다.

12. Clowdify: Elementor CTA 카드 바닥 글 템플릿

바닥글은 둥근 보라색 카드,큰 헤드 라인 및 무료 클라우드 사용 버튼으로 열립니다. 링크는 그 뒤에옵니다.

13. Sabrion: Elementor 평가판 가입 바닥글 템플릿

보라색에서 이메일 필드는 14 일 평가판을 시작하고 아래 열에는 회사 링크,더 많은 링크 및 연락처 정보가 있습니다. 양식은 버튼이 다른 바닥 글에서 수행하는 작업을 수행합니다.

14. Shiftflow: Elementor 작업 보드 바닥 글 템플릿

한쪽에 작업 카테고리 링크와 다른쪽에 알림 버튼으로 작업 경고 가입 오늘 일자리를 찾지 못한 방문자는 다음 일에 대해 듣고 요청할 수 있습니다.

지역 비즈니스 및 서비스 바닥글 템플릿

청소 회사,치과의사, 배관공,치료 클리닉,레스토랑, 부동산 중개인 및 IT 회사를위한 바닥 글. 대부분은 전화 번호,주소 및 영업 시간을 고객이 기대하는 곳에 넣습니다.

15. HomeAxis: Elementor 부동산 바닥 글 템플릿

전화, 이메일 및 사무실 위치는 탐색 및 리소스 링크 옆에 있습니다. 모든 목록 페이지의 구매자는 여기에서 상담원에게 연락할 수 있습니다.

16. Tecpart: Elementor IT 회사 바닥글 템플릿

모든 페이지와 Follow Us 링크의 2열 목록으로, Tecpart 헤더와 동일한 너비로 상자에 표시됩니다.

17. Balanciq: Elementor 치료 클리닉 바닥 글 템플릿

메뉴 행이 상단을 가로질러 달리고,연락처 세부 정보와 그 아래 클리닉 위치가 네이비 색으로 되어 있습니다. Balanciq 키트의 차분한 간격을 유지합니다.

18. 클리너: Elementor 청소 서비스 바닥 글 템플릿

서비스 목록, 빠른 링크, 라벨이 붙은 전화, 이메일 및 주소 줄이 있는 흰색 바닥글입니다.

19. 청소: Elementor 청소 회사 바닥 글 템플릿

한 줄의 태그라인과 회사,서비스 및 소셜 열이 있는 진한 파란색 바닥글. Cleanery 헤더와 동일한 파란색을 사용합니다.

20. 요리: Elementor 레스토랑 바닥글 템플릿

페이지 링크는 4 장의 사진 Instagram 그리드 옆에 있습니다. 레스토랑의 경우 바닥 글의 음식 사진은 링크의 다른 열보다 더 많은 작업을 수행합니다.

21. 치과: Elementor 치과 진료소 바닥 글 템플릿

서비스,개원 시간,클리닉 주소,전화 및 이메일 네이비. 환자는 모든 페이지에서 시간을 확인할 수 있습니다.

22. 그립: Elementor 기관 바닥 글 템플릿

매우 큰 로고와 태그 라인이 어두운 올리브 배경에서 위쪽 절반을 차지합니다. 주소,전화 및 이메일,두 페이지 링크 및 네 개의 소셜 링크가 아래에 일렬로 앉아 있습니다.

23. Plumbiq: Elementor 배관 서비스 바닥 글 템플릿

페이지 링크,통화 및 이메일 세부 정보,서비스 지역 및 영업 시간이있는 어두운 바닥 글. 그것은 사람들이 배관공에게 전화하기 전에 확인하는 것들입니다.

쇼핑 및 블로그 바닥글 템플릿

상점 및 블로그의 바닥 글: 지불 아이콘, 최신 게시물, 영업 시간 및 카테고리에 대한 많은 링크 열.

24. 블로그 및 영업 시간: Elementor 블로그 바닥 글 템플릿

최신 게시물이 있는 검은색 바닥글,카테고리 클라우드 및 영업 시간 표. 상점이나 스튜디오도 운영하는 블로그에서 작동합니다.

25. 영업 시간 카드: Elementor 영업 시간 바닥 글 템플릿

왼쪽에는 주소, 전화 및 이메일이 있고 오른쪽에는 파란색 영업 시간 카드가 있습니다.

26. 지불 아이콘 상점: Elementor 상점 바닥 글 템플릿

제품,회사 및 지원 링크 Visa,Mastercard 및 PayPal 아이콘 아래에 있습니다. 쇼핑객은 체크 아웃 전에 어떤 카드를 가져 가는지 확인합니다.

27. Sartivo: Elementor 패션 스토어 바닥 글 템플릿

컬렉션,도움말 및 회사 페이지에 대한 5 개의 링크 열,결제 아이콘 및 뉴스 레터 블록이 있습니다. 많은 카테고리가있는 상점에 적합합니다.

클래식 및 최소 바닥글 템플릿

4 열 바닥글과 중심 최소 것들. 그들은 거의 모든 사이트에 적합하고,몇몇은 단지 로고,메뉴 및 소셜 링크입니다.

28. 중심 어두운 접촉: Elementor 중심 접촉 바닥 글 템플릿

로고, 짧은 소개, 주소, 전화, 팩스 및 소셜 아이콘은 모두 검정색을 중심으로 합니다.

29. 중심 사회: 요소 중심 사회 바닥 글 템플릿

중앙에 위치한 로고,색깔이 있는 소셜 버튼 한 줄과 중앙에 위치한 메뉴 한 개. 여기 미니멀 블루 소셜 옆에 있는 가장 작은 두 바닥글 중 하나입니다.

30. 어두운 Instagram: Elementor 어두운 4 열 바닥 글 템플릿

연락처 세부 정보, 유용한 링크, 구독 메모 및 4개의 어두운 열에 걸친 Instagram 사진 그리드, 하단에 저작권 표시줄이 있습니다.

31. 길찾기: Elementor 길찾기 바닥글 템플릿

방향 가져오기 버튼, 서비스 및 회사 링크, 뉴스레터 가입이 포함된 어두운 바닥글입니다.

32. 빛 Instagram: Elementor 빛 4 열 바닥 글 템플릿

흰색에 동일한 4열 레이아웃이 있으며 Instagram 그리드 아래에 더보기 링크가 있습니다.

33. 최소 블루 사회: Elementor 최소 바닥 글 템플릿

중앙에 로고가 있고 Facebook, Twitter, Dribbble, Behance 및 Instagram 링크 라벨이 붙은 파란색 바닥글입니다.

34. 온라인 코스: Elementor 온라인 코스 바닥글 템플릿

코스 목록, 컬러 소셜 버튼, 코스 공지사항 뉴스레터 가입이 포함된 가벼운 바닥글입니다.

귀하의 사이트에 맞는 바닥글 템플릿은 무엇입니까?

웹사이트 바닥글에 넣을 내용

웹사이트 바닥글은 방문자가 메뉴에서 찾을 수 없을 때 찾는 것들을 담아야 합니다. 대부분의 좋은 바닥글에는 다음 7가지 항목이 포함됩니다:

1. 귀하의 로고와 한 줄 설명으로, 깊은 페이지에 도착한 사람은 그것이 누구의 사이트인지 알 수 있습니다.
2. 사람들이 가장 많이 찾는 페이지에 대한 링크: 가격, 서비스, 정보, 연락처, 직업, 도움말 또는 문서.
3. 연락처: 전화, 이메일, 주소, 전화와 이메일을 클릭 가능한 링크로 사용합니다.
4. 영업시간, 매장, 진료소, 사무실 직원이 방문하는 경우.
5. 실제 계정을 가리키는 소셜 프로필 링크.
6. 법적 링크: 개인 정보 보호 정책, 약관, 쿠키 또는 접근성 페이지가 필요한 경우.
7. 현재 연도의 저작권 라인. 오래된 년은 사이트를 버려진 것처럼 보이게합니다.

두 가지 선택 추가 사항은 대부분의 사이트에서 공간을 가치가있다: 뉴스 레터 양식 또는 짧은 행동 전화. 이메일을 수집하는 경우, 우리의 목록 의 최고의 워드 프레스 뉴스 레터 플러그인 양식 뒤에 있는 도구를 선택하는 데 도움을 줄 수 있습니다. 지역 비즈니스의 경우 영업 시간 위젯 업데이트할 수 있는 하나의 테이블에 열린 시간을 유지합니다.

웹사이트 바닥글 디자인: 무엇이 효과가 있고 무엇을 피해야 하는지

이 게시물을 작성하기 전에 데스크톱 및 전화 너비의 34 개 바닥 글을 모두 확인했으며 발견 한 모든 문제는 라이브 데모에서 수정되었습니다. 그 감사는 자신의 바닥 글에서 찾아야 할 편리한 목록입니다.

최고의 웹사이트 바닥글이 하는 일

• 각 열에 하나의 작업을 부여합니다. Sempla 는 페이지,유틸리티, 리소스 및 도움말을 분할하므로 방문자가 제목을 스캔하고 어디를 봐야 할지 알 수 있습니다.
• 링크 위에 하나의 작업을 넣습니다. Finix,Optivue 및 Clowdify 는 끝까지 읽는 방문자를 잡는 링크 열 앞에 평가판을 요청합니다.
• 연락처 정보를 클릭할 수 있도록 합니다. 전화번호를 사용해야 합니다 tel: 링크 및 이메일 주소 mailto:를 누르면 전화에서 통화가 시작되거나 메일 앱이 열립니다.
• 헤더와 일치시킵니다. Cleanery,Tecpart 및 Balanciq 와 같은 키트 푸터는 헤더 색상과 너비를 재사용하므로 각 페이지의 상단과 하단이 일치합니다.
• 어두운 배경에서 대비 높게 유지. 네이비 또는 블랙의 밝은 회색 링크는 읽기 쉽고 중간 회색 라벨은 읽지 않습니다.

일반적인 바닥글 디자인 실수

이것들은 원래의 템플릿에서 계속해서 나왔습니다. 그들 모두는 지금 고정되어 있으며,당신이 만들거나 구입하는 모든 바닥 글에서 확인할 가치가 있습니다:

• 자리 표시자 텍스트가 남아 있습니다: 17개의 바닥글에는 여전히 Lorem Ipsum 또는 샘플 사본이 있었고 일부는 “termix를 무료로 사용해 보세요”라고 적힌 Finix 바닥글과 같이 잘못된 브랜드 이름을 지정했습니다.
• 모든 열의 동일한 링크: 9 개의 바닥 글이 다른 열 제목 아래에 동일한 링크를 반복했습니다. 각 열에 대해 별도의 WordPress 메뉴를 구축하십시오.
• 이메일 주소 위의 “전화:”와 같이 값과 일치하지 않는 레이블.
• 대비가 낮은 버튼과 텍스트: 하나의 데모 버튼은 2.0:1 에서 밝은 녹색에 흰색 텍스트를 가졌습니다. WCAG는 일반 텍스트에 대해 4.5:1 을 요구합니다.
• 제출 버튼이 없거나 양식 플러그인이 누락되어 원시 단축 코드가 표시되는 가입 양식입니다.
• 링크가 없는 소셜 아이콘과 몇 년이 지난 저작권 연도입니다.

모바일 웹사이트 바닥글 팁

전화에서는 4 열 바닥글이 하나의 긴 열이 되므로 주문이 중요합니다. 연락처 세부 정보와 가장 많이 사용되는 링크를 먼저 입력하고 그 뒤에 뉴스 레터를 넣으십시오. 링크와 버튼을 44px 이상으로 만들고 화면 가장자리를 지나서 튀어 나온 요소가 없는지 확인하면 옆으로 스크롤됩니다. Elementor 에서는 편집기에서 모바일 보기로 전환하고 컨테이너가 저절로 쌓이지 않으면 열 너비를 100%로 설정합니다.

더 많은 레이아웃 아이디어를 얻으려면 Nielsen Norman Group이 유용합니다 바닥글 디자인 패턴 안내 다양한 종류의 사이트에 포함할 내용의 예입니다.

Elementor 바닥글 템플릿을 사이트에 추가하는 방법

바닥글은 테마 빌더 템플릿입니다: 한 번 빌드하면 모든 페이지 하단에 나타납니다. Master Addons 의 바닥글 빌더는 무료이며 핵심 Elementor 와 함께 작동하므로 Elementor Pro 가 필요하지 않습니다.

아래 비디오는 템플릿 라이브러리에서 라이브 사이트로 이러한 바닥글 중 하나를 가져옵니다. 그 아래에 동일한 단계가 기록됩니다.

1. 대시보드에서 다음으로 이동합니다 마스터 애드온 → 테마 빌더를 클릭합니다 새 템플릿 추가를, 로 유형을 놓으십시오 바닥글 그리고 클릭하세요 Elementor 로 편집.
2. 편집기에서 을 클릭합니다 마스터 애드온 템플릿 버튼, 열기 바닥글 탭하고 디자인을 선택한 후 클릭하세요 삽입.
3. 로고와 텍스트를 교체하고 각각을 가리킵니다 Nav 메뉴 위젯 자신의 워드 프레스 메뉴에서, 그리고 실제 휴대 전화, 이메일 및 소셜 프로필 URL을 추가. 바닥 글에 양식이있는 경우, 자신의에 연결 문의 양식 7 양식.
4. 열다 조건 탭, 세트 포함 → 전체 사이트 및 게시합니다.
5. 테마가 여전히 새 테마의 아래에 자체 푸터를 인쇄하는 경우 해당 설정 또는 사용자 정의에서 테마 푸터를 끕니다.

X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 바닥글 테마 빌더 가이드 각 단계를 스크린샷으로 보여줍니다. 기존 바닥글을 교체하는 것보다 편집하려면 튜토리얼을 따르세요 elementor를 사용하여 WordPress에서 바닥글을 편집하는 방법.

바닥글, 헤더, 섹션 또는 키트: 어떤 템플릿이 필요합니까?

바닥글 템플릿은 사이트의 한 부분을 다룹니다. 동일한 라이브러리가 있습니다 헤더 템플릿 페이지 상단의 경우 Elementor 섹션 템플릿 가격이나 FAQ와 같은 단일 밴드의 경우 전체 페이지 템플릿, 그리고 템플릿 키트 머리말, 바닥글 및 모든 페이지를 하나의 일치하는 스타일로 묶습니다.

라이브러리에서 Pro로 표시된 바닥글에는 다음이 필요합니다 마스터 애드온 프로 라이센스또한 이러한 바닥글의 대부분은 전체 키트의 잠금을 해제합니다. 사이트에 그들을 배치 바닥글 빌더는 어느 쪽이든 무료로 유지됩니다.

자주 묻는 질문

바닥글을 선택하고 한 번 설정하세요

사이트에 맞는 그룹을 선택하고,맞는 바닥글을 삽입하고,자신의 세부 정보에 스왑하십시오. 나중에 마음이 바뀌면 동일한 테마 빌더 템플릿을 열고 이전 디자인을 삭제하고 다른 디스플레이 조건을 그대로 유지합니다.

관련 읽기: elementor 템플릿을 가져오는 방법, Elementor 헤더 템플릿 그리고 바닥글을 만드는 Elementor 의 자체 가이드.