Blocuri de construcție

Poți proiecta site-ul tău prin tragerea și plasarea blocurilor de construcție, apoi editarea acestora pentru a se potrivi cu conținutul și aspectul dorit.

Vezi și

Tutorial Odoo: Proiectează-ți site-ul: text și culori

Adaugă un bloc de construcție

To add a block to a website page, access the page, click Edit, then drag and drop the desired building block into the appropriate location. Two types of building blocks are available: Categories and Inner Content. Inner Content building blocks can only be added into Categories building blocks.

When clicking a category block, a popup appears, allowing you to select between multiple templates for each category.

Sfat

Search for a specific block in the Insert a block popup using the search bar.

După ce blocul de categorie a fost plasat, poți trage și plasa blocuri de Conținut interior în interiorul acestuia. Blocurile de Conținut interior îți permit să adaugi elemente precum videoclipuri, imagini, butoane pentru rețele sociale etc. în blocurile de categorie deja existente.

Notă

• You can also add a building block on the login page. To do so, navigate to the website’s homepage, add /web/login to the URL and press Enter.

• Access to certain blocks requires installing their respective application or module (e.g., eCommerce for the Products block).

Example

Adaugă toate conturile tale de social media într-un singur loc cu blocul de Social Media din conținutul interior. Comută butonul on/off de lângă platforma dorită și copiază/lipeste URL-ul contului tău.

Formular

The Form block is used to collect information from website visitors and, if applicable, create records in your database. To add a form to a website page, drag and drop the Contact & Forms category block, then select a block in the popup.

Acțiune

By default, when the form is submitted, an email containing the information entered by the visitor is automatically sent. Depending on the apps installed on your database, additional actions that can automatically create records may become available. To choose a different action, click Edit, click the form, navigate to the Style tab, and select the desired Action:

• Aplică pentru un job (Recrutare)

• Creează un client (eCommerce)

• Creează un tichet (Helpdesk)

• Creează o oportunitate (CRM)

• Abonează-te la newsletter (Email Marketing)

• Creează o sarcină (Project)

• More models: to generate other types of records

Implicit, trimiterea formularului redirecționează vizitatorii către o pagină Mulțumim. Folosește câmpul URL pentru a-i trimite către o altă pagină. Alternativ, poți alege să nu redirecționezi și să-i păstrezi pe pagina formularului selectând Nimic sau Afișează mesaj în câmpul La succes.

Câmpuri

To add a new field to the form, navigate to the Style tab and click the + Field button next to the Form or Field 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:

• Schimbă Tipul câmpului.

  Sfat

  Este posibil să selectezi și un Câmp existent din baza de date și să folosești datele pe care le conține. Câmpurile disponibile depind de acțiunea selectată. Pot fi folosite și câmpuri de proprietate adăugate în baza de date.

  Click here to preview all field types.

  

  Unele câmpuri sunt similare vizual, dar datele introduse trebuie să urmeze un format specific.

• Editează Eticheta câmpului și adaptează-i Poziția.

• Enable a field Description. Toggle the switch on and click the default description on the form to modify it.

• Adaugă un Placeholder sau o Valoare implicită.

• Specifică dacă câmpul este Obligatoriu.

• Editează setările de vizibilitate ale câmpului.

• Adaugă o animație.

După ce ai făcut modificările dorite, apasă Salvează.

Add an Odoo contact form on a non-Odoo website

You can display an Odoo contact form on another website using an iframe. To do so, follow these steps:

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

2. Generate an embeddable code: Copy the URL of the Odoo form page and paste it into an iframe generator, such as La Digitale.dev or iFrame Generator . Adjust the width and height for proper display.

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

Example of an embedded code:

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

Cod ascuns

Codul de încorporare vă permite să integrați într-o pagină conținut de la servicii terțe, cum ar fi videoclipuri de pe YouTube, hărți de pe Google Maps, postări pe rețelele sociale de pe Instagram etc.

After dragging and dropping the Embed Code block from the Inner Content section into a page, click the block, then go to the Style tab and click Edit. Replace the placeholder code with your custom embed code.

Atenționare

Nu copia/lipii cod pe care nu îl înțelegi, deoarece îți poate pune datele în pericol.

Move, switch, duplicate or delete a building block

Trage marginile turcoaz ale blocului pentru a reduce sau mări spațiul de sus sau de jos.

Schimbă ordinea blocurilor apăsând (chevron sus) sau (chevron jos) și mută blocul pe pagină apăsând (săgeți). Dacă ai mai multe coloane, mută o coloană la stânga sau la dreapta apăsând (chevron stânga) sau (chevron dreapta).

To duplicate a building block, click (duplicate). Once duplicated, the new block appears on the page beneath the original one.

Sfat

Alternatively, click the (duplicate) icon at the top of the Style tab to duplicate the selected block.

Pentru a șterge un bloc, apasă (coș de gunoi).

Editează un bloc de construcție

To edit the content of a building block, click it and go to the Style tab. Available customization options vary depending on the type of block selected.

Vezi și

• Elemente de design web

• Vizibilitate

Fundal

To modify the background of a building block, select the block, go to the Style tab, and click the color dot or another Background option. You can change the color and/or add an image, video, and/or shape. Once you’ve selected a shape, new fields appear to allow you to customize the shape.

Sfat

• Pozitionează un element (imagine, text etc.) în spatele sau în fața altuia folosind pictogramele Trimite în spate sau Adu în față.

  

• Pentru a redimensiona un bloc, apasă și trage punctele din jurul marginilor pentru a-l ajusta după nevoie.

  

Vezi și

Temă generală

Aspect: grilă și coloane

For most building blocks, you can choose between two layout styles: grid or columns (cols). To change the default layout style, click the block, go to the Style tab, and set the Layout field to Grid or Cols.

Grilă

Aranjarea Grilă îți permite să repoziționezi și să redimensionezi elemente precum imagini sau text, trăgându-le și plasându-le. Când este selectată Grilă, sunt disponibile opțiuni suplimentare pentru Adaugă elemente apăsând Imagine, Text sau Buton.

Coloane

Choosing the Cols layout allows you to determine the number of elements per line within the block. To do so, select the block to modify, click the dropdown next to the Cols field, and adjust the number. You can then modify a specific column’s settings using the options in the Column section of the Style tab.

Notă

Implicit, pe dispozitivele mobile, doar un element (coloană) este vizibil pe linie pentru a asigura lizibilitatea și accesibilitatea conținutului pe ecrane mici. Pentru a ajusta valoarea, apasă pe (iconiță mobil) din partea de sus a editorului de site și adaptează numărul de coloane. Formele sunt ascunse implicit pe mobil.

Salvează un bloc de construcție personalizat

You can save a customized building block to reuse it elsewhere. To do so, select it, navigate to the Style tab, and click the (floppy disk) icon. Click the Save button in the popup to confirm saving your custom block.

Pentru a adăuga un bloc de construcție salvat pe pagină, mergi la fila Blocuri și trage blocul Personalizat din secțiunea Categorii. În fereastra pop-up care se deschide, apasă pe blocul dorit din categoria Personalizat.

Sfat

În fereastra pop-up Inserează un bloc, apasă pe (editează) pentru a redenumi blocul personalizat sau pe (șterge) pentru a-l șterge.

Creează un link ancoră

Linkurile ancoră sunt hyperlinkuri care direcționează utilizatorii către o secțiune specifică a unei pagini. Pentru a crea un link ancoră pentru un bloc, urmează acești pași:

1. Apasă Editare și selectează blocul la care vrei să faci legătura.

2. Click (link) at the top of the Style tab.

3. Pentru a edita numele implicit al ancorei, apasă Editare în mesajul pop-up verde care se deschide.

4. Înlocuiește numele ancorei și apasă Salvează & copiază.

După ce ancora a fost salvată, poți face legătură către ea de oriunde de pe site.