# 외부 임베드

슬래시페이지에서 만든 페이지나 채널을 외부 웹사이트에 표시할 수 있습니다. 

# 임베드 코드 복사

임베드할 페이지나 채널을 열고 오른쪽 위 메뉴 더보기(…) → 임베드를 클릭합니다.

![Image](https://upload.cafenono.com/image/slashpageHome/20261110/151150_9awvdAp35ET9f0dpIn?q=80&s=1280x180&t=outside&f=webp)

임베드 창에서 사용을 켭니다. 타이틀 숨기기, 테마, 여백을 설정하고 미리보기에서 표시 모습을 확인한 뒤 코드 복사를 클릭합니다.

![Image](https://upload.cafenono.com/image/slashpageHome/20261110/151250_r61Ogo84uy1hH2E1D6?q=80&s=1280x180&t=outside&f=webp)

# 외부 웹사이트에 임베드

## 코드 붙여넣기

### HTML 파일을 직접 편집할 경우

임베드할 페이지의 HTML 파일을 텍스트 편집기로 엽니다. <body>와 </body> 사이에서 콘텐츠를 표시할 위치를 찾고, 슬래시페이지에서 복사한 코드를 전부 붙여넣습니다.

```html
<body>
  <h1>Page title</h1>
  <p>Introductory text goes here.</p>
  <!-- Paste the full Slashpage embed code here. -->
</body>
```

### 웹사이트 빌더로 만든 사이트일 경우

웹사이트 빌더의 편집 화면에서 임베드할 페이지를 엽니다. 임베드 블록을 표시할 위치에 HTML 코드를 넣는 블록을 추가합니다. 해당 블록의 코드 입력란에 슬래시페이지에서 복사한 코드를 전부 붙여넣습니다.

> 서비스에 따라 사용자 정의 HTML, 코드 삽입, 임베드 등의 이름으로 표시됩니다.

### AI로 만든 사이트일 경우

아래 프롬프트에서 대괄호 안에 임베드 블록을 넣을 위치와 임베드 코드를 각각 작성한 후, 사이트를 만들거나 수정하던 AI 대화창에 붙여 넣습니다.

```text
Embed the Slashpage blog on my website at [page and placement]. Use the full embed code below and make the embed fit the available width on desktop and mobile. If I haven't provided the placement or embed code, ask me for it.

[Paste the full Slashpage embed code here]
```

## 임베드 블록 크기와 이름 조정

코드에서 아래 내용을 찾아 값을 변경합니다.

| 항목 | 코드에서 찾을 값 | 바꾸는 방법 |
| --- | --- | --- |
| 최대 너비 제한 | style 안의 width:100%; | 그 뒤에 max-width:800px;를 추가합니다. 800px은 원하는 최대 너비값으로 바꿉니다. |
| 테두리 추가 | style 안의 border:0 | border:1px solid #ddd로 바꿉니다. 1px은 두께, #ddd는 색상으로, 원하는 값으로 바꿉니다. |
| 프레임 이름(스크린 리더가 읽을 이름) 변경 | title="" | 따옴표 안의 값을 원하는 이름으로 바꿉니다. |

Example settings

```html
title="AI Community Blog"
style="border:0; width:100%; max-width:800px; height:800px;"
```

## 발행 및 표시 확인

외부 웹사이트에서 페이지를 발행하고, 방문자 화면을 열어 임베드한 콘텐츠가 원하는 위치와 크기로 표시되는지 확인합니다.

![Image](https://upload.cafenono.com/image/slashpageHome/20261111/115136_thQbB8QAbH1BI0enBD?q=80&s=1280x180&t=outside&f=webp)

For the site tree, see the [root Markdown](https://help.slashpage.com/.md).