Forms¶
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 Width and specify whether Marked Fields are Required or Optional, or select None to indicate that no fields are marked. Additionally, define the Mark Text used to identify marked fields.
انظر أيضًا
Configure the visibility settings for forms.
الحقول¶
To add a new field to the form, navigate to the Style tab and click the + Field button in the Form or Field header section. To modify any field on the form, select the field, then use the options available in the Field section of the Style tab. For example, you can:
غيّر حقل النوع.
نصيحة
من الممكن أيضاً تحديد حقل موجود من قاعدة البيانات واستخدام البيانات الموجودة فيه. تعتمد الحقول المتاحة على الإجراء المحدد. يمكن أيضاً استخدام حقول الخصائص المضافة إلى قاعدة البيانات.
بعض الحقول متشابهة بصرياً، ولكن يجب أن تتبع البيانات المدخلة تنسيقاً معيناً.
عدّل التسمية الخاصة بالحقل وكيّف الموضع الخاص به.
تفعيل وصف الحقل. قم بتبديل المفتاح وانقر على الوصف الافتراضي في النموذج لتعديله.
حدد ما إذا كان الحقل مطلوب.
Use the Requirement field to add validation Conditions to ensure visitors enter valid information. For example, set the condition requiring the Email field to contain an
@symbol.أضف رسوم متحركة.
Edit the field's visibility settings.
Depending on the selected field, the following options are available:
For text and string fields, such as Text, Long Text, Email, and Url, as well as numerical fields, such as Telephone, Number, and Decimal Number, you can define a Placeholder and a Default Value.
For the Long Text field, you can also specify the field's Height.
The following selection fields are available:
Checkbox: Visitors can select or clear the checkbox. Enable Default Value to have it selected by default.
Multiple Checkboxes: Visitors can select multiple options.
Radio Buttons: Visitors can select one option.
نصيحة
For Multiple Checkboxes and Radio Buttons, define how the options are displayed: Horizontal or Vertical.
Selection: Visitors can select one option from the drop-down menu.
For fields with multiple options, enable the options you want to make available by toggling the switch on. To remove an option, click the (remove) icon. To add a new option, click Add New Option and enter the option.
The Date and Date & Time fields allow visitors to select a date and, if applicable, a time using the date selector. You can also define a Placeholder and a Default Value, e.g., to use a specific date/time by default.
نصيحة
If needed, customize the (calendar) icon.
The File Upload field type allows visitors to upload a file. You can define the Max # of Files as well as the Max File Size.
To apply the changes, click Save.
نصيحة
Modify the text of the Submit button by clicking it and entering the desired text. You can also change the Button Position in the Submit Button section of the Style tab.
إضافة نموذج اتصال Odoo على موقع إلكتروني من خارج Odoo¶
يمكنك عرض نموذج اتصال Odoo على موقع ويب آخر باستخدام iframe. للقيام بذلك، اتبع الخطوات التالية:
Prepare the Odoo form: Create a contact form on a page in Odoo Website and remove the header and footer design. Make sure only the contact form remains on the page.
إنشاء رمز قابل للتضمين: انسخ عنوان URL لصفحة نموذج Odoo والصقه في مولد iframe، مثل La Digitale.dev أو iFrame Generator. اضبط العرض والارتفاع للعرض الصحيح.
Add the embedded code to the non-Odoo website: Open the relevant page's HTML (in the code editor or CMS) and insert the embedded code where the form should be displayed.
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>