😍문의 알림 메일 설정, 푸터(Footer)에 사업자 정보 넣기, 배경 이미지 어둡게 만들기 (Background Overlay), 문의하기 버튼 클릭 시 '카카오톡 채팅' 연결, '전화 걸기'와 '카톡' 버튼 나누기 (모바일용)

문의 양식 설정과 배경 이미지 보정은 홈페이지의 **’기능성’**과 **’가독성’**을 결정짓는 핵심 단계입니다. 엘리멘터(Elementor)에서 바로 적용하실 수 있게 설명해 드릴게요. 🙂

1️⃣ 문의 알림 메일 설정 (Email Notifications)

고객이 문의를 남겼을 때 사용자님의 이메일로 즉시 알림이 오도록 설정하는 방법입니다.

엘리멘터 편집기에서 생성한 [Form] 위젯을 클릭합니다.
왼쪽 설정 패널에서 [Actions After Submit] 탭을 클릭합니다.
Add Action 칸에 **’Email’**이 포함되어 있는지 확인하세요. (없다면 클릭해서 추가)
바로 아래 새로 생긴 [Email] 탭을 클릭하여 상세 설정을 합니다.
- To: 알림을 받을 사용자님의 이메일 주소를 입력합니다.
- Subject: 메일 제목입니다. (예: [홈페이지] 새로운 거래 문의가 접수되었습니다.)
- Message: [all-fields]라고 적혀 있으면 고객이 입력한 모든 내용이 메일로 옵니다. (그대로 두시면 됩니다.)
- From Email: 보통 서버 기본 이메일이 적혀 있는데, 가급적 도메인 메일(예: info@yourdomain.com)을 쓰시는 게 스팸함으로 빠지지 않는 비결입니다.
저장(Update) 후, 실제 사이트에서 테스트 문의를 넣어 메일이 잘 오는지 확인해 보세요!

사료 사진 위에 흰색 글씨를 썼을 때, 사진이 너무 밝으면 글자가 안 보이죠? 이때 **’백그라운드 오버레이’**를 사용하면 영화처럼 멋지고 가독성 높은 화면이 됩니다.

이미지가 배경으로 깔린 **[섹션(또는 컨테이너)]**을 선택합니다.
왼쪽 설정 패널에서 [스타일(Style)] 탭으로 이동합니다.
[Background Overlay] (배경 오버레이) 항목을 클릭합니다.
Normal 상태에서 Background Type의 ‘클래식(브러쉬 아이콘)’을 누릅니다.
Color: 검은색(#000000) 또는 진한 녹색(#1A3317)을 선택합니다.
Opacity (불투명도): 바를 조절하여 어둡기를 결정합니다. (보통 0.5 ~ 0.7 사이가 글자가 가장 잘 보입니다.)
- 꿀팁: 사진의 중요한 부분(사료 알갱이 등)이 안 보인다면, 바로 위 [Background] 설정에서 ‘Position’을 ‘Center Center’로 맞춰보세요.

UIcore 테마를 쓰고 계시므로, 버튼이나 입력창 스타일이 이미 예쁘게 잡혀 있을 거예요.

입력창 디자인: [Form] 위젯의 [Style] 탭에서 Field 항목의 테두리(Border) 두께를 1px 정도로 주고, UIcore 메인 컬러를 적용하면 브랜드 일관성이 더 좋아집니다.
성공 메시지: [Additional Options]에서 고객이 문의를 보낸 후 나타날 문구(예: “성공적으로 접수되었습니다. 담당자가 곧 연락드리겠습니다.”)를 한국어로 수정해 주는 것도 잊지 마세요!

이제 사이트가 거의 전문가 수준으로 보이기 시작할 거예요. 😊

다음 단계로 진행해 볼까요?

홈페이지의 마무리인 푸터(Footer) 설정과 고객의 접근성을 높여주는 카카오톡 연결 방법입니다! 이 두 가지만 완료하면 비즈니스 사이트로서의 신뢰도와 편의성이 모두 갖춰지게 됩니다. 🙂

UIcore 테마는 전용 푸터 빌더를 사용하는 경우가 많습니다. 가장 깔끔하게 정보를 넣는 방법은 다음과 같습니다.

워드프레스 관리자에서 **[Theme Options] -> [Footer]**로 이동합니다.
Footer Text 또는 Copyright Text 칸을 찾으세요.
여기에 아래 양식을 복사해서 사용자님의 정보로 수정해 넣으시면 됩니다.상호명: [회사이름] | 대표: [이름] | 사업자등록번호: [000-00-00000]
주소: [회사 주소 입력] | 전화: [전화번호] | 이메일: [이메일주소]
© 2026 [회사명]. All rights reserved. 😊

만약 푸터를 엘리멘터로 직접 만드신다면:

코딩 없이 아주 간단하게 링크만 걸면 됩니다. 고객이 버튼을 누르면 바로 사용자님의 카톡 상담창이 뜹니다.

엘리멘터 편집기에서 [문의하기 버튼] 위젯을 클릭합니다.
왼쪽 [Content] 탭의 Link 칸에 준비한 카카오톡 주소를 붙여넣으세요.
링크 칸 옆의 **[톱니바퀴 아이콘(Link Options)]**을 누르고 **’Open in new window (새 창에서 열기)’**를 체크합니다. (그래야 홈페이지가 꺼지지 않고 카톡이 뜹니다.)

B2B 고객 중에는 성격 급한 사장님들도 많으셔서 전화 버튼도 효과가 좋습니다. 버튼 두 개를 나란히 배치해 보세요.

이렇게 설정하면 모바일에서 전화 버튼을 누르자마자 바로 통화 화면으로 연결됩니다! 😊

이제 홈페이지의 필수 기능이 모두 완성되었네요! 정말 멋진 사료 수입업체 사이트가 될 것 같습니다.

마지막으로 체크해 드릴까요?