피드백 양식 템플릿입니다. 출발 PHP 피드백 양식. WordPress에 대한 피드백

사이트에 대한 피드백 양식제가 보여드릴 는 Ajax 기술의 사용을 기반으로 합니다. 하지만 걱정하지 마세요. 이것을 알 필요는 없습니다. 모든 것이 이미 준비되어 있으므로, 이 양식을 설치하고 직접 맞춤화하기만 하면 됩니다!

여러분, 대본은 오래 전에 구식이었습니다. 어떤 사람에게는 효과가 있지만 다른 사람에게는 그렇지 않습니다. 그리고 업데이트는커녕 알아내기에도 너무 게으릅니다. 따라서 귀하의 재량에 따라 테스트하십시오.

이메일로 전송된 PHP 피드백 양식

이것 웹사이트 피드백 양식그 자체로 매우 기능적이며, 매력적인 외관을 만들고 입력한 데이터의 유효성(읽기 정확성)을 확인하는 여러 플러그인이 연결되어 있습니다. 이 플러그인은 위대하고 강력하게 작동합니다! 그리고 그들은 다음과 같이 호출됩니다:

    1. JQTransform– 피드백 양식을 아름답게 만들 수 있는 플러그인!

    2. 양식 유효성 검사기– 이 플러그인은 문의 양식에 입력된 정보가 정확한지 확인하고, 문제가 발생하면 툴팁을 표시합니다!

이 양식의 전체 작업을 위해 PHPMailer 클래스가 사용됩니다. 최고 중 하나로 간주됩니다!

똑똑한 사람들을 위한 참고 사항:

사이트에 대한 피드백 양식은 HTML로 작성할 수 있습니다! 하지만 이는 PHP의 도움을 통해서만 작동하기 시작합니다! 그리고 다른 것은 없습니다!

HTML로만 된 피드백 양식을 찾는 분들을 위한 글입니다. 당신은 그것을 할 것이지만 그것은 작동하지 않을 것입니다!

따라서 귀하의 시스템은 PHP를 지원해야 하며, 이 문의 양식의 경우 PHP 버전이 5 이상이어야 합니다. 내가 분명히 밝히기를 바라요? 또한 이제 모든 일반 호스팅에서 이러한 조건을 지원합니다!

저는 www.tutorialzine.com 웹사이트에서 이 피드백 양식을 찾았습니다. 링크는 원본 페이지로 바로 연결됩니다. 이 양식 작성자의 웹사이트입니다!

모든 것이 영어로 되어 있기 때문에 Sasha와 저는 이 문의 양식과 이에 연결된 플러그인 자체를 Russify하기 위해 약간의 노력을 기울여야 했습니다.

솔직히 말해서 우리는 다양한 버그가 나타나기 시작했기 때문에 이틀 동안 이 "양식"을 만지작거렸고, 완전히 완료되지 않은 피드백 양식, 특히 이렇게 아름다운 피드백 양식을 게시하고 싶지 않았습니다! 따라서 모든 일을 스스로하는 팬이고 생각이 가장 밝은 머리에 떠오르는 경우-이 양식을 직접 Russify하려면 단순히 문구 번역에만 국한되지 않으므로 몇 가지 팁을 제공하겠습니다.

    1. 이 피드백 양식은 부르주아 계층을 위해 맞춤화되었으며 거기에서 다운로드되었으므로 일반 러시아어 문자 대신 krakozyabl을 보내드립니다. 코딩을 이해하세요. 그리고 일반적으로 모든 "봉인"이 이것과 연관됩니다!

    2. 검증 스크립트는 처음에는 우리의 편지를 이해하지 못하므로 그곳에 작성해야 합니다!

    3. 이 단계 후에도 편지의 제목을 러시아어로 지정하면 제목이 포함된 편지가 도착합니다. - 제목 없음(제대로 썼으면 좋겠습니다), PHPMailer 클래스 파일에 인코딩을 지정하면 이 문제를 해결할 수 있습니다. .

    4. 원래 형태에서는 입력란의 텍스트가 가운데가 아닌 아래쪽으로 눌려져 있었습니다. 이것은 JQTransform 플러그인의 결함입니다.

글쎄, 모든 것이 기록되고 경고 된 것 같습니다. 계속하자!

실제로 가장 일반적인 작업 중 하나는 피드백 양식을 구현하는 것입니다. HTML 코드 작성, CSS로 디자인, 사용자로부터 받은 데이터를 처리하여 메일로 보내는 PHP 스크립트 생성, 입력된 데이터의 적합성에 대한 양식을 확인하는 JS 스크립트 작성, 보호 등을 의미합니다. 봇 공격으로 인해 사서함이 무너지지 않도록 스팸으로부터 우리의 아이디어를 얻었습니다.

위의 모든 사항은 검토에서 논의되고 자세히 설명됩니다.

이제 피드백 양식 작성을 시작해 보겠습니다.

HTML

먼저, 사용자가 채울 필드를 지정하는 HTML 코드를 작성합니다. 향후 공식화될 예정입니다. 양식 코드는 다음과 같습니다.

< form method= "post" action= "mail.php" > < div class = "left" > < label for = "name" >이름: < input maxlength= "30" type= "text" name= "name" /> < label for = "phone" >전화: < input maxlength= "30" type= "text" name= "phone" /> < label for = "mail" >이메일: < input maxlength= "30" type= "text" name= "mail" /> < div class = "right" > < label for = "message" >메시지: < textarea rows= "7" cols= "50" name= "message" > < input type= "submit" value= "보내다" />

이제 시각적으로 다음과 같이 보입니다.

동의합니다. 지금까지는 모든 것이 추악하고 명확한 것이 없지만 이제 막 시작했습니다.

위의 코드를 자세히 살펴보겠습니다.

  • < form method= "post" action= "mail.php" > …


    양식을 작성하려면 양식 태그를 사용해야 합니다. 코드 해석기 양식의 시작과 끝을 결정하는 사람은 바로 그 사람입니다. 다른 태그와 마찬가지로 전체 속성 세트가 있지만 양식이 작동하는 데 필요한 두 가지만 있습니다. 이는 메소드(서버에 요청을 보내는 방법, 게시물이 양식의 표준으로 사용됨) 및 조치( 즉, 이 파일에는 사용자가 입력한 값을 이메일로 보내는 PHP 스크립트가 포함되어 있는 양식 핸들러 파일의 경로를 나타냅니다. 이는 우리가 고려 중인 페이지와 동일한 사이트 디렉토리에 있습니다).
  • < input maxlength= "30" type= "text" name= "name" />


    다음으로 입력이 있습니다. 이는 실제로 사용자가 필요한 정보를 입력하는 양식 필드 자체입니다(type="text"는 이것이 텍스트임을 나타냅니다). maxlength 속성은 사용자가 특정 양식 필드에 입력할 수 있는 문자 수를 지정합니다. 가장 중요한 속성은 이름입니다. 이는 특정 필드의 이름을 지정합니다. PHP 스크립트는 이후에 입력된 정보를 처리하는 이름을 사용합니다. 원하는 경우 필드 안에 커서를 놓으면 사라지는 텍스트를 표시하는 자리 표시자 속성을 설정할 수도 있습니다. 자리 표시자의 문제점 중 하나는 일부 이전 브라우저에서는 지원되지 않는다는 것입니다.
  • < label for = "name" >이름:


    자리 표시자를 포기한 경우에 사용됩니다. 일반 필드 서명인 for 속성은 이 서명이 참조하는 특정 필드를 알려줍니다. 값은 우리가 관심 있는 필드의 이름을 나타냅니다.
  • < textarea rows= "7" cols= "50" name= "message" >


    입력과 마찬가지로 사용자가 정보를 입력하도록 되어 있지만 이번에는 필드가 긴 메시지에 맞게 조정되었습니다. 행은 필드 크기를 행 단위로 지정하고 열은 문자 단위로 지정합니다. 일반적으로 필드의 높이와 너비를 설정합니다.
  • < input type= "submit" value= "보내다" />


    Type="submit"은 이것이 양식 제출을 위한 버튼임을 알려주고 value는 이 버튼 안에 포함될 텍스트를 지정합니다.
  • < div class = "right" >


    양식의 추가 시각적 디자인에만 사용됩니다.

CSS

피드백 양식이 보기 좋게 보이도록 하려면 서식을 지정해야 합니다. 다음 결과를 얻으려면:

우리는 다음 코드를 사용했습니다.

양식(배경: #f4f5f7; 패딩: 20px; ) 양식. 왼쪽, 양식 . 오른쪽 ( 디스플레이: 인라인 블록; 수직 정렬: 상단; 너비: 458px; ) 형식. 오른쪽( 패딩 - 왼쪽: 20px; ) 라벨( 디스플레이: 블록; 글꼴 - 크기: 18px; 텍스트 - 정렬: 센터; 여백: 10px 0px 0px 0px; ) 입력, 텍스트 영역( 테두리: 1px 솔리드 #82858D; 패딩: 10px; 글꼴 크기: 16px; 너비: 436px; ) 텍스트 영역( 높이: 98px; 여백 하단: 32px; ) 입력[ 유형= "제출" ]( 너비: 200px; 부동: 오른쪽; 테두리: 없음; 배경: #595B5F; 색상: #fff; 텍스트 변환: 대문자;

CSS를 자세히 설명하는 데에는 요점이 없습니다. 핵심 사항에만 주의를 기울이겠습니다.

  1. 양식의 태그마다 디자인을 작성할 필요가 없습니다. 몇 줄의 코드로 필요한 모든 요소를 ​​디자인할 수 있는 방식으로 선택기를 구축해 보세요.
  2. 불필요한 유형 태그를 사용하여 줄을 끊고 들여쓰기를 만들지 마세요. < br>, < p> 등. 디스플레이: 블록 및 여백 속성이 있는 CSS는 이러한 작업에 잘 대처합니다. 사용하면 안되는 이유에 대해 자세히 알아보기 < br> 일반적인 레이아웃에 대해서는 태그 br 기사에서 읽을 수 있지만 정말 필요한가요? .
  3. 양식에 테이블 형식 레이아웃을 사용하면 안 됩니다. 이는 이 태그의 의미와 모순되며 검색 엔진은 의미 코드를 좋아합니다. 문서의 시각적 구조를 형성하려면 div 태그와 CSS에 지정된 표시 속성인 inline-block(블록을 연속으로 정렬) 및 Vertical-align: top(화면 전체에 흩어지는 것을 방지)만 필요합니다. , 필요한 높이로 설정하면 짜잔, 불필요한 것은 없으며 모든 것이 필요한 방식으로 배치됩니다.

웹 사이트 디자인에 소요되는 시간을 절약하고 싶은 사람들에게는 웹 사이트, 특히 직접 작성한 웹 사이트를 만들 때 CSS 프레임워크를 사용하는 것이 좋습니다. 이와 관련하여 제가 선택한 것은 Twitter Bootstrap입니다. 이를 사용하여 양식을 디자인하는 방법에 대한 강의를 시청할 수 있습니다.

PHP

이제 양식을 작동시킬 시간입니다.

사이트의 루트 디렉토리로 이동하여 이전에 form 태그의 action 속성에 경로를 지정한 mail.php 파일을 생성합니다.

궁극적으로 그의 코드는 다음과 같습니다:

귀하의 메시지가 성공적으로 전송되었습니다 \" javascript: History.back()\" >뒤로 이동

" ; if (!empty ($_POST [ "name" ] ) 및 !empty ($_POST [ "phone" ] ) 및 !empty ($_POST [ "mail" ] ) 및 !empty ($_POST [ "message" ] ) ) ( $name = 트림 (strip_tags ($_POST [ "name" ] ) ) ) ; $phone = 트림 (strip_tags ($_POST [ "phone" ] ) ) ; $mail = 트림 (strip_tags ($_POST [ "mail" ] ) ) ; $message = Trim (strip_tags ($_POST [ "message" ] ) ; mail (, , "내가 당신에게 썼습니다: " . $name ."
그의 전화번호: " . $phone . "
그의 메일: " . $mail . "
그의 메시지: "
. $메시지, ) ; 에코 "귀하의 메시지가 성공적으로 전송되었습니다!
곧 답변을 받으실 수 있습니다.
$뒤로 "
; 출구 ;

) else ( 에코 ; 종료 ; ) ?>

이 문서의 HTML 및 CSS 부분에 대한 논의는 건너뛰셔도 됩니다. 기본적으로 이것은 귀하의 바람과 필요에 따라 디자인할 수 있는 일반 웹사이트 페이지입니다. 가장 중요한 부분인 양식 처리를 위한 PHP 스크립트를 살펴보겠습니다.

\" javascript: History.back()\" >뒤로 이동

" ;

$뒤로 = "

if (!empty ($_POST [ "name" ] ) 및 !empty ($_POST [ "phone" ] ) 및 !empty ($_POST [ "mail" ] ) 및 !empty ($_POST [ "message" ] ) ) ( //핸들러 내부 부분) 다른 ( 에코 "메시지를 보내려면 모든 항목을 입력하세요! $back "; 출구 ;

)

여기서는 필드가 꽉 찼는지 확인하기 위해 양식 검사를 추가합니다. 짐작하셨듯이, $_POST["name"] 부분에 따옴표로 묶어서 입력의 name 속성 값을 씁니다.

모든 필드가 채워지면 스크립트는 내부 부분의 데이터를 처리하기 시작하지만 하나 이상의 필드가 채워지지 않은 경우 사용자 화면에 모두 작성하라는 메시지가 표시됩니다. echo "메시지를 보내려면 모든 필드를 작성하세요! $back" 양식의 필드와 첫 번째 줄에서 만든 이전 페이지로 돌아가는 링크가 있습니다.

다음으로 양식 처리기의 내부 부분에 붙여넣습니다.

$name = 트림(strip_tags($_POST["name"])); $phone = 트림(strip_tags($_POST["phone"])); $mail = 트림(strip_tags($_POST["mail"])); $message = 트림(strip_tags($_POST["message"]));

따라서 우리는 html 태그와 추가 공백에서 사용자가 입력한 데이터를 지웠습니다. 이를 통해 당사에 전송된 메시지에 포함된 악성 코드를 수신하지 않도록 보호할 수 있습니다.

검사는 더 복잡해질 수 있지만 이는 귀하의 재량에 달려 있습니다. 우리는 이미 서버 측에 최소한의 보호 기능을 설치했습니다. JS를 사용하여 클라이언트 측에서 나머지 작업을 수행합니다.

JS를 위해 서버 측에서 양식 보호를 완전히 포기하는 것은 권장하지 않습니다. 극히 드물지만 브라우저에서 JS가 비활성화된 고유한 보호 기능이 있기 때문입니다.

태그를 정리한 후 메시지 보내기를 추가하세요. 메일(, "[email protected]""your_site_address에서 보낸 편지"
그의 전화번호: " . $phone . "
그의 메일: " . $mail . "
, "당신에게 편지를 썼습니다:" . $이름 . "
그의 메시지: " . $메시지) ;

"콘텐츠 유형:텍스트/html;charset=windows-1251"

  1. 메시지를 생성하고 우리에게 보내는 역할을 담당하는 것이 바로 이 라인입니다. 다음과 같이 작성됩니다.
  2. "[email protected]" – 여기서는 따옴표 사이에 이메일을 삽입합니다.
  3. “Letter from your_site_address”는 귀하의 이메일로 전송될 메시지의 제목입니다. 여기에는 무엇이든 쓸 수 있습니다. < br /> "내가 당신에게 썼습니다: ".$name." < br /> 그의 전화번호는 ".$phone"입니다. < br /> 이메일: ".$mail." < br /> 메시지: ".$message – 메시지 텍스트 자체를 구성합니다. $name – 이전 단계의 필드에 액세스하여 사용자가 입력한 정보를 삽입합니다. 따옴표 안에는 태그와 함께 이 필드의 의미를 설명합니다.
  4. Content-type:text/html;charset=windows-1251 - 마지막에는 메시지와 인코딩으로 전송된 데이터 유형이 명시적으로 표시됩니다.

중요한!

문서의 "헤드"에 지정된 인코딩( < meta http- equiv= "Content-Type" content= "text/html; charset=windows-1251" /> ), 메시지 Content-type:text/html;charset=windows-1251의 인코딩과 일반적으로 PHP 파일의 인코딩이 일치해야 합니다. 그렇지 않으면 메일로 받은 메시지에 러시아어 또는 대신 "미친 단어"가 표시됩니다. 영어 편지.

많은 사람들이 전송되는 메시지의 인코딩을 명시적으로 지정하지 않지만 일부 이메일 클라이언트에서는 이로 인해 향후 문제가 발생할 수 있으므로(읽을 수 없는 이메일이 메일로 전송됨) 어쨌든 지정하는 것이 좋습니다.

입력된 데이터의 정확성에 대한 양식 확인

사용자가 실수로 필드를 놓치지 않고 모든 항목을 올바르게 입력했는지 확인하려면 입력한 데이터를 확인하는 것이 좋습니다.

이는 서버 측의 PHP와 클라이언트 측의 JS에서 모두 수행될 수 있습니다. 저는 두 번째 옵션을 사용합니다. 이렇게 하면 사람이 추가 페이지 전환 없이 자신이 무엇을 잘못했는지 즉시 알아내고 오류를 수정할 수 있기 때문입니다.

양식의 HTML 부분이 있는 동일한 파일에 스크립트 코드를 붙여넣습니다. 우리의 경우에는 다음과 같습니다:

< script>function checkForm(form) ( var name = form.name.value; var n = name.match(/ ^[ A- Za- zA- Jaa- z ] * [ A- Za- zA- Ja- z ] + $/ ) ; if (!n) ( 경고( "입력한 이름이 올바르지 않습니다. 오류를 수정해주세요") ; 거짓을 반환 ; ) var 전화 = 양식. 핸드폰. 값; var p = 전화. match(/ ^[ 0 - 9 + ] [ 0 - 9 - ] * [ 0 - 9 - ] + $/ ) ; if (!p) ( 경고("전화번호가 잘못 입력되었습니다" ) ; 거짓을 반환 ; ) var 메일 = 양식. 우편. 값; var m = 메일 . match(/ ^[ A- Za- z0- 9 ] [ A- Za- z0- 9 \. _- ] * [ A- Za- z0- 9 _] *@ ([ A- Za- z0- 9 ] + ([ A- Za- z0- 9 - ] * [ A- Za- z0- 9 ] + ) * \ ) + [ A- Za- z] + $/ ) ; if (!m) ( 경고(

"입력한 이메일이 올바르지 않습니다. 오류를 수정해주세요"

) ; 거짓을 반환 ; ) true를 반환합니다. ) 이제 일반적인 분석은 다음과 같습니다.그에 대한,

< form method= "post" action= "mail.php" onSubmit= "return checkForm(this)" >

양식 제출 버튼을 클릭하면 양식을 확인합니다.


스크립트 실행을 양식 태그에 첨부합니다.

많은 경우 웹사이트 관리에는 피드백 메커니즘을 통한 방문자와의 상호작용이 포함됩니다. 다양한 버전으로 제공될 수 있습니다. 예를 들어 피드백 양식 형식입니다. 어떤 종류로 선보일 수 있나요? 해당 양식을 사이트 구조에 도입하면 어떤 특징이 있나요?

웹사이트의 피드백 양식은 무엇입니까?

문제의 양식은 방문자의 다양한 메시지를 사이트 관리자에게 전달하기 위해 설계된 인터페이스입니다. 이 양식은 이메일 주소를 사용하는 것의 편리한 대안이 될 수 있으며 경우에 따라 대화형 채팅 인터페이스를 사용할 수도 있습니다. 이를 사용함으로써 사용자는 자신의 메시지가 수신자에게 전달되고 스팸으로 끝나지 않을 것임을 확신할 수 있으며 동시에 사서함 작업을 위해 타사 프로그램을 사용할 필요가 없습니다.

온라인 리소스 방문자가 질문의 본질을 메시지에 반영할 수 있도록 사이트에 대한 피드백(HTML 형식, 예를 들어 PHP 스크립트 형식 또는 다른 프로그래밍 언어로 작성)을 구성할 수 있습니다. 자신의 개인 정보와 연락처 정보를 표시합니다. 사이트 관리자와 방문자 간의 상호 작용 인터페이스를 구현할 수 있는 메커니즘을 연구해 보겠습니다.

사이트에 대한 피드백을 정리하는 방법

다양한 방법으로 웹사이트에 대한 피드백 서비스를 시작할 수 있습니다. 가장 일반적인 것 중 :

피드백 양식을 위한 특수 HTML 코드를 생성하는 무료 온라인 서비스 사용

적절한 HTML 코드와 피드백 양식의 기능을 보장하는 데 필요한 PHP 스크립트를 제공하는 서비스 사용

미리 만들어진 스크립트를 사용하여 사이트 페이지의 HTML 코드에 통합합니다.

처음 2가지 방법은 웹 개발 경험이 많지 않은 사용자에게 적합할 수 있습니다. 결과적으로 세 번째 방법은 사이트에 대한 적절한 피드백 서비스를 웹 페이지 구조에 올바르게 통합할 수 있는 전문가에게 가장 적합한 경우가 많습니다. 그러나 이는 매우 조건부 종속성입니다. 실제로 서버를 사용하여 HTML 코드를 생성하는 것은 기성 PHP 스크립트를 다운로드하는 것보다 더 복잡한 절차가 될 수 있습니다. 이러한 기능을 실제로 사용할 수 있는 방법을 고려해 보겠습니다.

웹사이트의 PHP 스크립트 피드백 양식

사용자가 PHP 스크립트 형식으로 사이트에 대해 미리 작성된 피드백 양식을 사용하는 옵션을 선호하는 경우, 예를 들어 전문 사이트 script.landman.ru에서 다운로드할 수 있습니다. 해당 스크립트의 주요 기능은 다음과 같습니다.

사이트 사용자의 메시지 보내기

스팸 필터링;

특정 상품과 서비스를 주문하기 위해 스크립트를 사용하는 기능.

이 사이트의 개발팀이 제공하는 스크립트는 다음과 같습니다.

사이트 방문자의 메시지를 처리하도록 설계된 PHP 스크립트.

스팸 방지를 위한 특수 글꼴 세트입니다.

따라서 이 키트에는 간단하면서도 기능적이고 신뢰할 수 있는 피드백 양식을 구성하는 데 필요한 모든 것이 포함되어 있습니다. 훈련받지 않은 사용자도 매우 빠르게 설치할 수 있다는 점을 알 수 있습니다. landman.ru 사이트에 대한 기성 피드백 양식은 무료이지만 이를 사용하는 포털 소유자가 개발자의 저작권을 보유한다는 조건이 있습니다.

문제의 스크립트를 설치하려면 먼저 config.php 파일을 확인하여 사용자가 메시지를 보낼 사이트 관리자의 이메일 주소가 올바른지 확인해야 합니다. 또한 Robots.txt 파일에서는 서버의 루트 디렉터리에 복사해야 하는 사용된 파일이 있는 폴더의 색인 생성에 대한 제한을 지정해야 합니다.

PHP가 없는 양식

사이트에 대한 피드백 양식은 PHP 스크립트나 다른 프로그래밍 언어를 사용하여 생성된 파일을 사용하지 않고 웹 페이지에 설치할 수 있습니다. 특정 서버에서는 사용이 어렵거나 제공되지 않는 추가 리소스를 사용해야 할 수 있습니다. 사이트 소유자의 처분.

이 경우 특수 HTML 코드 생성에 대해 이야기하고 있습니다. main-ip.ru/genform 서비스 개발자가 제공하는 서비스를 사용할 수 있습니다. 해당 주소로 이동한 다음 양식에 필요한 매개변수를 입력해야 합니다. 그런 다음 코드를 생성하고 복사한 다음 관리되는 사이트의 한 페이지 또는 다른 페이지에 배치할 수 있습니다.

많은 현대 웹 디자이너는 main-ip.ru/genform 서비스를 사용하여 웹 사이트에서 피드백 양식을 만드는 방법에 대한 문제를 해결하는 것을 선호합니다. 이는 주로 많은 중요한 매개 변수에 따라 적절한 양식을 사용자 정의할 수 있기 때문입니다. 와 같은:

양식 너비;

피드백 메커니즘을 통해 사이트 관리에 연락하는 사용자의 이름이 입력되는 필드의 이름입니다.

사용자의 이메일 주소를 지정하는 필드의 이름입니다.

다양한 추가 필드의 매개변수(예를 들어 Skype 또는 다른 메신저 형식으로 사용자와의 대체 통신 방법을 나타낼 수 있음)

메시지를 직접 입력하기 위한 텍스트 필드의 이름입니다.

또한 피드백 양식에 대한 HTML 코드 생성 페이지를 사용하여 다음을 구성할 수 있습니다.

양식 제목이 포함된 블록의 높이, 해당 색상 - HTML 인코딩;

헤더와 메시지 양식에 기록된 텍스트의 색상입니다.

메시지 입력을 위한 텍스트 영역의 높이 및 사용자의 개인 데이터

사용되는 양식의 글꼴 크기입니다.

따라서 main-ip.ru/genform 서비스는 사이트에 대한 피드백이 필요한 사용자에게 가장 편리한 서비스 중 하나입니다. 서비스에서 생성된 HTML 코드는 웹 페이지 구조에 매우 쉽게 통합됩니다. 가장 중요한 것은 이 코드를 설치한 후 해당 양식이 올바르게 작동하는지 확인하는 것입니다.

온라인 포털 관리를 위해 널리 사용되는 셸의 일부로 제공되는 도구를 사용하여 사이트에 대한 무료 피드백을 구성할 수 있습니다. 예를 들어 Joomla와 같습니다.

Joomla의 피드백 양식

이 프로젝트 관리 시스템에서 피드백을 설정하기 위한 인터페이스는 "연락처" 섹션에 있습니다. 전문가들이 지적했듯이 해당 양식은 단순함에도 불구하고 사이트 방문자와 관리자 간의 안정적인 관계를 보장하기에 충분한 기능을 갖추고 있습니다.

Joomla를 사용하여 웹사이트에 피드백을 생성하는 방법은 무엇입니까? 우선, 이 시스템의 메인 패널에 들어가서 "연락처" 옵션을 선택해야 합니다. 열리는 페이지에서 새 데이터 카테고리를 생성해야 합니다. 이렇게 하려면 "제목"과 "닉네임" 등 여러 필드를 채워야 합니다. 이후 해당 연락처가 공개되었다는 사실을 시스템에 반영할 필요가 있다. 그런 다음 시스템에 설정을 저장해야 합니다.

필요한 카테고리를 생성한 후에는 사이트에 대한 피드백 양식이 위치할 웹페이지를 생성해야 합니다. 이 문제를 해결하려면 "연락처" 옵션을 다시 선택한 다음 "새로 만들기" 버튼을 클릭해야 합니다. 그런 다음 열리는 창에 필요한 정보를 입력한 다음 데이터가 게시된다는 사실을 반영해야 합니다. 설정을 다시 저장해야 합니다.

Joomla 피드백: 사이트 구조에 양식 삽입

필요한 모든 절차가 완료되면 피드백 양식을 웹사이트에 게시할 수 있습니다. 이를 위해서는 관리 패널에 로그인한 다음 "메뉴" 옵션을 선택하고 피드백 양식이 표시될 위치를 설정해야 합니다. 해당 메뉴 항목에서 "연락처" 영역의 설정과 관련된 새 옵션을 만들어야 합니다.

그런 다음 사용자가 메뉴 항목의 이름을 기록하고 해당 항목에 해당하는 연락처를 표시해야 하는 페이지가 열립니다. 입력한 설정을 저장해야 합니다. 그 후, Joomla를 실행하는 사이트의 피드백 시스템은 관리되는 사이트의 "연락처" 섹션에서 사용자에게 제공됩니다.

온라인 포털 작업에 널리 사용되는 또 다른 플랫폼은 WordPress입니다. 웹사이트에 포함된 도구를 사용하여 웹사이트에 피드백을 제공하는 방법을 살펴보겠습니다.

WordPress의 피드백 양식

고려 중인 온라인 포털 관리 시스템에는 문제의 문제를 해결하기 위해 특수 플러그인을 사용하는 것이 포함됩니다. 특히 문의 양식 플러그인 스크립트를 사용하여 피드백 양식을 구성할 수 있습니다(그 기능은 나중에 자세히 살펴보겠습니다). 일반적으로 플러그인 아래의 기본 WordPress 대시보드 메뉴에서 사용할 수 있습니다.

적절한 스크립트를 선택하고 활성화해야 합니다. 그런 다음 "연락처" 탭을 선택한 다음 사용된 플러그인의 코드를 복사하세요. 그런 다음 "페이지" 탭을 선택하고 "새로 추가" 옵션을 선택해야 합니다. 그런 다음 이전에 복사한 코드를 해당 필드에 붙여넣습니다. 필요한 경우 연락처 정보 페이지의 모양을 사용자 정의할 수 있습니다. 준비가 완료되면 해당 페이지가 게시될 수 있습니다.

WordPress에서 플러그인을 설치하는 것은 그 중 하나 또는 다른 버전이 매우 간단한 코드일지라도(사이트에 대한 피드백은 다양한 문제를 해결하기 위해 구성될 수 있음) 많은 경우에 주의를 기울이는 데 유용한 기능이 특징입니다. 해당 온라인 포털 관리 시스템에서 사용할 수 있는 일반 플러그인의 기능을 살펴보겠습니다.

WordPress에 대한 피드백 설정: 뉘앙스

따라서 피드백 정리 목적으로 WordPress 서비스를 사용하는 것은 여러 플러그인을 사용하여 수행할 수 있습니다. 그들을 살펴보자. WordPress 사이트 구조에 설치할 수 있는 피드백 양식은 문의 양식 플러그인을 기반으로 할 수 있다는 점을 위에서 언급했습니다. 이 외에도 해당 온라인 포털 관리 시스템의 사용자는 다음 인터페이스를 마음대로 사용할 수 있습니다.

SimpleModal - 사이트에 대한 팝업 피드백 양식입니다.

Usernoise는 클릭하면 메시지를 입력할 수 있는 양식이 열리는 플로팅 버튼이 있는 매우 빠른 플러그인입니다.

버전 7의 문의 양식.

해당 목록의 첫 번째 플러그인은 채우기의 정확성을 확인하도록 조정되었습니다. 두 번째 기능을 사용하면 사용자 메시지, 질문, 희망사항 등 요청 유형을 선택할 수 있습니다. 세 번째에는 특정 메시지 수신자를 선택하는 기능이 있습니다(예: 사이트에 등록된 한 명 이상의 사용자).

예를 들어 버전 7의 문의 양식 플러그인을 사용하여 웹사이트에 피드백을 생성하는 방법을 살펴보겠습니다.

WordPress에서 피드백 양식 설정: Contact Form 7 플러그인

문제의 문제를 해결하기 위해 문제의 플러그인 기능을 사용하려면 WordPress 제어판에 로그인하고 "플러그인" 옵션을 선택한 다음 "새로 추가" 버튼을 클릭해야 합니다.

해당 인터페이스에서 필요한 스크립트를 검색할 수 있는 양식을 사용할 수 있습니다. 여기에 플러그인 이름을 입력하세요. 해당 확장 프로그램을 설치하기 위한 링크가 검색 결과에 나타납니다.

문제의 플러그인을 설치하고 성공적인 설치에 대한 메시지를 기다려야 합니다. 해당 확장도 활성화해야 합니다. 그런 다음 브라우저 화면 왼쪽에 있는 메뉴 항목에 문의 양식 7 옵션이 나타납니다. 커서를 그 위에 올리면 "새 항목 추가" 항목을 선택해야 하는 추가 메뉴가 열립니다. 이는 양식을 포함하는 구조의 새 인터페이스를 만드는 데 필요합니다. 항목과 동일한 이름인 "새 항목 추가" 버튼을 클릭해야 합니다.

열리는 창에서 필수 양식에 필요한 옵션을 구성해야 합니다. 해당 인터페이스 설정의 세부 사항을 고려하여 웹 사이트에 피드백을 제공하는 방법은 무엇입니까? 우선, 양식 제목 선택에 주의를 기울이는 것이 유용합니다. "관리자에게 문의" 또는 "사이트 소유자에게 쓰기"처럼 들릴 수 있습니다.

그런 다음 양식의 모양을 사용자 정의할 수 있습니다. 이러한 목적으로 시스템에서 기본적으로 제공하는 템플릿을 사용할 수 있습니다. 원칙적으로 이는 사이트에 대한 가장 간단한 피드백 형태입니다. 여기에는 신청자의 이름, 주소, 메시지 제목, 사이트 관리에 대한 항소 텍스트가 기록됩니다. 필요한 경우 해당 템플릿의 기능을 확장할 수 있습니다. 이러한 목적을 위해 함께 제공되는 메뉴 항목을 사용하여 추가 태그를 활성화할 수 있습니다.

Contact Form 7 플러그인을 사용하여 생성된 피드백 양식을 추가하는 작업은 WordPress 개발자가 제공하는 다른 인터페이스와 동일한 방식으로 수행됩니다. 테스트 메시지를 보내 새 피드백 양식이 얼마나 올바르게 작동하는지 확인할 수 있습니다. 플러그인 매개변수 설정 시 지정한 사이트 소유자의 이메일로 전송되어야 합니다.

요약

그래서 우리는 사이트에서 피드백 양식을 만드는 방법을 연구했습니다. 이 문제는 PHP 스크립트(또는 다른 프로그래밍 언어로 작성)를 사용하거나, 생성된 HTML 코드를 사용하거나, Joomla 또는 WordPress와 같은 온라인 프로젝트 관리 시스템의 인터페이스를 사용하여 해결할 수 있습니다.

피드백 양식을 만들기 위한 특정 메커니즘의 선택은 사이트 규모, 관리자와 방문자 간의 예상되는 의사소통 강도, 해당 포털의 구조 및 콘텐츠 콘텐츠에 따라 달라질 수 있습니다. 어떤 방식으로든 특정 온라인 프로젝트의 특성을 고려하여 초보 사용자와 숙련된 웹 개발자 모두가 사용할 수 있는 적절한 인터페이스의 형식을 선택할 수 있습니다.


안녕하세요. 모든 웹사이트에 피드백 양식이 있어야 합니다. 오늘은 WordPress 엔진을 포함하여 모든 웹사이트에 삽입할 수 있는 미리 만들어진 양식의 예를 보여 드리겠습니다. HTML 및 PHP 코드의 완성된 예를 귀하의 웹사이트에 복사할 수 있습니다. 이미 만들어진 예제 외에도 매우 인기 있는 플러그인이 많이 있습니다. 많은 사이트에서 이러한 양식은 이미 테마에 내장되어 있지만 때로는 다른 페이지에 다른 양식을 추가하거나 이전 양식을 교체해야 하는 경우도 있습니다.

이 글을 쓰기 전에 나는 이 질문에 대한 답을 찾기 위해 인터넷을 서핑했다. 더 많은 사이트와 블로그를 검토한 후 사이트에 피드백 양식을 삽입하는 방법에 대한 고품질 답변을 거의 찾지 못했습니다. 대부분의 자료는 플러그인 작업에 대해 작성되었습니다. 일부 기사에서는 무엇을 어떻게 해야 하는지 완전히 명확하지 않으며, 코드가 작동하지 않고, 편지가 도착하지 않는 등의 문제가 있습니다.

물론 가치 있는 답변이 있지만 그 수가 매우 적습니다. 많은 지능이 필요하지 않은 간단한 예를 들어 보겠습니다. PHP에 대한 특별한 지식은 필요하지 않으며 오히려 전혀 필요하지 않습니다. 필요할 때 무엇을, 어디서 변경해야 하는지 자세히 적어보겠습니다. 아무런 문제 없이 폼이 잘 작동합니다. 양식의 예는 내 웹사이트에 있습니다. 완성된 예에서는 아름다움을 위해 몇 가지 스타일을 추가하여 형태가 더 이상 "불량"해 보이지 않도록 했습니다. 원하는 경우 재량에 따라 모든 것을 변경할 수 있습니다.

HTML로 된 웹사이트에 대한 기성 피드백 양식

이 예에서 사이트에 대한 피드백 양식은 HTML 코드로 구성됩니다. 이 HTML 코드 예제는 어디에서 무엇을 사용하든 상관없이 사이트의 모든 페이지에 삽입할 수 있습니다. 동일한 코드를 WordPress 엔진 페이지에 삽입하면 모든 것이 오류 없이 올바르게 작동합니다.

이름 이메일: 메시지 제목 귀하의 텍스트:

< form action = "/wp-content/themes/xmarkup/form.php"방법 = "게시물" 이름 = "양식" > 이름< input class = "inp" style = "width: 30%;" name = "name" type = "text" / >

이메일:< input class = "inp" style = "width: 30%;" name = "email" type = "text" / >

메시지 제목< input class = "inp" style = "width: 30%;" name = "temma" type = "text" / >

귀하의 텍스트:

< textarea class = "inp" style = "width: 80%;" cols = "1" name = "massage" rows = "5" > < / textarea >

< input class = "inp" type = "submit" value = "보내다" / >

< / form >

코드 시작 부분의 첫 번째 줄에 php 파일 form.php에 대한 경로를 표시해야 합니다(자세한 내용은 나중에 설명). 다른 것을 변경할 필요가 없습니다. 양식 이름과 해당 필드가 만족스럽지 않으면 언제든지 새 항목을 추가하거나 이전 항목을 변경할 수 있습니다. 자신만의 스타일을 테이블에 직접 추가할 수도 있습니다. 이 옵션이 불편한 경우 새 클래스를 정의한 다음 style.css 파일을 통해 스타일을 추가하세요.

이를 수행하는 방법을 모르는 사람들은 사이트의 관리자 패널로 이동하여 편집기로 이동하여 style.css 파일을 엽니다. 스타일 시트 맨 끝에 이 코드를 추가하세요. 결과적으로 양식 코드는 페이지에 삽입되고 CSS 스타일은 style.css 테이블에 삽입되어야 합니다.

Inp( 패딩: 10px; 테두리: 1px 솔리드 #E5E5E5; 너비: 200px; 색상: #999999; 상자 그림자: rgba(0, 0, 0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0 , 0, 0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px )

입력(

패딩: 10px;

테두리: 1px 실선 #E5E5E5;

너비: 200px;

색상 : #999999;

상자-그림자: rgba(0, 0, 0, 0.1) 0px 0px 8px;

모즈 - 상자 - 그림자: rgba(0, 0, 0, 0.1) 0px 0px 8px;

웹킷 - 상자 - 그림자: rgba(0, 0, 0, 0.1) 0px 0px 8px;

이 단계를 완료하면 페이지에 이와 같은 피드백 양식이 표시됩니다. 너무 흥분하지 마세요. 양식은 최대한 단순하고 편안해야 합니다. 이름, 이메일, 제목, 메시지 등 불필요한 추가 필드가 없습니다. 원하는 경우 메시지 제목도 제거할 수 있습니다.

PHP 양식 코드

양식의 마크업을 결정하고 아름답게 만들었으므로 이제 php 확장자를 가진 파일을 만들고 다음 코드를 추가해야 합니다. FTP 클라이언트를 통해 웹사이트에 파일을 추가하세요. 대부분의 사용자는 CMS를 사용하므로 이 파일을 테마가 있는 폴더에 놓습니다. 처음에는 위에 표시된 양식의 마크업에 이 파일의 주소와 이름을 작성해야 합니다. 무엇을 삽입해야 하는지, 어디에 삽입해야 하는지 명확하게 하기 위해 예제의 전체 경로를 적어 두었습니다.

(

form.php 파일 자체의 코드에는 다음이 포함됩니다.

< meta http - equiv = "refresh" content = "1; url=http://сайт" >

< meta charset = "UTF-8" / >

if (isset ($_POST [ "name" ] ) ) ( $name = $_POST [ "name" ] ; if ($name == "" ) ( unset ($name ) ; ) )

if (isset ($_POST [ "email" ] ) ) ( $email = $_POST [ "email" ] ; if ($email == "" ) ( unset ($email ) ; ) )

if (isset ($_POST [ "temma" ] ) ) ( $temma = $_POST [ "temma" ] ; if ($temma == "" ) ( unset ($temma ) ; ) )

if (isset ($_POST [ "마사지" ] ) ) ( $massage = $_POST [ "마사지" ] ; if ($massage == "" ) ( unset ($massage ) ; ) )

if (isset ($name ) && isset ($email ) && isset ($temma ) && isset ($massage ) ) (

$주소 = " [이메일 보호됨]" ;

$메스 = "이름: $name \n이메일: $email \n제목: $temma \n텍스트: $massage";

$send = 메일($address, $temma, $mes, "콘텐츠 유형:텍스트/일반; 문자 세트 = UTF-8\r\n보낸 사람:$email") ;

if ($send == "true" )

( 에코 "메시지 전송 됨"; }

그렇지 않으면 (에코 "아차! 문제가 발생했습니다"; }

또 다른

에코 "모든 필드를 채워주세요";

url=http://site 대신 사이트 주소를 적어주세요. $주소 = " [이메일 보호됨]"- 이 줄에는 편지를 보낼 귀하의 이메일 주소가 표시됩니다. 다른 것을 변경할 필요가 없으며 모든 것이 설정되고 작동합니다. 설치과정에서 어려운 점이 있으시면 댓글로 남겨주시면 답변해드리겠습니다.

WordPress에 피드백 삽입

WordPress에 양식을 설치하는 과정은 다르지 않습니다. 모든 단계는 동일한 방식으로 수행됩니다. 테마가 있는 폴더에 form.php 파일을 업로드하는 것이 좋습니다. html 마크업에 처리기 파일의 전체 주소와 정확한 주소를 표시하는 것을 잊지 마세요. 또한, 홈페이지 주소를 귀하의 홈페이지로 변경하시고, 이메일 주소도 정확하게 기재해주셔야 합니다. 완성된 양식 코드는 블로그의 어느 페이지에나 삽입할 수 있습니다. 예를 들어, 내 블로그에 대회 페이지를 추가했습니다.

예를 들어, "저자에게 문의" 또는 "저자" 페이지를 만들고 거기에 양식을 업로드할 수 있습니다. 일부 블로그에서는 각 양식 하단에 소셜 네트워킹 버튼이 줄지어 있거나 작성자에게 연락할 수 있는 추가 옵션이 있는 것을 발견했습니다. 원한다면 같은 작업을 다시 수행할 수 있습니다. 문의 양식은 내 블로그에서 작동하며 내 예를 사용하여 개인적으로 테스트했습니다. 편지가 귀하에게 전달되지 않으면 귀하에게 문제가 있는 것입니다.

WordPress 플러그인

이러한 종류의 피드백을 사이트에 삽입하는 데 어려움이 있는 경우 플러그인 중 하나를 말하고 사이트에 설치할 수 있습니다. 오늘날 귀하의 웹사이트에 대한 이러한 양식을 생성할 수 있는 플러그인이 많이 있습니다. 관리자 패널로 이동하여 플러그인 - 새로 추가를 클릭하세요. 여러분의 건강을 위해 마음에 드는 것을 골라서 사용하겠습니다. Contact Form 7 플러그인이 더 많이 사용됩니다.

  1. 빠르고 안전한 문의 양식.
  2. Contact ME를 통한 문의 양식.
  3. 폼크래프트.
  4. 시각적 양식 작성기.
  5. nForms - WordPress 양식 작성기.
  6. 중력 형태.

우리는 각각을 차례로 설치하고 각각을 별도로 살펴 봅니다. 플러그인의 기능과 작성자의 웹사이트에 대한 외부 링크(있는 경우) 제거에 즉시 주의를 기울이십시오. 이러한 모든 형태는 처음에는 매우 매력적이지 않습니다. 취향과 색상에 맞게 맞춤 설정할 수 있습니다.

그 중 첫 번째를 예로 들어 보겠습니다. 새로운 Contact Form 7 플러그인을 추가했습니다. 이 플러그인은 매우 간단하므로 작업하는데 아무런 문제가 없습니다. 많은 블로거는 사이트의 추가 작은 양식에 이 플러그인을 사용합니다. 왼쪽 콘솔의 문의 양식 7 항목으로 이동하여 "새 양식 추가"를 클릭하세요. 기본 언어는 이미 러시아어입니다.

첫 번째 탭에서 표시될 필드를 선택하고 이름을 지정합니다. 이름, 이메일, 제목, 메시지 및 "보내기" 버튼을 추가하면 매우 큰 양식을 만들 필요가 없습니다. "편지" 탭에서 메시지를 보낼 이메일 주소를 지정하세요." 특별한 어려움은 없어야 하며 모든 것이 직관적입니다.

플러그인이 생성되면 예를 들어 사이트의 원하는 위치에 붙여넣어야 하는 짧은 단축 코드를 제공합니다. 단축 코드를 삽입하면 새로운 양식이 표시됩니다. 페이지를 만들 때 '텍스트' 편집 탭으로 이동하여 코드를 붙여넣으세요.

작은 단점은 피드백 디자인이 매우 형편없다는 것입니다. 너무 화내지 마세요. FTP를 통해 이 주소로 로그인하세요. wp-content/플러그인/문의-양식-7/모듈.이 폴더에는 모든 플러그인의 CSS 스타일이 포함되어 있습니다. 자신만의 새로운 속성을 안전하게 추가하여 양식을 아름답고 눈에 띄게 만들 수 있습니다.

피드백 양식 생성기

추가 플러그인 외에도 이러한 양식을 사용할 수 있습니다. 특별한 지식 없이도 새로운 양식을 신속하게 만들 수 있는 특별한 서비스가 있습니다. 동전에는 또 다른 면이 있습니다. 이러한 서비스는 기능성도 확인해야 하며, 가장 중요하게는 그러한 즐거움을 누리는 데 드는 비용도 확인해야 합니다. 그 중 일부는 무료이지만 유료 옵션도 있습니다. 그중 하나의 이름을 Yandex로 적어보세요.

  • 양식 디자이너;
  • livetools.uiparade;
  • 구글 양식;
  • iFormbuilder;
  • 요정.

이러한 온라인 생성기에서는 처음부터 코드를 작성하거나 오류에 대해 생각할 필요가 없습니다. 모든 것이 이미 이전에 완료되었습니다. 양식의 필드를 선택하고 "보내기" 버튼을 추가한 후 필요한 모든 항목을 입력하기만 하면 됩니다. 이 모든 단계가 끝나면 서비스는 사이트 페이지에 삽입할 코드를 제공합니다. 수신된 코드를 페이지에 복사하고 연결이 작동하는지 확인하세요.

이제 모든 웹사이트에는 웹사이트, 블로그 또는 상점 소유자와의 연결이 존재합니다. 많은 온라인 상점에서는 유료 서비스를 사용합니다. 이러한 서비스의 도움으로 편지를 보내는 것 외에도 판매 수가 증가합니다. 고객이 웹사이트를 방문할 때 매우 편리하며 언제든지 온라인 매장 관리자와 실시간으로 연락할 수 있습니다.

오늘날 유사한 유형의 서비스가 많이 있으며 모두 가만히 있지 않습니다. 각 업데이트마다 새로운 기능이 추가됩니다. 온라인 컨설턴트는 고객과의 쉬운 커뮤니케이션을 위해 온라인 상점에 많은 기능을 추가합니다. livetex 서비스를 예로 들어보겠습니다. 유일한 단점은 아마도 가격일 것입니다. 3개월 사용 기간은 한 매장당 4,200루블입니다. 항상 시험 기간을 시도해 볼 수 있는 옵션이 있습니다.

  1. 고객과의 실시간 커뮤니케이션.
  2. 리드 생성자.
  3. 콜백을 위한 다양한 위젯.
  4. 온라인 통계.
  5. 온라인 모니터링.

사이트에 피드백을 설치하는 방법에 대해 여전히 궁금한 점이 있으면 댓글로 질문하세요. 기사를 소셜 네트워크에 자유롭게 공유해 보세요.

이제 피드백 양식이 없는 웹사이트는 상상하기 어렵습니다.

따라서 리소스에 연락처 섹션이 없으면 이를 설치해야 합니다. 이를 수행하는 방법을 알아 보겠습니다.

피드백 정리 솔루션

당연히 이제 웹사이트에서 피드백을 구성하는 방법에는 PHP의 범용 스크립트부터 CMS용 플러그인 및 모듈까지 여러 가지 방법이 있습니다. 즉, 보시다시피 코드를 수동으로 작성할 필요가 없습니다.

다음 범용 솔루션을 사용할 수 있습니다.

  • 문의 양식용 HTML 코드를 자동으로 생성하는 무료 온라인 서비스를 이용하세요. 하지만 이 경우에는 PHP 처리 파일을 독립적으로 작성하고 설치해야 합니다. 다음은 이러한 목적을 위한 리소스 중 하나입니다.
  • HTML 코드를 생성하고 PHP로 데이터 프로세서를 제공하는 무료 온라인 서비스에서 도움을 받으세요. 이러한 서비스는 종종 이러한 서비스 서버에서 호스팅됩니다. 그러한 자원의 한 예
  • 피드백 양식을 설정하기 위한 무료 스크립트를 인터넷에서 찾아보세요. 이 옵션은 특정 수준의 HTML과 PHP를 아는 사람들에게 적용 가능합니다. 어떤 경우에도 스크립트를 사이트에 맞게 특별히 조정해야 하기 때문입니다.

그러나 사용자는 웹 사이트 개발에 대한 광범위한 지식이 필요하지 않은 경우가 많습니다. 솔루션의 다양성과 다양한 선택을 통해 위의 방법 중 하나를 사용하여 원하는 피드백 형식을 설정할 수 있습니다.

HTML로 피드백 양식을 쉽게 설치

보안 문자를 사용하여 HTML 피드백 양식을 작성하고 설치하는 데 널리 사용되는 프로그램 중 하나를 고려해 보겠습니다. 예를 들어, 이 웹사이트에는 다양한 선택 항목이 제시되어 있습니다. 사이트는 러시아어이므로 선택하기 쉽고 설치 자체에는 3분도 채 걸리지 않습니다.

하지만 먼저 표준 config.php 파일을 수정하는 것을 잊어서는 안 됩니다. 인코딩을 변경하고 수신자의 올바른 이메일 주소를 작성해야 합니다.

수정된 파일이 있는 폴더를 사이트의 루트 디렉터리에 복사해야 하지만 그 전에는 Robots.txt 파일( 허용하지 않음: /sendmail-zakaz).

기본적으로 그게 전부입니다. 단계가 올바르게 완료되면 완성된 양식은 다음과 같습니다.

PHP 지원이 필요하지 않은 피드백 양식 빌더가 있습니다. 그 중 하나를 고려해 봅시다. 링크를 클릭하시면 원하는 양식을 만들기 위한 설정을 할 수 있는 창이 나옵니다.

필요한 모든 매개변수를 입력한 후 확인 보안 문자를 입력하고 "생성" 버튼을 클릭한 다음 "코드 받기"를 클릭해야 합니다.

결과 코드를 사이트의 선택한 페이지에 복사하기만 하면 됩니다.

간단한 문의 양식을 직접 만들 수 있습니다. 이렇게 하려면 form.php 파일을 만들고 다음 코드를 저장해야 합니다.

양식이 작동하려면 처리기 파일이 필요합니다. mail.php라고 부르고 다음 코드에 저장해 봅시다:

Joomla의 피드백 양식

이 보편적인 관리 시스템에서는 연락처 구성 요소를 사용하여 피드백 양식을 구성할 수 있습니다. 매우 간단하지만 그럼에도 불구하고 그 기능은 양식의 정상적인 작동에 충분합니다.

따라서 구성 요소를 구성하려면 관리 패널로 이동하여 "구성 요소/연락처/연락처 카테고리" 탭을 선택하세요.

카테고리가 없는 페이지가 열립니다. 생성하려면 "새로 만들기" 버튼을 클릭하세요.

시스템은 "제목" 및 "닉네임" 필드를 입력하라는 메시지를 표시합니다. 이 작업을 완료한 후에는 "게시됨" 줄에서 "예" 확인란을 선택해야 합니다.

창 오른쪽 상단에 있는 동일한 이름의 버튼을 클릭하여 설정을 저장해야 합니다. 카테고리가 있으며 남은 것은 연락처 양식이 포함된 페이지를 만드는 것뿐입니다. 이렇게 하려면 "연락처" 탭으로 이동하여 오른쪽 상단에 있는 "새로 만들기" 버튼을 클릭하세요.

열리는 대화 상자를 작성합니다. “이름” 줄과 “닉네임” 줄을 반드시 입력하세요. "게시됨" 줄에서 "예" 확인란을 선택하고 이 연락처의 카테고리를 표시하십시오. 조금 아래로 이동하면 메시지를 받을 연락 담당자를 지정해야 하는 "사용자에게 연락" 창이 나타납니다.

"정보" 필드도 작성해야 하며, 여기에는 웹사이트에서 양식의 위치와 수신자의 이메일 주소를 표시해야 합니다. 나머지 메뉴 항목은 원하는 대로 입력할 수 있습니다.

피드백 양식이 구성되었으므로 남은 것은 이를 웹사이트에 게시하는 것뿐입니다. 이러한 목적을 위해서는 관리 패널로 이동하여 "메뉴" 탭을 선택하여 항목이 표시될 위치를 결정해야 합니다.

이 메뉴에 새 항목을 만듭니다. 이렇게 하려면 "만들기" 버튼을 클릭하고 열리는 메뉴에서 "연락처/연락처 페이지"를 선택하세요.

메뉴 항목의 이름을 설정하고 별칭을 입력하고 반사를 활성화하고 "연락처 선택" 기본 매개변수 필드에서 이 메뉴 항목이 연결될 연락처 정보를 지정해야 하는 페이지가 열립니다. 설정을 저장합니다.

사이트로 이동하여 "연락처" 항목을 찾아 클릭하세요. 다음 페이지가 열립니다:

WordPress에 대한 피드백

이 시스템에서는 플러그인을 사용하여 피드백 양식을 만들 수 있습니다. 가장 인기 있고 기능적인 것은 Contact Form 7 플러그인입니다.

그런 다음 "페이지/새로 추가" 탭으로 이동하여 HTML 모드를 켜고 이전에 복사한 피드백 양식 코드를 붙여넣어야 합니다.



질문이 있으신가요?

오타 신고

편집자에게 전송될 텍스트: