내 웹사이트에 초대장과 회신 양식을 넣으려면 어떻게 하나요?

임베드 코드 하나로 lal.so 초대장을 내 웹사이트에 넣을 수 있습니다. 그러면 방문자는 내 페이지에서 바로 이벤트 정보와 참석 버튼, 불참 버튼을 볼 수 있습니다.

초대장 주소 찾기

  1. lal.so에서 초대장을 여세요. 초대장은 내 이벤트에 있습니다.
  2. 공유를 누른 다음 링크 복사를 누르세요.
  3. 복사한 링크를 살펴보세요. https://lal.so/e/로 시작하고 짧은 코드로 끝납니다. 이 코드가 초대장 주소입니다.

웹사이트에 임베드 코드 넣기

  1. 아래 코드를 복사하세요.
  2. YOUR-INVITATION-ADDRESS를 초대장 주소로 바꾸세요.
  3. 웹사이트의 HTML 블록이나 임베드 블록에 코드를 붙여 넣고 페이지를 게시하세요.
<iframe data-lalso-src="https://lal.so/embed/YOUR-INVITATION-ADDRESS" width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0" title="RSVP" scrolling="auto" loading="lazy"></iframe>
<script>var d=document,w="https://lal.so/widgets/embed.js",v=function(){"undefined"!=typeof Lalso?Lalso.loadEmbeds():d.querySelectorAll("iframe[data-lalso-src]:not([src])").forEach((function(e){e.src=e.dataset.lalsoSrc}))};if("undefined"!=typeof Lalso)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);}</script>

첫 번째 줄은 초대장을 담는 프레임이고, 두 번째 줄은 그 프레임을 불러옵니다. 프레임은 페이지 너비를 가득 채우며 높이는 800픽셀입니다. 더 높게 또는 낮게 하려면 height 뒤의 숫자를 바꾸세요.

방문자에게 보이는 모습

프레임 안의 초대장은 lal.so에서와 똑같이 보입니다. 제목, 날짜와 시간, 장소, 설명, 추가한 정보가 표시되고, 그 아래에 참석 버튼과 불참 버튼이 있습니다.

자주 묻는 질문

링크의 어느 부분을 임베드 코드에 넣나요?

lal.so 초대장 링크 끝, https://lal.so/e/ 뒤에 있는 짧은 코드만 넣으면 됩니다. 이 코드로 임베드 코드의 YOUR-INVITATION-ADDRESS를 바꾸세요. https://lal.so/embed/로 시작하는 부분과 두 번째 줄을 포함해, 코드의 나머지는 그대로 두세요.

한 페이지에 초대장을 여러 개 넣을 수 있나요?

네. 초대장마다 프레임 줄을 하나씩 추가하고, 각 줄에 해당 초대장 주소를 넣으세요. 코드의 두 번째 줄은 한 번만 붙여 넣으면 됩니다. 두 번째 줄이 페이지에 있는 모든 lal.so 초대장 프레임을 불러오므로, 예식과 저녁 식사처럼 두 이벤트를 웹사이트의 같은 페이지에 함께 넣을 수 있습니다.

초대장을 수정하면 웹사이트에도 반영되나요?

네, 임베드 코드는 그대로 두어도 반영됩니다. 프레임은 누군가 페이지를 방문할 때마다 lal.so에서 초대장을 불러옵니다. 편집으로 초대장을 수정하고 완료를 누르면, 웹사이트 방문자는 다음에 페이지를 불러올 때 새 버전을 보게 됩니다.

사용하는 웹사이트 빌더에 HTML 블록이 없다면 어떻게 하나요?

초대장 링크만 붙여 넣어 보세요. lal.so 초대장 페이지에는 oEmbed 링크가 들어 있습니다. oEmbed는 붙여 넣은 링크를 임베드된 화면으로 바꿔 주는, 웹사이트에서 널리 쓰는 표준 방식입니다. oEmbed 링크를 읽는 사이트라면 링크를 붙여 넣는 것만으로 초대장이 표시될 수 있습니다. 지원하지 않는 사이트라면 HTML, 임베드, 사용자 지정 코드라는 이름의 블록을 찾아보세요.

lal.so는 초대장을 무료로 만들고 디자인하고 공유할 수 있는 온라인 초대장·회신 사이트이며, 게스트는 계정 없이 링크에서 바로 회신합니다.

관련 질문