HTML 호출
callto
HTML 태그를 사용하면 웹사이트에서 클릭 가능한 전화 링크를 쉽게 만들 수 있습니다. 연결하려는 전화번호를 callto:1-800-123-4567
과 같이 callto
태그에 포함합니다.
누군가 링크를 클릭하면 전화가 자동으로 전화를 겁니다.
HTML에서 callto
란 무엇입니까
HTML에서 ‘Callto’는 사용자가 전화번호를 클릭하여 전화를 걸 수 있는 하이퍼링크입니다. 이는 웹사이트에서 연락처 정보를 제공하거나 사용자가 웹페이지에서 직접 회사에 전화할 수 있도록 하는 데 유용합니다.
Callto
HTML은 a
요소와 href
속성을 사용하여 만들 수 있습니다.
HTML에서 callto
구문:
<a href="callto:1-800-123-4567">1-800-123-4567</a>
사용자가 위의 링크를 클릭하면 전화가 자동으로 해당 번호로 전화를 겁니다.
HTML에서 callto
임베드 코드를 사용하는 방법
Callto
임베드 코드를 사용하면 웹사이트에 행동 유도 버튼을 임베드할 수 있습니다. 사용자가 버튼을 클릭하면 지정한 Callto
URL이 포함된 새 창이 열립니다.
이 코드를 귀하의 웹사이트에 사용할 수 있지만 URL
을 귀하의 것으로 바꾸십시오.
<a href="callto:URL">Call Me</a>
코드를 사용하여 방문자에게 제공된 번호로 자동으로 리디렉션되는 버튼을 만들 수도 있습니다. 이렇게 하려면 다음과 같이 auto-dial
특성을 코드에 추가합니다.
<a href="callto:URL" auto-dial>Call Me</a>
예를 들어 보겠습니다.
<!DOCTYPE html>
<html>
<body>
<p>To create a link to a telephone number, use tel: inside the href attribute:</p>
<p><a href="tel:+4733378901" auto-dial>+47 333 78 901</a></p>
</body>
</html>
HTML에서 행동 유도
버튼 만들기
클릭 유도문안 버튼을 만드는 것은 HTML 코딩이 처음이라면 어려울 수 있지만 걱정하지 마세요. 매우 간단합니다.
먼저 <button>
태그를 사용하여 버튼 요소를 만들어야 합니다. 태그에서 원하는 버튼 유형을 지정해야 합니다. 이 경우 행동 유도 버튼에 type="submit"
속성을 사용합니다.
<button type="submit"></button>
다음으로 사용자에게 표시될 일부 콘텐츠를 버튼에 추가해야 합니다. 버튼 스타일과 콘텐츠는 설득력이 있어야 사용자의 관심을 끌고 버튼을 클릭하도록 설득할 수 있습니다.
<button type="submit">Let's have a meet up</button>
마지막으로 가입 양식, 뉴스레터, 모임 예약 등과 같은 실제 링크로 사용자를 리디렉션하려면 버튼에 링크를 추가해야 합니다.
<!DOCTYPE html>
<html>
<body>
<p>To create a button for a phone number, use tel: inside the href attribute:</p>
<button type="submit"><a href="callto:1-800-123-4567">Call me </a></button>
</body>
</html>
그게 다야! 몇 줄의 코드만으로 웹 사이트 방문자를 구독자, 고객, 클라이언트 등으로 전환하는 데 도움이 되는 행동 유도 버튼을 만들 수 있습니다.
결론
callto
HTML은 웹사이트에서 해당 사이트에 통화 버튼을 배치할 수 있도록 하는 코드입니다. 버튼을 클릭하면 코드에 지정된 번호로 전화가 걸립니다.
이는 고객에게 쉽게 연락할 수 있는 방법을 제공하려는 기업에 유용한 수단이 될 수 있습니다.
따라서 위의 두 가지 방법에서 callto
HTML 기능을 사용하여 사람들 사이를 연결할 수 있습니다.
Zeeshan is a detail oriented software engineer that helps companies and individuals make their lives and easier with software solutions.
LinkedIn