Khối dựng

Bạn có thể thiết kế trang web của mình bằng cách kéo và thả các khối xây dựng, sau đó chỉnh sửa chúng để phù hợp với nhu cầu nội dung và bố cục của bạn.

Xem thêm

Hướng dẫn Odoo: Thiết kế trang web của bạn: văn bản và màu sắc

Thêm khối xây dựng

Để thêm một khối vào trang web, truy cập trang, nhấp vào Chỉnh sửa, sau đó kéo và thả khối xây dựng mong muốn vào vị trí thích hợp. Có hai loại khối xây dựng: Danh mục và Nội dung bên trong. Các khối xây dựng Nội dung bên trong chỉ có thể được thêm vào các khối xây dựng Danh mục.

Khi nhấp vào khối danh mục, một cửa sổ bật lên xuất hiện, cho phép bạn chọn giữa nhiều mẫu cho mỗi danh mục.

Mẹo

Tìm kiếm một khối cụ thể trong cửa sổ bật lên Insert a block bằng cách sử dụng thanh tìm kiếm.

Lựa chọn khối pop-up

Sau khi khối danh mục được đặt, bạn có thể kéo và thả các khối Nội dung bên trong vào trong đó. Các khối Nội dung bên trong cho phép bạn thêm các yếu tố, chẳng hạn như video, hình ảnh, nút mạng xã hội, v.v., vào các khối danh mục đã có sẵn.

Ghi chú

  • Bạn cũng có thể thêm một khối xây dựng trên trang đăng nhập. Để thực hiện, điều hướng đến trang chủ của website, thêm /web/login vào URL và nhấn Enter.

  • Truy cập một số khối yêu cầu cài đặt ứng dụng hoặc mô-đun tương ứng (ví dụ: eCommerce cho khối Products).

Example

Thêm tất cả các tài khoản mạng xã hội của bạn vào một nơi với khối nội dung bên trong Mạng xã hội. Bật hoặc tắt công tắc bên cạnh nền tảng mong muốn và sao chép/dán URL tài khoản của bạn.

Khối nội dung bên trong Mạng xã hội

Biểu mẫu

Khối Form được sử dụng để thu thập thông tin từ khách truy cập website và, nếu có thể, tạo bản ghi trong cơ sở dữ liệu của bạn. Để thêm một biểu mẫu vào trang website, kéo và thả khối danh mục Contact & Forms, sau đó chọn một khối trong cửa sổ bật lên.

Ví dụ về khối biểu mẫu

Tác vụ

Mặc định, khi biểu mẫu được gửi, một email chứa thông tin do khách truy cập nhập vào sẽ được gửi tự động. Tùy thuộc vào các ứng dụng được cài đặt trên cơ sở dữ liệu của bạn, các hành động bổ sung có thể tự động tạo bản ghi có thể khả dụng. Để chọn hành động khác, nhấp Edit, nhấp vào biểu mẫu, điều hướng đến tab Style và chọn Action mong muốn:

Theo mặc định, việc gửi biểu mẫu sẽ chuyển hướng khách truy cập đến trang Cảm ơn. Sử dụng trường URL để gửi họ đến một trang khác. Ngoài ra, bạn có thể chọn không chuyển hướng và giữ họ trên trang biểu mẫu bằng cách chọn Không có gì hoặc Hiển thị thông báo trong trường Khi thành công.

Trường

Đệ thêm một trường mới vào biểu mẫu, điều hướng đến tab Style và nhấp nút + Field bên cạnh phần Form hoặc Field. Để chỉnh sửa bất kỳ trường nào trên biểu mẫu, chọn trường, sau đó sử dụng các tùy chọn khả dụng trong phần Field của tab Style. Ví dụ, bạn có thể:

  • Thay đổi trường Loại.

    Mẹo

    Cũng có thể chọn một Trường hiện có từ cơ sở dữ liệu và sử dụng dữ liệu mà nó chứa. Các trường có sẵn phụ thuộc vào hành động được chọn. Các trường thuộc tính được thêm vào cơ sở dữ liệu cũng có thể được sử dụng.

    Tất cả các loại trường biểu mẫu

    Một số trường trông giống nhau về mặt hình thức, nhưng dữ liệu nhập vào phải tuân theo định dạng cụ thể.

  • Chỉnh sửa Nhãn của trường và điều chỉnh Vị trí của nó.

  • Bật Description của trường. Bật công tắc và nhấp vào mô tả mặc định trên biểu mẫu để chỉnh sửa.

  • Thêm Giữ chỗ hoặc Giá trị mặc định.

  • Chỉ định xem trường có Bắt buộc hay không.

  • Chỉnh sửa cài đặt khả năng hiển thị của trường.

  • Thêm hoạt ảnh.

Sau khi thực hiện các thay đổi mong muốn, nhấp Lưu.

Thêm biểu mẫu liên hệ Odoo trên trang web không phải Odoo

Bạn có thể hiển thị biểu mẫu liên hệ Odoo trên trang web khác bằng iframe. Để làm điều này, hãy làm theo các bước sau:

  1. Prepare the Odoo form: Create a contact form on a page in Odoo Website and remove the header and footer. Make sure only the contact form remains on the page.

  2. Tạo mã nhúng: Sao chép URL của trang biểu mẫu Odoo và dán vào trình tạo iframe, chẳng hạn như La Digitale.dev hoặc iFrame Generator. Điều chỉnh chiều rộng và chiều cao để hiển thị phù hợp.

  3. Thêm mã nhúng vào website không phải Odoo: Mở HTML của trang liên quan (trong trình soạn thảo mã hoặc CMS) và chèn mã nhúng vào vị trí cần hiển thị biểu mẫu.

Example

Ví dụ về mã nhúng:

<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>

Mã nhúng

Mã nhúng cho phép bạn tích hợp nội dung từ các dịch vụ bên thứ ba vào trang, chẳng hạn như video từ YouTube, bản đồ từ Google Maps, bài đăng mạng xã hội từ Instagram, v.v.

Sau khi kéo và thả khối Embed Code từ phần Inner Content vào trang, nhấp vào khối, sau đó chuyển đến tab Style và nhấp Edit. Thay thế mã giữ chỗ bằng mã nhúng tùy chỉnh của bạn.

Thêm liên kết đến mã nhúng mà bạn muốn trỏ tới

Cảnh báo

Không sao chép/dán mã mà bạn không hiểu, vì nó có thể khiến dữ liệu của bạn gặp rủi ro.

Di chuyển, chuyển đổi, nhân bản hoặc xóa một khối xây dựng

Kéo các đường viền màu ngọc lam trên khối để giảm hoặc tăng khoảng trống ở phía trên hoặc phía dưới của khối.

Thay đổi thứ tự khối bằng cách nhấp (mũi tên lên) hoặc (mũi tên xuống) và di chuyển khối trên trang bằng cách nhấp (mũi tên). Khi bạn có nhiều cột, di chuyển một cột sang trái hoặc phải bằng cách nhấp (mũi tên trái) hoặc (mũi tên phải).

Để sao chép một khối xây dựng, nhấp vào (nhân bản). Sau khi được sao chép, khối mới sẽ xuất hiện trên trang bên dưới khối gốc.

Mẹo

Ngoài ra, nhấp vào biểu tượng (nhân bản) ở đầu tab Style để sao chép khối đã chọn.

Để xóa một khối, nhấp (thùng rác).

Mở rộng lề trên khối xây dựng

Chỉnh sửa khối xây dựng

Để chỉnh sửa nội dung của một khối xây dựng, nhấp vào khối đó và đi đến tab Style. Các tùy chọn tùy chỉnh có sẵn sẽ khác nhau tùy thuộc vào loại khối được chọn.

Xem thêm

Nền

Để thay đổi nền của một khối xây dựng, chọn khối, đi đến tab Style, và nhấp vào chấm màu hoặc tùy chọn Background khác. Bạn có thể thay đổi màu sắc và/hoặc thêm hình ảnh, video và/hoặc hình dạng. Sau khi bạn đã chọn một hình dạng, các trường mới sẽ xuất hiện để cho phép bạn tùy chỉnh hình dạng đó.

Mẹo

  • Định vị một phần tử (hình ảnh, văn bản, v.v.) phía sau hoặc phía trước phần tử khác bằng cách sử dụng biểu tượng Gửi ra sau hoặc Đưa ra trước.

    Thay đổi vị trí khối

  • Để thay đổi kích thước khối, nhấp và kéo các chấm xung quanh các cạnh của nó để điều chỉnh theo nhu cầu.

    Điều chỉnh kích thước khối

Xem thêm

Giao diện chung

Bố cục: lưới và cột

Đối với hầu hết các khối xây dựng, bạn có thể chọn giữa hai kiểu bố cục: lưới hoặc cột (cols). Để thay đổi kiểu bố cục mặc định, nhấp vào khối, đi đến tab Style, và đặt trường Layout thành Grid hoặc Cols.

Lưới

Bố cục Lưới cho phép bạn di chuyển và thay đổi kích thước các phần tử, chẳng hạn như hình ảnh hoặc văn bản, bằng cách kéo và thả chúng. Khi Lưới được chọn, các tùy chọn bổ sung có sẵn để Thêm Phần tử bằng cách nhấp Hình ảnh, Văn bản hoặc Nút.

Khi bố cục lưới được chọn, hãy chọn một hình ảnh và kéo thả nó đến vị trí cần thiết.

Cột

Chọn bố cục Cols cho phép bạn xác định số lượng phần tử trên mỗi dòng trong khối. Để thực hiện, chọn khối cần sửa đổi, nhấp vào menu thả xuống bên cạnh trường Cols, và điều chỉnh số lượng. Sau đó bạn có thể sửa đổi các cài đặt của một cột cụ thể bằng cách sử dụng các tùy chọn trong phần Column của tab Style.

Ghi chú

Theo mặc định, trên thiết bị di động, chỉ một phần tử (cột) hiển thị trên mỗi dòng để đảm bảo nội dung vẫn dễ đọc và truy cập trên màn hình nhỏ hơn. Để điều chỉnh giá trị, nhấp vào (biểu tượng di động) ở đầu trình chỉnh sửa trang web và điều chỉnh số cột. Các hình dạng được ẩn theo mặc định trên thiết bị di động.

Lưu khối xây dựng tùy chỉnh

Bạn có thể lưu một khối xây dựng đã tùy chỉnh để sử dụng lại ở nơi khác. Để thực hiện, chọn khối đó, điều hướng đến tab Style, và nhấp vào biểu tượng (đĩa mềm). Nhấp vào nút Save trong cửa sổ bật lên để xác nhận lưu khối tùy chỉnh của bạn.

Để thêm khối xây dựng đã lưu vào trang, điều hướng đến tab Khối và kéo thả khối Tùy chỉnh từ phần Danh mục. Trong cửa sổ bật lên mở ra, nhấp vào khối mong muốn trong danh mục Tùy chỉnh.

Mẹo

Trong cửa sổ bật lên Chèn khối, nhấp vào (chỉnh sửa) để đổi tên khối tùy chỉnh hoặc (xóa) để xóa nó.