양식¶

Form blocks are used to collect information from website visitors and, if applicable, create records in the database. To add a form to a website page, drag and drop the Contact & Forms categorical building block, then select a block in the pop-up window.

추가 작업¶

By default, submitting a form sends an email containing the visitor’s submitted information. Depending on the apps installed on the database, additional actions that can automatically create records may become available. To choose a different action, click Edit, select a form field, navigate to the Style tab, and, in the Form section, select the desired Action:

By default, submitting the form redirects visitors to a Thank you page. Use the URL field to send them to a different page. Alternatively, select Nothing or Show Message in the On Success field to keep visitors on the form’s page.

You can also define the Labels Position and Labels Width, and specify whether Marked Fields are Required or Optional. Select None to indicate that no fields are marked. Additionally, define the Marker used to identify marked fields.

더 보기:

Configure the visibility settings for forms.

필드¶

양식에 새 필드를 추가하려면스타일탭으로 이동하여+ 필드버튼을 클릭합니다. 이 버튼은양식또는필드헤더 섹션에 있습니다. 양식의 필드를 수정하려면 해당 필드를 선택한 다음 양식에서 직접 라벨을 수정 및 서식 지정하고,필드섹션(스타일탭)에서 제공하는 옵션을 사용합니다. 예를 들어 다음과 같이 설정할 수 있습니다:

필드 유형 을 변경합니다.

팁
데이터베이스에서 :guilabel:`기존 필드`를 선택하고 포함된 데이터를 사용할 수도 있습니다. 사용 가능한 필드는 선택한 작업에 따라 다릅니다. 데이터베이스에 추가된 속성 필드도 사용할 수 있습니다.

일부 필드의 경우 비주얼 면에서는 유사하지만, 반드시 데이터를 특정 형식에 맞추어 입력해야 합니다.
:guilabel:`필수`필드인지 여부를 지정합니다.
필드 :guilabel:`설명`을 활성화합니다. 스위치를 켜고 양식의 기본 설명을 클릭하여 수정합니다.
방문자가 올바른 정보를 입력할 수 있도록요구 사항필드를 사용하여 유효성 검사조건을 추가합니다. 예를 들어이메일필드에 @ 기호가 포함되도록 하거나 특정 도메인과 일치하도록 조건을 설정합니다.
:ref:`애니메이션 <website/elements/animations>`을 추가합니다.
필드의표시설정을 편집합니다.

선택한 필드에 따라 다음과 같은 옵션을 사용할 수 있습니다:

텍스트 및 문자열 필드(예:텍스트,긴 텍스트,이메일,URL)와 숫자 필드(예:전화번호,숫자,소수)의 경우,플레이스홀더와기본값을 정의할 수 있습니다.

긴 텍스트필드의 경우,높이도 지정할 수 있습니다.

또한 문자열 필드 및전화번호필드에 글자 수 제한을 설정할 수 있습니다. 이를 설정하려면글자 수 제한옵션을 활성화한 다음,최소 글자 수및최대 글자 수필드를 사용하여 최소 및 최대 글자 수를 설정합니다.

변경사항을 적용하려면저장을 클릭합니다.

팁

내부 콘텐츠 스니펫을 양식 내부로 드래그 앤 드롭하여 섹션을 만들고, 이미지를 추가하고, 제목을 설정하며, 기타 콘텐츠 요소를 포함할 수 있습니다.
제출 버튼을 클릭하고 원하는 텍스트를 입력하여 버튼 텍스트를 수정합니다. 또한 버튼의유형,크기,모양 및애니메이션`은:guilabel:`버튼 섹션(스타일 탭)에서 변경할 수도 있습니다.

Odoo가 아닌 웹사이트에 Odoo 연락처 양식 추가하기¶

iframe을 사용하여 다른 웹사이트에 Odoo 문의 양식을 표시할 수 있습니다. 이렇게 하려면 다음 단계를 따르세요.

Odoo 양식 준비: Odoo 웹사이트 페이지에 문의 양식을 생성하고머리글 및 바닥글 디자인을 제거합니다. 페이지에 문의 양식만 남아 있어야 합니다.
임베드 가능한 코드 생성: Odoo 양식 페이지의 URL을 복사하여 La Digitale.dev 또는 `iFrame Generator <https://www.iframe-generator.com/>`_와 같은 iframe 생성기에 붙여넣으세요. 올바른 표시를 위해 너비와 높이를 조정하세요.
Odoo가 아닌 웹사이트에 임베드 코드 추가: 관련 페이지의 HTML을 열고(코드 편집기 또는 CMS에서) 양식을 표시해야 하는 위치에 임베드 코드를 삽입하세요.

Example

임베디드 코드 예시:

<iframe src="https://example.com/odoo-form"
        style="border:0;"
        name="odooForm"
        scrolling="no"
        frameborder="0"
        marginheight="0"
        marginwidth="0"
        height="400px"
        width="600px"
        allowfullscreen>
 </iframe>

GitHub에서 편집하기